@bunnyapp/components 1.6.0-beta.17 → 1.6.0-beta.19

package/dist/cjs/index.js

@@ -48,7 +48,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ":root {\n  --row-background: #ffffff;\n  --row-background-alternate: rgba(100, 116, 139, 0.04);\n  --row-background-dark: #121212;\n  --row-background-alternate-dark: #1e1e1e;\n  --bunny-blue-500: #3b82f6;\n  --bunny-blue-200: #bfdbfe;\n  --bunny-green-600: #059669;\n  --bunny-green-200: #a7f3d0;\n  --bunny-red-500: #ef4444;\n  --bunny-red-200: #fecaca;\n  --bunny-orange-500: #f97316;\n  --bunny-orange-200: #fed7aa;\n  --bunny-yellow-500: #f59e0b;\n  --bunny-yellow-200: #fde68a;\n  --bunny-purple-500: #8b5cf6;\n  --bunny-purple-200: #ddd6fe;\n  --bunny-black: #000000;\n}\n.bunny-component-wrapper {\n  box-sizing: border-box;\n}\n.bunny-component-wrapper * {\n  box-sizing: border-box;\n}\n.hidden {\n  display: none;\n}\n.bunny-show-on-hover {\n  opacity: 0;\n}\n.bunny-show-on-hover-container:hover .bunny-show-on-hover {\n  opacity: 1;\n}\n.has-tooltip:hover .tooltip {\n  visibility: visible;\n  z-index: 100;\n}\n.pdf-only {\n  display: none !important;\n}\n.notes p {\n  margin: 0;\n  padding: 0;\n  padding-bottom: 0.25rem;\n}\n.bunny-icon-path {\n  transition: fill 0.3s;\n}\n.bunny-shadow-padding-x {\n  padding-right: 1rem;\n  padding-left: 1rem;\n}\n.bunny-shadow-padding-xb {\n  padding-right: 1rem;\n  padding-left: 1rem;\n  padding-bottom: 0.5rem;\n}\n.content-container {\n  width: 100%;\n  margin: 0 auto;\n}\n@media (min-width: 1220px) {\n  .content-container {\n    width: 1220px !important;\n    margin: 0 auto;\n  }\n}\n@media (min-width: 768px) {\n  .bunny-shadow-padding-x {\n    padding-right: 2rem;\n    padding-left: 2rem;\n  }\n  .bunny-shadow-padding-xb {\n    padding-right: 2rem;\n    padding-left: 2rem;\n    padding-bottom: 0.5rem;\n  }\n  .sm\\:flex {\n    display: flex !important;\n  }\n  .sm\\:hidden {\n    display: none !important;\n  }\n}\n.bunny-shadow,\n.bunny-shadow-md {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n}\n.bunny-fixed {\n  position: fixed;\n}\n.bunny-absolute {\n  position: absolute;\n}\n.bunny-relative {\n  position: relative;\n}\n.bunny-sticky {\n  position: sticky;\n}\n.bunny-bottom-0 {\n  bottom: 0px;\n}\n.bunny-bottom-4 {\n  bottom: 1rem;\n}\n.bunny-left-0 {\n  left: 0px;\n}\n.bunny-right-0 {\n  right: 0px;\n}\n.bunny-top-0 {\n  top: 0px;\n}\n.bunny-col-span-1 {\n  grid-column: span 1 / span 1;\n}\n.bunny-col-span-full {\n  grid-column: 1 / -1;\n}\n.bunny-m-0 {\n  margin: 0px;\n}\n.bunny-mx-0 {\n  margin-left: 0px;\n  margin-right: 0px;\n}\n.bunny-mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.bunny-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.bunny-my-0 {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n.bunny-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.bunny-my-24 {\n  margin-top: 6rem;\n  margin-bottom: 6rem;\n}\n.bunny-my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.bunny-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.bunny-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.bunny-mb-3 {\n  margin-bottom: 0.75rem;\n}\n.bunny-mb-4 {\n  margin-bottom: 1rem;\n}\n.bunny-mb-8 {\n  margin-bottom: 2rem;\n}\n.bunny-ml-auto {\n  margin-left: auto;\n}\n.bunny-mt-0 {\n  margin-top: 0px;\n}\n.bunny-mt-2 {\n  margin-top: 0.5rem;\n}\n.bunny-mt-24 {\n  margin-top: 6rem;\n}\n.bunny-mt-4 {\n  margin-top: 1rem;\n}\n.bunny-mt-5 {\n  margin-top: 1.25rem;\n}\n.bunny-box-border {\n  box-sizing: border-box;\n}\n.bunny-flex {\n  display: flex;\n}\n.bunny-grid {\n  display: grid;\n}\n.bunny-contents {\n  display: contents;\n}\n.bunny-h-0\\.5 {\n  height: 0.125rem;\n}\n.bunny-h-1\\/2 {\n  height: 50%;\n}\n.bunny-h-8 {\n  height: 2rem;\n}\n.bunny-h-full {\n  height: 100%;\n}\n.bunny-h-screen {\n  height: 100vh;\n}\n.bunny-max-h-\\[calc\\(100vh-10rem\\)\\] {\n  max-height: calc(100vh - 10rem);\n}\n.bunny-min-h-0 {\n  min-height: 0px;\n}\n.bunny-w-0\\.5 {\n  width: 0.125rem;\n}\n.bunny-w-1\\/2 {\n  width: 50%;\n}\n.bunny-w-3\\/5 {\n  width: 60%;\n}\n.bunny-w-full {\n  width: 100%;\n}\n.bunny-w-screen {\n  width: 100vw;\n}\n.bunny-flex-1 {\n  flex: 1 1 0%;\n}\n.bunny-shrink {\n  flex-shrink: 1;\n}\n.bunny-shrink-0 {\n  flex-shrink: 0;\n}\n.bunny-grow {\n  flex-grow: 1;\n}\n.bunny-cursor-pointer {\n  cursor: pointer;\n}\n.bunny-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.bunny-flex-row {\n  flex-direction: row;\n}\n.bunny-flex-col {\n  flex-direction: column;\n}\n.bunny-flex-wrap {\n  flex-wrap: wrap;\n}\n.bunny-items-start {\n  align-items: flex-start;\n}\n.bunny-items-end {\n  align-items: flex-end;\n}\n.bunny-items-center {\n  align-items: center;\n}\n.bunny-justify-end {\n  justify-content: flex-end;\n}\n.bunny-justify-center {\n  justify-content: center;\n}\n.bunny-justify-between {\n  justify-content: space-between;\n}\n.bunny-gap-0 {\n  gap: 0px;\n}\n.bunny-gap-1 {\n  gap: 0.25rem;\n}\n.bunny-gap-2 {\n  gap: 0.5rem;\n}\n.bunny-gap-3 {\n  gap: 0.75rem;\n}\n.bunny-gap-4 {\n  gap: 1rem;\n}\n.bunny-gap-6 {\n  gap: 1.5rem;\n}\n.bunny-gap-8 {\n  gap: 2rem;\n}\n.bunny-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.bunny-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.bunny-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.bunny-overflow-auto {\n  overflow: auto;\n}\n.bunny-overflow-hidden {\n  overflow: hidden;\n}\n.bunny-overflow-y-auto {\n  overflow-y: auto;\n}\n.bunny-whitespace-nowrap {\n  white-space: nowrap;\n}\n.bunny-text-nowrap {\n  text-wrap: nowrap;\n}\n.bunny-rounded {\n  border-radius: 0.25rem;\n}\n.bunny-rounded-full {\n  border-radius: 9999px;\n}\n.bunny-rounded-lg {\n  border-radius: 0.5rem;\n}\n.bunny-rounded-md {\n  border-radius: 0.375rem;\n}\n.bunny-border {\n  border-width: 1px;\n}\n.bunny-border-2 {\n  border-width: 2px;\n}\n.bunny-border-solid {\n  border-style: solid;\n}\n.bunny-border-none {\n  border-style: none;\n}\n.bunny-border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));\n}\n.bunny-bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\n.bunny-bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\n}\n.bunny-bg-transparent {\n  background-color: transparent;\n}\n.bunny-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bunny-p-0 {\n  padding: 0px;\n}\n.bunny-p-1 {\n  padding: 0.25rem;\n}\n.bunny-p-2 {\n  padding: 0.5rem;\n}\n.bunny-p-4 {\n  padding: 1rem;\n}\n.bunny-px-12 {\n  padding-left: 3rem;\n  padding-right: 3rem;\n}\n.bunny-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.bunny-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.bunny-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.bunny-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.bunny-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.bunny-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.bunny-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.bunny-pb-4 {\n  padding-bottom: 1rem;\n}\n.bunny-pb-6 {\n  padding-bottom: 1.5rem;\n}\n.bunny-pb-8 {\n  padding-bottom: 2rem;\n}\n.bunny-pl-0 {\n  padding-left: 0px;\n}\n.bunny-pl-1 {\n  padding-left: 0.25rem;\n}\n.bunny-pl-4 {\n  padding-left: 1rem;\n}\n.bunny-pr-4 {\n  padding-right: 1rem;\n}\n.bunny-pt-1 {\n  padding-top: 0.25rem;\n}\n.bunny-pt-12 {\n  padding-top: 3rem;\n}\n.bunny-pt-2 {\n  padding-top: 0.5rem;\n}\n.bunny-pt-4 {\n  padding-top: 1rem;\n}\n.bunny-pt-5 {\n  padding-top: 1.25rem;\n}\n.bunny-pt-\\[25vh\\] {\n  padding-top: 25vh;\n}\n.bunny-text-left {\n  text-align: left;\n}\n.bunny-text-center {\n  text-align: center;\n}\n.bunny-text-right {\n  text-align: right;\n}\n.bunny-text-start {\n  text-align: start;\n}\n.bunny-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.bunny-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n.bunny-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.bunny-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.bunny-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.bunny-text-sm\\/5 {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.bunny-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.bunny-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.bunny-text-xs\\/3 {\n  font-size: 0.75rem;\n  line-height: 0.75rem;\n}\n.bunny-font-bold {\n  font-weight: 700;\n}\n.bunny-font-medium {\n  font-weight: 500;\n}\n.bunny-font-normal {\n  font-weight: 400;\n}\n.bunny-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.bunny-text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.bunny-text-orange-600 {\n  --tw-text-opacity: 1;\n  color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-400 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71 85 105 / var(--tw-text-opacity, 1));\n}\n.bunny-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.bunny-underline {\n  text-decoration-line: underline;\n}\n.bunny-shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.bunny-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.bunny-transition-\\[margin\\] {\n  transition-property: margin;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.bunny-duration-300 {\n  transition-duration: 300ms;\n}\n.rotate-45,\n.transform {\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n}\n.shadow,\n.shadow-lg,\n.shadow-md,\n.shadow-none,\n.shadow-sm,\n.shadow-xl {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .container {\n    max-width: 1536px;\n  }\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.-top-0\\.5 {\n  top: -0.125rem;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-4 {\n  bottom: 1rem;\n}\n.left-0 {\n  left: 0px;\n}\n.right-0 {\n  right: 0px;\n}\n.top-0 {\n  top: 0px;\n}\n.z-50 {\n  z-index: 50;\n}\n.col-span-2 {\n  grid-column: span 2 / span 2;\n}\n.col-span-3 {\n  grid-column: span 3 / span 3;\n}\n.col-span-full {\n  grid-column: 1 / -1;\n}\n.m-0 {\n  margin: 0px;\n}\n.mx-0 {\n  margin-left: 0px;\n  margin-right: 0px;\n}\n.mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.my-12 {\n  margin-top: 3rem;\n  margin-bottom: 3rem;\n}\n.my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mb-4 {\n  margin-bottom: 1rem;\n}\n.mb-8 {\n  margin-bottom: 2rem;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.mr-8 {\n  margin-right: 2rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-2 {\n  margin-top: 0.5rem;\n}\n.mt-4 {\n  margin-top: 1rem;\n}\n.mt-6 {\n  margin-top: 1.5rem;\n}\n.mt-8 {\n  margin-top: 2rem;\n}\n.block {\n  display: block;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.contents {\n  display: contents;\n}\n.hidden {\n  display: none;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-5 {\n  height: 1.25rem;\n}\n.h-8 {\n  height: 2rem;\n}\n.h-full {\n  height: 100%;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-12 {\n  width: 3rem;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-full {\n  width: 100%;\n}\n.max-w-32 {\n  max-width: 8rem;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.shrink {\n  flex-shrink: 1;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.grow {\n  flex-grow: 1;\n}\n.border-collapse {\n  border-collapse: collapse;\n}\n.rotate-45 {\n  --tw-rotate: 45deg;\n  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));\n}\n.transform {\n  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));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-end {\n  align-items: flex-end;\n}\n.items-center {\n  align-items: center;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-0 {\n  gap: 0px;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.gap-6 {\n  gap: 1.5rem;\n}\n.gap-8 {\n  gap: 2rem;\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-visible {\n  overflow: visible;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.text-nowrap {\n  text-wrap: nowrap;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-none {\n  border-style: none;\n}\n.border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\n.border-gray-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));\n}\n.border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));\n}\n.border-slate-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));\n}\n.border-slate-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n.bg-emerald-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));\n}\n.bg-green-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));\n}\n.bg-red-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bg-yellow-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));\n}\n.p-0 {\n  padding: 0px;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-8 {\n  padding: 2rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-6 {\n  padding-bottom: 1.5rem;\n}\n.pb-8 {\n  padding-bottom: 2rem;\n}\n.pl-0 {\n  padding-left: 0px;\n}\n.pl-2 {\n  padding-left: 0.5rem;\n}\n.pl-4 {\n  padding-left: 1rem;\n}\n.pt-1 {\n  padding-top: 0.25rem;\n}\n.pt-12 {\n  padding-top: 3rem;\n}\n.pt-2 {\n  padding-top: 0.5rem;\n}\n.pt-4 {\n  padding-top: 1rem;\n}\n.pt-5 {\n  padding-top: 1.25rem;\n}\n.pt-6 {\n  padding-top: 1.5rem;\n}\n.pt-8 {\n  padding-top: 2rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-right {\n  text-align: right;\n}\n.align-middle {\n  vertical-align: middle;\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.capitalize {\n  text-transform: capitalize;\n}\n.text-emerald-600 {\n  --tw-text-opacity: 1;\n  color: rgb(5 150 105 / var(--tw-text-opacity, 1));\n}\n.text-emerald-700 {\n  --tw-text-opacity: 1;\n  color: rgb(4 120 87 / var(--tw-text-opacity, 1));\n}\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity, 1));\n}\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.text-orange-600 {\n  --tw-text-opacity: 1;\n  color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-slate-400 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity, 1));\n}\n.text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity, 1));\n}\n.text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71 85 105 / var(--tw-text-opacity, 1));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.text-yellow-500 {\n  --tw-text-opacity: 1;\n  color: rgb(234 179 8 / var(--tw-text-opacity, 1));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-none {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[margin\\] {\n  transition-property: margin;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-slate-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-slate-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-gray-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\n@media (min-width: 768px) {\n  .sm\\:flex {\n    display: flex;\n  }\n  .sm\\:hidden {\n    display: none;\n  }\n}\n.hover\\:bunny-text-orange-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\n.bunny-components .ant-upload-select-picture-card {\n  margin: 0 !important;\n}\n.bunny-components .ant-upload {\n  border-radius: 0.5rem !important;\n}\n.bunny-components .ant-row {\n  margin-bottom: 0px;\n}\n.bunny-components .ant-select-disabled .ant-select-selector .ant-select-selection-item {\n  color: rgba(0, 0, 0, 0.25) !important;\n}\n.bunny-components .ant-input-number,\n.bunny-components .ant-input,\n.bunny-components .ant-picker,\n.bunny-components .ant-input-affix-wrapper,\n.bunny-components .ant-select-selector {\n  font-size: 0.875rem !important;\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  color: #232323 !important;\n}\n.bunny-components .ant-input-affix-wrapper {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.bunny-components .ant-input-group-addon,\n.bunny-components .ant-input-number-group-addon {\n  color: #475569 !important;\n}\n.bunny-components .ant-input-number-group-wrapper,\n.bunny-components .ant-input-number-affix-wrapper {\n  width: 100%;\n}\n.bunny-components .ant-input-affix-wrapper input {\n  border: none !important;\n}\n.bunny-components .ant-form-item {\n  margin-bottom: 0;\n}\n.bunny-components .ant-form-item-label {\n  text-transform: none !important;\n  font-size: 0.75rem;\n  padding-bottom: 2px !important;\n}\n.bunny-components .ant-form-item-label > label {\n  width: 100%;\n  color: #4b5563 !important;\n}\n.bunny-components .form .ant-form-item-label label {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n.bunny-components .ant-form-item-explain,\n.bunny-components .ant-form-item-explain-error {\n  font-size: 11px;\n  min-height: 11px;\n  line-height: 11px;\n  padding-top: 2px;\n}\n.bunny-components .ant-timeline-item-content {\n  font-size: smaller;\n}\n.bunny-components .ant-tree {\n  font-size: 0.875rem;\n}\n.bunny-components .ant-tree-treenode {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-draggable-icon {\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-node-content-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-switcher {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-page-header {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n}\n.bunny-components .ant-tag {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  padding-inline-start: 0.625rem;\n  padding-inline-end: 0.625rem;\n  margin: 0;\n}\n.bunny-components .ant-tag-blue {\n  color: #3b82f6 !important;\n  background: #bfdbfe !important;\n}\n.bunny-components .ant-tag-green {\n  color: #059669 !important;\n  background: #a7f3d0 !important;\n}\n.bunny-components .ant-tag-red {\n  color: #ef4444 !important;\n  background: #fecaca !important;\n}\n.bunny-components .ant-tag-orange {\n  color: #f97316 !important;\n  background: #fed7aa !important;\n}\n.bunny-components .ant-tag-yellow {\n  color: #f59e0b !important;\n  background: #fde68a !important;\n}\n.bunny-components .ant-tag-purple {\n  color: #8b5cf6 !important;\n  background: #ddd6fe !important;\n}\n.bunny-components .ant-tag-gray {\n  color: #6b7280 !important;\n  background: #e5e7eb !important;\n}\n.bunny-components .ant-tag-black {\n  color: white !important;\n  background: black !important;\n}\n.bunny-components .ant-picker {\n  width: 100%;\n}\n.bunny-components .ant-input,\n.bunny-components .ant-select,\n.bunny-components .ant-picker {\n  height: 32px !important;\n}\n.bunny-components .ant-slider-dot {\n  border: 2px solid #f0f0f0;\n}\n.bunny-components .ant-slider-dot-active {\n  border-color: #ff5833;\n}\n.bunny-components .ant-slider-mark :last-child {\n  transform: translateX(-75%) !important;\n}\n.bunny-components .ant-drawer-content {\n  background: #f3f3f9ff;\n}\n.bunny-components .ant-drawer-body,\n.bunny-components .ant-layout {\n  background: #f8fafc;\n}\n.bunny-components .vista-link {\n  color: #1890ff;\n}\n.bunny-components .vista-link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.bunny-components .ant-popover-inner-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  max-width: 300px;\n}\n.bunny-components .ant-popconfirm-message-text {\n  width: 100% !important;\n}\n.bunny-components .ant-popconfirm-title {\n  padding: 0;\n  text-align: center;\n  font-size: 0.875rem !important;\n  width: 100% !important;\n}\n.bunny-components .ant-popconfirm-buttons {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n}\n.bunny-components .ant-popconfirm-buttons button {\n  margin-inline-start: 0 !important;\n}\n.bunny-components .ant-pagination-item {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-btn-primary:disabled {\n  background: #eef0f2 !important;\n  color: rgba(0, 0, 0, 0.25) !important;\n  border: none;\n}\n.bunny-components .ant-btn {\n  box-shadow: none;\n  text-shadow: none;\n  outline: none !important;\n  line-height: 1;\n  font-weight: normal;\n}\n.bunny-components .ant-btn-default .ant-btn-icon {\n  color: #94a3b8;\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.bunny-components .ant-btn-default:hover .ant-btn-icon {\n  color: #ff7f5c;\n}\n.bunny-components .ant-btn-default:disabled {\n  border-color: rgba(113, 125, 148, 0.2) !important;\n}\n.bunny-components .ant-btn-primary:disabled {\n  background-color: rgba(113, 125, 148, 0.1) !important;\n  border-color: rgba(113, 125, 148, 0.1) !important;\n}\n.bunny-components .ant-btn-primary:hover:disabled,\n.bunny-components .ant-btn-primary:disabled {\n  background-clip: padding-box;\n}\n.bunny-components .ant-select-selection-item-content {\n  display: flex !important;\n  align-items: center;\n}\n.bunny-components .ant-select-item {\n  font-size: 0.875rem;\n}\n.bunny-components .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n  white-space: nowrap !important;\n  overflow: visible !important;\n  text-overflow: default !important;\n  font-size: 0.875rem;\n}\n.bunny-components .ant-select-arrow .anticon:not(.ant-select-suffix) {\n  pointer-events: none;\n}\n.bunny-components .select-dropdown-blue-gray .ant-select-item-option {\n  background-color: #fff !important;\n}\n.bunny-components .select-dropdown-blue-gray .ant-select-item-option-active {\n  color: #ff5833;\n}\n.bunny-components .ant-dropdown-menu-items {\n  padding-left: 0 !important;\n}\n.bunny-components .ant-dropdown-menu-item-active {\n  background-color: transparent !important;\n}\n.bunny-components .ant-input-affix-wrapper.searchfield {\n  background: white !important;\n}\n.bunny-components .ant-input-affix-wrapper.searchfield input {\n  background: white !important;\n}\n.bunny-components .ant-input-affix-wrapper-focused {\n  background: white !important;\n}\n.bunny-components .panel .ant-input-affix-wrapper.searchfield {\n  background: #f8f8f8 !important;\n}\n.bunny-components .panel .ant-input-affix-wrapper.searchfield input {\n  background: #f8f8f8 !important;\n}\n.bunny-components .ant-input-steps-hidden .ant-input-number-handler-wrap {\n  display: none;\n}\n.bunny-components .ant-layout-header {\n  height: 48px;\n}\n.bunny-components .ant-layout-sider-children {\n  width: inherit;\n  position: fixed;\n}\n.bunny-components .ant-menu-item-group-list {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  gap: 4px !important;\n}\n.bunny-components .group {\n  display: flex;\n  flex-direction: row;\n  flex-flow: row wrap;\n  box-sizing: border-box;\n}\n.bunny-components .select-datepicker {\n  animation-duration: 0.35s !important;\n}\n.bunny-components .header-datepicker {\n  top: 96px !important;\n  animation-duration: 0s !important;\n}\n.bunny-components .ant-picker-header {\n  border-bottom: none !important;\n}\n.bunny-components .ant-picker-content thead tr th {\n  font-weight: 500;\n}\n.bunny-components .ant-picker-panel-container {\n  border-radius: 0.375rem;\n}\n.bunny-components .ant-picker-cell-selected .custom-date-display {\n  color: #ffffff;\n  background-color: #ff5833;\n}\n.bunny-components .ant-picker-cell-today .custom-date-display {\n  border: 1px solid #ff5833;\n}\n.bunny-components .ant-select:hover,\n.bunny-components * .cardElement:hover {\n  border-color: #ff5833;\n}\n.bunny-components .ant-input-number {\n  width: 100%;\n}\n.bunny-components .ant-input-number-focused {\n  border-color: #ff5833 !important;\n  background-color: #ffffff !important;\n}\n.bunny-components .ant-input-affix-wrapper-focused,\n.bunny-components .ant-input-number-focused,\n.bunny-components .ant-picker,\n.bunny-components .ant-input,\n.bunny-components .ant-select-focused .ant-select-selector,\n.bunny-components .ant-select-selector:focus,\n.bunny-components .ant-select-selector:active,\n.bunny-components .ant-select-open .ant-select-selector {\n  box-shadow: none !important;\n}\n.bunny-components .ant-select-item-option-selected .ant-select-item-option-state {\n  display: none !important;\n}\n.bunny-components .ant-form * input[type='text'].ant-input:not(:disabled),\n.bunny-components .ant-select-selection-item:not(:disabled) {\n  color: #232323;\n}\n.bunny-components .ant-tabs-ink-bar {\n  display: none !important;\n}\n.bunny-components .ant-tabs-tab.ant-tabs-tab-active {\n  border-bottom: 2px solid #ff5833 !important;\n}\n.bunny-components .ant-tabs-tab {\n  border-bottom: 2px solid transparent !important;\n  padding-bottom: 14px !important;\n}\n.bunny-components .ant-upload-wrapper {\n  display: flex;\n}\n.bunny-components .ant-form-item-label > label::after {\n  display: none !important;\n}\n.bunny-components .ant-menu-item {\n  display: flex !important;\n  align-items: center !important;\n}\n.ant-notification {\n  width: min-content;\n}\n.ant-notification-topRight {\n  right: 0 !important;\n  left: 0 !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n.ant-notification-notice-wrapper {\n  width: 350px !important;\n  overflow: hidden !important;\n}\n.ant-notification-notice {\n  padding: 16px !important;\n  width: 350px !important;\n  border-radius: 8px !important;\n  display: flex !important;\n  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08), 0px 1px 18px rgba(0, 0, 0, 0.08), 0px 3px 5px rgba(0, 0, 0, 0.16) !important;\n}\n.ant-notification-notice-description {\n  padding: 0 14px 0 0 !important;\n  font-size: 14px !important;\n  overflow-wrap: break-word;\n}\n.ant-notification-notice-success {\n  background-color: #edfffa !important;\n}\n.ant-notification-notice-error {\n  background-color: #fff8f4 !important;\n}\n.ant-notification-notice-error .ant-notification-notice-message {\n  color: #ff5833 !important;\n  font-weight: 500 !important;\n}\n.ant-notification-notice-error .ant-notification-notice-icon {\n  color: #ff5833;\n}\n.ant-notification-notice-success .ant-notification-notice-message {\n  color: #00b76a !important;\n  font-weight: 500 !important;\n}\n.ant-notification-notice-success .ant-notification-notice-icon {\n  color: #00b76a !important;\n}\n.ant-notification-notice-message {\n  margin-bottom: 0 !important;\n}\n.ant-notification-notice-close {\n  top: 16px !important;\n  right: 16px !important;\n}\n.bunny-invoice-container {\n  padding: 0;\n  box-sizing: border-box !important;\n  line-height: 1.15;\n}\n@media only screen and (max-width: 768px) {\n  select,\n  textarea,\n  input[type='text'],\n  input[type='password'],\n  input[type='datetime'],\n  input[type='datetime-local'],\n  input[type='date'],\n  input[type='month'],\n  input[type='time'],\n  input[type='week'],\n  input[type='number'],\n  input[type='email'],\n  input[type='url'],\n  input[type='search'],\n  input[type='tel'],\n  input[type='color'] {\n    font-size: 16px !important;\n  }\n}\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n";
+var css_248z = ":root {\n  --row-background: #ffffff;\n  --row-background-alternate: rgba(100, 116, 139, 0.04);\n  --row-background-dark: #121212;\n  --row-background-alternate-dark: #1e1e1e;\n  --bunny-blue-500: #3b82f6;\n  --bunny-blue-200: #bfdbfe;\n  --bunny-green-600: #059669;\n  --bunny-green-200: #a7f3d0;\n  --bunny-red-500: #ef4444;\n  --bunny-red-200: #fecaca;\n  --bunny-orange-500: #f97316;\n  --bunny-orange-200: #fed7aa;\n  --bunny-yellow-500: #f59e0b;\n  --bunny-yellow-200: #fde68a;\n  --bunny-purple-500: #8b5cf6;\n  --bunny-purple-200: #ddd6fe;\n  --bunny-black: #000000;\n}\n.bunny-component-wrapper {\n  box-sizing: border-box;\n}\n.bunny-component-wrapper * {\n  box-sizing: border-box;\n}\n.hidden {\n  display: none;\n}\n.bunny-show-on-hover {\n  opacity: 0;\n}\n.bunny-show-on-hover-container:hover .bunny-show-on-hover {\n  opacity: 1;\n}\n.has-tooltip:hover .tooltip {\n  visibility: visible;\n  z-index: 100;\n}\n.pdf-only {\n  display: none !important;\n}\n.notes p {\n  margin: 0;\n  padding: 0;\n  padding-bottom: 0.25rem;\n}\n.bunny-icon-path {\n  transition: fill 0.3s;\n}\n.bunny-shadow-padding-x {\n  padding-right: 1rem;\n  padding-left: 1rem;\n}\n.bunny-shadow-padding-xb {\n  padding-right: 1rem;\n  padding-left: 1rem;\n  padding-bottom: 0.5rem;\n}\n.content-container {\n  width: 100%;\n  margin: 0 auto;\n}\n@media (min-width: 1220px) {\n  .content-container {\n    width: 1220px !important;\n    margin: 0 auto;\n  }\n}\n@media (min-width: 768px) {\n  .bunny-shadow-padding-x {\n    padding-right: 2rem;\n    padding-left: 2rem;\n  }\n  .bunny-shadow-padding-xb {\n    padding-right: 2rem;\n    padding-left: 2rem;\n    padding-bottom: 0.5rem;\n  }\n  .sm\\:flex {\n    display: flex !important;\n  }\n  .sm\\:hidden {\n    display: none !important;\n  }\n}\n.bunny-shadow,\n.bunny-shadow-md {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n}\n.bunny-fixed {\n  position: fixed;\n}\n.bunny-absolute {\n  position: absolute;\n}\n.bunny-relative {\n  position: relative;\n}\n.bunny-sticky {\n  position: sticky;\n}\n.bunny-bottom-0 {\n  bottom: 0px;\n}\n.bunny-bottom-4 {\n  bottom: 1rem;\n}\n.bunny-left-0 {\n  left: 0px;\n}\n.bunny-right-0 {\n  right: 0px;\n}\n.bunny-top-0 {\n  top: 0px;\n}\n.bunny-col-span-1 {\n  grid-column: span 1 / span 1;\n}\n.bunny-col-span-full {\n  grid-column: 1 / -1;\n}\n.bunny-m-0 {\n  margin: 0px;\n}\n.bunny-mx-0 {\n  margin-left: 0px;\n  margin-right: 0px;\n}\n.bunny-mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.bunny-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.bunny-my-0 {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n.bunny-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.bunny-my-24 {\n  margin-top: 6rem;\n  margin-bottom: 6rem;\n}\n.bunny-my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.bunny-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.bunny-mb-3 {\n  margin-bottom: 0.75rem;\n}\n.bunny-mb-4 {\n  margin-bottom: 1rem;\n}\n.bunny-mb-8 {\n  margin-bottom: 2rem;\n}\n.bunny-ml-auto {\n  margin-left: auto;\n}\n.bunny-mt-0 {\n  margin-top: 0px;\n}\n.bunny-mt-2 {\n  margin-top: 0.5rem;\n}\n.bunny-mt-24 {\n  margin-top: 6rem;\n}\n.bunny-mt-4 {\n  margin-top: 1rem;\n}\n.bunny-mt-5 {\n  margin-top: 1.25rem;\n}\n.bunny-box-border {\n  box-sizing: border-box;\n}\n.bunny-flex {\n  display: flex;\n}\n.bunny-grid {\n  display: grid;\n}\n.bunny-contents {\n  display: contents;\n}\n.bunny-h-0\\.5 {\n  height: 0.125rem;\n}\n.bunny-h-1\\/2 {\n  height: 50%;\n}\n.bunny-h-8 {\n  height: 2rem;\n}\n.bunny-h-full {\n  height: 100%;\n}\n.bunny-h-screen {\n  height: 100vh;\n}\n.bunny-max-h-\\[calc\\(100vh-10rem\\)\\] {\n  max-height: calc(100vh - 10rem);\n}\n.bunny-min-h-0 {\n  min-height: 0px;\n}\n.bunny-w-0\\.5 {\n  width: 0.125rem;\n}\n.bunny-w-1\\/2 {\n  width: 50%;\n}\n.bunny-w-3\\/5 {\n  width: 60%;\n}\n.bunny-w-full {\n  width: 100%;\n}\n.bunny-w-screen {\n  width: 100vw;\n}\n.bunny-flex-1 {\n  flex: 1 1 0%;\n}\n.bunny-shrink {\n  flex-shrink: 1;\n}\n.bunny-shrink-0 {\n  flex-shrink: 0;\n}\n.bunny-grow {\n  flex-grow: 1;\n}\n.bunny-cursor-pointer {\n  cursor: pointer;\n}\n.bunny-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.bunny-flex-row {\n  flex-direction: row;\n}\n.bunny-flex-col {\n  flex-direction: column;\n}\n.bunny-flex-wrap {\n  flex-wrap: wrap;\n}\n.bunny-items-start {\n  align-items: flex-start;\n}\n.bunny-items-end {\n  align-items: flex-end;\n}\n.bunny-items-center {\n  align-items: center;\n}\n.bunny-justify-end {\n  justify-content: flex-end;\n}\n.bunny-justify-center {\n  justify-content: center;\n}\n.bunny-justify-between {\n  justify-content: space-between;\n}\n.bunny-gap-0 {\n  gap: 0px;\n}\n.bunny-gap-1 {\n  gap: 0.25rem;\n}\n.bunny-gap-2 {\n  gap: 0.5rem;\n}\n.bunny-gap-3 {\n  gap: 0.75rem;\n}\n.bunny-gap-4 {\n  gap: 1rem;\n}\n.bunny-gap-6 {\n  gap: 1.5rem;\n}\n.bunny-gap-8 {\n  gap: 2rem;\n}\n.bunny-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.bunny-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.bunny-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.bunny-overflow-auto {\n  overflow: auto;\n}\n.bunny-overflow-hidden {\n  overflow: hidden;\n}\n.bunny-overflow-y-auto {\n  overflow-y: auto;\n}\n.bunny-whitespace-nowrap {\n  white-space: nowrap;\n}\n.bunny-text-nowrap {\n  text-wrap: nowrap;\n}\n.bunny-rounded {\n  border-radius: 0.25rem;\n}\n.bunny-rounded-full {\n  border-radius: 9999px;\n}\n.bunny-rounded-lg {\n  border-radius: 0.5rem;\n}\n.bunny-rounded-md {\n  border-radius: 0.375rem;\n}\n.bunny-border {\n  border-width: 1px;\n}\n.bunny-border-2 {\n  border-width: 2px;\n}\n.bunny-border-solid {\n  border-style: solid;\n}\n.bunny-border-none {\n  border-style: none;\n}\n.bunny-border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));\n}\n.bunny-bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\n.bunny-bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\n}\n.bunny-bg-transparent {\n  background-color: transparent;\n}\n.bunny-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bunny-p-0 {\n  padding: 0px;\n}\n.bunny-p-1 {\n  padding: 0.25rem;\n}\n.bunny-p-2 {\n  padding: 0.5rem;\n}\n.bunny-p-4 {\n  padding: 1rem;\n}\n.bunny-px-12 {\n  padding-left: 3rem;\n  padding-right: 3rem;\n}\n.bunny-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.bunny-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.bunny-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.bunny-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.bunny-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.bunny-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.bunny-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.bunny-pb-4 {\n  padding-bottom: 1rem;\n}\n.bunny-pb-6 {\n  padding-bottom: 1.5rem;\n}\n.bunny-pb-8 {\n  padding-bottom: 2rem;\n}\n.bunny-pl-0 {\n  padding-left: 0px;\n}\n.bunny-pl-1 {\n  padding-left: 0.25rem;\n}\n.bunny-pl-4 {\n  padding-left: 1rem;\n}\n.bunny-pr-4 {\n  padding-right: 1rem;\n}\n.bunny-pt-1 {\n  padding-top: 0.25rem;\n}\n.bunny-pt-12 {\n  padding-top: 3rem;\n}\n.bunny-pt-2 {\n  padding-top: 0.5rem;\n}\n.bunny-pt-4 {\n  padding-top: 1rem;\n}\n.bunny-pt-5 {\n  padding-top: 1.25rem;\n}\n.bunny-pt-\\[25vh\\] {\n  padding-top: 25vh;\n}\n.bunny-text-left {\n  text-align: left;\n}\n.bunny-text-center {\n  text-align: center;\n}\n.bunny-text-right {\n  text-align: right;\n}\n.bunny-text-start {\n  text-align: start;\n}\n.bunny-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.bunny-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n.bunny-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.bunny-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.bunny-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.bunny-text-sm\\/5 {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.bunny-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.bunny-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.bunny-text-xs\\/3 {\n  font-size: 0.75rem;\n  line-height: 0.75rem;\n}\n.bunny-font-bold {\n  font-weight: 700;\n}\n.bunny-font-medium {\n  font-weight: 500;\n}\n.bunny-font-normal {\n  font-weight: 400;\n}\n.bunny-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.bunny-text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.bunny-text-orange-600 {\n  --tw-text-opacity: 1;\n  color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-400 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71 85 105 / var(--tw-text-opacity, 1));\n}\n.bunny-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.bunny-underline {\n  text-decoration-line: underline;\n}\n.bunny-shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.bunny-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.bunny-transition-\\[margin\\] {\n  transition-property: margin;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.bunny-duration-300 {\n  transition-duration: 300ms;\n}\n.rotate-45,\n.transform {\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n}\n.shadow,\n.shadow-lg,\n.shadow-md,\n.shadow-none,\n.shadow-sm,\n.shadow-xl {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .container {\n    max-width: 1536px;\n  }\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.-top-0\\.5 {\n  top: -0.125rem;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-4 {\n  bottom: 1rem;\n}\n.left-0 {\n  left: 0px;\n}\n.right-0 {\n  right: 0px;\n}\n.top-0 {\n  top: 0px;\n}\n.z-50 {\n  z-index: 50;\n}\n.col-span-2 {\n  grid-column: span 2 / span 2;\n}\n.col-span-3 {\n  grid-column: span 3 / span 3;\n}\n.col-span-full {\n  grid-column: 1 / -1;\n}\n.m-0 {\n  margin: 0px;\n}\n.mx-0 {\n  margin-left: 0px;\n  margin-right: 0px;\n}\n.mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.my-12 {\n  margin-top: 3rem;\n  margin-bottom: 3rem;\n}\n.my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mb-4 {\n  margin-bottom: 1rem;\n}\n.mb-8 {\n  margin-bottom: 2rem;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.mr-8 {\n  margin-right: 2rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-2 {\n  margin-top: 0.5rem;\n}\n.mt-4 {\n  margin-top: 1rem;\n}\n.mt-6 {\n  margin-top: 1.5rem;\n}\n.mt-8 {\n  margin-top: 2rem;\n}\n.block {\n  display: block;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.contents {\n  display: contents;\n}\n.hidden {\n  display: none;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-5 {\n  height: 1.25rem;\n}\n.h-8 {\n  height: 2rem;\n}\n.h-full {\n  height: 100%;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-12 {\n  width: 3rem;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-full {\n  width: 100%;\n}\n.max-w-32 {\n  max-width: 8rem;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.shrink {\n  flex-shrink: 1;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.grow {\n  flex-grow: 1;\n}\n.border-collapse {\n  border-collapse: collapse;\n}\n.rotate-45 {\n  --tw-rotate: 45deg;\n  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));\n}\n.transform {\n  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));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-end {\n  align-items: flex-end;\n}\n.items-center {\n  align-items: center;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-0 {\n  gap: 0px;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.gap-6 {\n  gap: 1.5rem;\n}\n.gap-8 {\n  gap: 2rem;\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-visible {\n  overflow: visible;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.text-nowrap {\n  text-wrap: nowrap;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-none {\n  border-style: none;\n}\n.border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\n.border-gray-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));\n}\n.border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));\n}\n.border-slate-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));\n}\n.border-slate-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n.bg-emerald-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));\n}\n.bg-green-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));\n}\n.bg-red-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bg-yellow-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));\n}\n.p-0 {\n  padding: 0px;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-8 {\n  padding: 2rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-6 {\n  padding-bottom: 1.5rem;\n}\n.pb-8 {\n  padding-bottom: 2rem;\n}\n.pl-0 {\n  padding-left: 0px;\n}\n.pl-2 {\n  padding-left: 0.5rem;\n}\n.pl-4 {\n  padding-left: 1rem;\n}\n.pt-1 {\n  padding-top: 0.25rem;\n}\n.pt-12 {\n  padding-top: 3rem;\n}\n.pt-2 {\n  padding-top: 0.5rem;\n}\n.pt-4 {\n  padding-top: 1rem;\n}\n.pt-5 {\n  padding-top: 1.25rem;\n}\n.pt-6 {\n  padding-top: 1.5rem;\n}\n.pt-8 {\n  padding-top: 2rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-right {\n  text-align: right;\n}\n.align-middle {\n  vertical-align: middle;\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.capitalize {\n  text-transform: capitalize;\n}\n.text-emerald-600 {\n  --tw-text-opacity: 1;\n  color: rgb(5 150 105 / var(--tw-text-opacity, 1));\n}\n.text-emerald-700 {\n  --tw-text-opacity: 1;\n  color: rgb(4 120 87 / var(--tw-text-opacity, 1));\n}\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity, 1));\n}\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.text-orange-600 {\n  --tw-text-opacity: 1;\n  color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-slate-400 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity, 1));\n}\n.text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity, 1));\n}\n.text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71 85 105 / var(--tw-text-opacity, 1));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.text-yellow-500 {\n  --tw-text-opacity: 1;\n  color: rgb(234 179 8 / var(--tw-text-opacity, 1));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-none {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[margin\\] {\n  transition-property: margin;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-slate-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-slate-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-gray-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\n@media (min-width: 768px) {\n  .sm\\:flex {\n    display: flex;\n  }\n  .sm\\:hidden {\n    display: none;\n  }\n}\n.hover\\:bunny-text-orange-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\n.bunny-components .ant-upload-select-picture-card {\n  margin: 0 !important;\n}\n.bunny-components .ant-upload {\n  border-radius: 0.5rem !important;\n}\n.bunny-components .ant-row {\n  margin-bottom: 0px;\n}\n.bunny-components .ant-select-disabled .ant-select-selector .ant-select-selection-item {\n  color: rgba(0, 0, 0, 0.25) !important;\n}\n.bunny-components .ant-input-number,\n.bunny-components .ant-input,\n.bunny-components .ant-picker,\n.bunny-components .ant-input-affix-wrapper,\n.bunny-components .ant-select-selector {\n  font-size: 0.875rem !important;\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  color: #232323 !important;\n}\n.bunny-components .ant-input-affix-wrapper {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.bunny-components .ant-input-group-addon,\n.bunny-components .ant-input-number-group-addon {\n  color: #475569 !important;\n}\n.bunny-components .ant-input-number-group-wrapper,\n.bunny-components .ant-input-number-affix-wrapper {\n  width: 100%;\n}\n.bunny-components .ant-input-affix-wrapper input {\n  border: none !important;\n}\n.bunny-components .ant-form-item {\n  margin-bottom: 0;\n}\n.bunny-components .ant-form-item-label {\n  text-transform: none !important;\n  font-size: 0.75rem;\n  padding-bottom: 2px !important;\n}\n.bunny-components .ant-form-item-label > label {\n  width: 100%;\n  color: #4b5563 !important;\n}\n.bunny-components .form .ant-form-item-label label {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n.bunny-components .ant-form-item-explain,\n.bunny-components .ant-form-item-explain-error {\n  font-size: 11px;\n  min-height: 11px;\n  line-height: 11px;\n  padding-top: 2px;\n}\n.bunny-components .ant-timeline-item-content {\n  font-size: smaller;\n}\n.bunny-components .ant-tree {\n  font-size: 0.875rem;\n}\n.bunny-components .ant-tree-treenode {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-draggable-icon {\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-node-content-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-switcher {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-page-header {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n}\n.bunny-components .ant-tag {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  padding-inline-start: 0.625rem;\n  padding-inline-end: 0.625rem;\n  margin: 0;\n}\n.bunny-components .ant-tag-blue {\n  color: #3b82f6 !important;\n  background: #bfdbfe !important;\n}\n.bunny-components .ant-tag-green {\n  color: #059669 !important;\n  background: #a7f3d0 !important;\n}\n.bunny-components .ant-tag-red {\n  color: #ef4444 !important;\n  background: #fecaca !important;\n}\n.bunny-components .ant-tag-orange {\n  color: #f97316 !important;\n  background: #fed7aa !important;\n}\n.bunny-components .ant-tag-yellow {\n  color: #f59e0b !important;\n  background: #fde68a !important;\n}\n.bunny-components .ant-tag-purple {\n  color: #8b5cf6 !important;\n  background: #ddd6fe !important;\n}\n.bunny-components .ant-tag-gray {\n  color: #6b7280 !important;\n  background: #e5e7eb !important;\n}\n.bunny-components .ant-tag-black {\n  color: white !important;\n  background: black !important;\n}\n.bunny-components .ant-picker {\n  width: 100%;\n}\n.bunny-components .ant-input,\n.bunny-components .ant-select,\n.bunny-components .ant-picker {\n  height: 32px !important;\n}\n.bunny-components .ant-slider-dot {\n  border: 2px solid #f0f0f0;\n}\n.bunny-components .ant-slider-dot-active {\n  border-color: #ff5833;\n}\n.bunny-components .ant-slider-mark :last-child {\n  transform: translateX(-75%) !important;\n}\n.bunny-components .ant-drawer-content {\n  background: #f3f3f9ff;\n}\n.bunny-components .ant-drawer-body,\n.bunny-components .ant-layout {\n  background: #f8fafc;\n}\n.bunny-components .vista-link {\n  color: #1890ff;\n}\n.bunny-components .vista-link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.bunny-components .ant-popover-inner-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  max-width: 300px;\n}\n.bunny-components .ant-popconfirm-message-text {\n  width: 100% !important;\n}\n.bunny-components .ant-popconfirm-title {\n  padding: 0;\n  text-align: center;\n  font-size: 0.875rem !important;\n  width: 100% !important;\n}\n.bunny-components .ant-popconfirm-buttons {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n}\n.bunny-components .ant-popconfirm-buttons button {\n  margin-inline-start: 0 !important;\n}\n.bunny-components .ant-pagination-item {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-btn-primary:disabled {\n  background: #eef0f2 !important;\n  color: rgba(0, 0, 0, 0.25) !important;\n  border: none;\n}\n.bunny-components .ant-btn {\n  box-shadow: none;\n  text-shadow: none;\n  outline: none !important;\n  line-height: 1;\n  font-weight: normal;\n}\n.bunny-components .ant-btn-default .ant-btn-icon {\n  color: #94a3b8;\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.bunny-components .ant-btn-default:hover .ant-btn-icon {\n  color: #ff7f5c;\n}\n.bunny-components .ant-btn-default:disabled {\n  border-color: rgba(113, 125, 148, 0.2) !important;\n}\n.bunny-components .ant-btn-primary:disabled {\n  background-color: rgba(113, 125, 148, 0.1) !important;\n  border-color: rgba(113, 125, 148, 0.1) !important;\n}\n.bunny-components .ant-btn-primary:hover:disabled,\n.bunny-components .ant-btn-primary:disabled {\n  background-clip: padding-box;\n}\n.bunny-components .ant-select-selection-item-content {\n  display: flex !important;\n  align-items: center;\n}\n.bunny-components .ant-select-item {\n  font-size: 0.875rem;\n}\n.bunny-components .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n  white-space: nowrap !important;\n  overflow: visible !important;\n  text-overflow: default !important;\n  font-size: 0.875rem;\n}\n.bunny-components .ant-select-arrow .anticon:not(.ant-select-suffix) {\n  pointer-events: none;\n}\n.bunny-components .select-dropdown-blue-gray .ant-select-item-option {\n  background-color: #fff !important;\n}\n.bunny-components .select-dropdown-blue-gray .ant-select-item-option-active {\n  color: #ff5833;\n}\n.bunny-components .ant-dropdown-menu-items {\n  padding-left: 0 !important;\n}\n.bunny-components .ant-dropdown-menu-item-active {\n  background-color: transparent !important;\n}\n.bunny-components .ant-input-affix-wrapper.searchfield {\n  background: white !important;\n}\n.bunny-components .ant-input-affix-wrapper.searchfield input {\n  background: white !important;\n}\n.bunny-components .ant-input-affix-wrapper-focused {\n  background: white !important;\n}\n.bunny-components .panel .ant-input-affix-wrapper.searchfield {\n  background: #f8f8f8 !important;\n}\n.bunny-components .panel .ant-input-affix-wrapper.searchfield input {\n  background: #f8f8f8 !important;\n}\n.bunny-components .ant-input-steps-hidden .ant-input-number-handler-wrap {\n  display: none;\n}\n.bunny-components .ant-layout-header {\n  height: 48px;\n}\n.bunny-components .ant-layout-sider-children {\n  width: inherit;\n  position: fixed;\n}\n.bunny-components .ant-menu-item-group-list {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  gap: 4px !important;\n}\n.bunny-components .group {\n  display: flex;\n  flex-direction: row;\n  flex-flow: row wrap;\n  box-sizing: border-box;\n}\n.bunny-components .select-datepicker {\n  animation-duration: 0.35s !important;\n}\n.bunny-components .header-datepicker {\n  top: 96px !important;\n  animation-duration: 0s !important;\n}\n.bunny-components .ant-picker-header {\n  border-bottom: none !important;\n}\n.bunny-components .ant-picker-content thead tr th {\n  font-weight: 500;\n}\n.bunny-components .ant-picker-panel-container {\n  border-radius: 0.375rem;\n}\n.bunny-components .ant-picker-cell-selected .custom-date-display {\n  color: #ffffff;\n  background-color: #ff5833;\n}\n.bunny-components .ant-picker-cell-today .custom-date-display {\n  border: 1px solid #ff5833;\n}\n.bunny-components .ant-select:hover,\n.bunny-components * .cardElement:hover {\n  border-color: #ff5833;\n}\n.bunny-components .ant-input-number {\n  width: 100%;\n}\n.bunny-components .ant-input-number-focused {\n  border-color: #ff5833 !important;\n  background-color: #ffffff !important;\n}\n.bunny-components .ant-input-affix-wrapper-focused,\n.bunny-components .ant-input-number-focused,\n.bunny-components .ant-picker,\n.bunny-components .ant-input,\n.bunny-components .ant-select-focused .ant-select-selector,\n.bunny-components .ant-select-selector:focus,\n.bunny-components .ant-select-selector:active,\n.bunny-components .ant-select-open .ant-select-selector {\n  box-shadow: none !important;\n}\n.bunny-components .ant-select-item-option-selected .ant-select-item-option-state {\n  display: none !important;\n}\n.bunny-components .ant-form * input[type='text'].ant-input:not(:disabled),\n.bunny-components .ant-select-selection-item:not(:disabled) {\n  color: #232323;\n}\n.bunny-components .ant-tabs-ink-bar {\n  display: none !important;\n}\n.bunny-components .ant-tabs-tab.ant-tabs-tab-active {\n  border-bottom: 2px solid #ff5833 !important;\n}\n.bunny-components .ant-tabs-tab {\n  border-bottom: 2px solid transparent !important;\n  padding-bottom: 14px !important;\n}\n.bunny-components .ant-upload-wrapper {\n  display: flex;\n}\n.bunny-components .ant-form-item-label > label::after {\n  display: none !important;\n}\n.bunny-components .ant-menu-item {\n  display: flex !important;\n  align-items: center !important;\n}\n.ant-notification {\n  width: min-content;\n}\n.ant-notification-topRight {\n  right: 0 !important;\n  left: 0 !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n.ant-notification-notice-wrapper {\n  width: 350px !important;\n  overflow: hidden !important;\n}\n.ant-notification-notice {\n  padding: 16px !important;\n  width: 350px !important;\n  border-radius: 8px !important;\n  display: flex !important;\n  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08), 0px 1px 18px rgba(0, 0, 0, 0.08), 0px 3px 5px rgba(0, 0, 0, 0.16) !important;\n}\n.ant-notification-notice-description {\n  padding: 0 14px 0 0 !important;\n  font-size: 14px !important;\n  overflow-wrap: break-word;\n}\n.ant-notification-notice-success {\n  background-color: #edfffa !important;\n}\n.ant-notification-notice-error {\n  background-color: #fff8f4 !important;\n}\n.ant-notification-notice-error .ant-notification-notice-message {\n  color: #ff5833 !important;\n  font-weight: 500 !important;\n}\n.ant-notification-notice-error .ant-notification-notice-icon {\n  color: #ff5833;\n}\n.ant-notification-notice-success .ant-notification-notice-message {\n  color: #00b76a !important;\n  font-weight: 500 !important;\n}\n.ant-notification-notice-success .ant-notification-notice-icon {\n  color: #00b76a !important;\n}\n.ant-notification-notice-message {\n  margin-bottom: 0 !important;\n}\n.ant-notification-notice-close {\n  top: 16px !important;\n  right: 16px !important;\n}\n.bunny-invoice-container {\n  padding: 0;\n  box-sizing: border-box !important;\n  line-height: 1.15;\n}\n@media only screen and (max-width: 768px) {\n  select,\n  textarea,\n  input[type='text'],\n  input[type='password'],\n  input[type='datetime'],\n  input[type='datetime-local'],\n  input[type='date'],\n  input[type='month'],\n  input[type='time'],\n  input[type='week'],\n  input[type='number'],\n  input[type='email'],\n  input[type='url'],\n  input[type='search'],\n  input[type='tel'],\n  input[type='color'] {\n    font-size: 16px !important;\n  }\n}\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z);
 
 const IGNORE_ERRORS = ['Invalid or missing authorization', '["Not found"]'];
@@ -143,7 +143,7 @@ const useAllErrorFormats = () => {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.6.0-beta.16';
+const PACKAGE_VERSION = '1.6.0-beta.18';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -1045,10 +1045,11 @@ const CustomZoomLayout = () => {
     // Consume from the controller provider
     const { currentZoom, setZoomLevel } = react$1.useZoomContext();
     const mountTimeRef = react.useRef(Date.now());
+    const isMobile = common.useIsMobile();
     // Set default zoom to 100% once the document is loaded
     react.useEffect(() => {
         if (currentZoom < 1 && Date.now() - mountTimeRef.current < 3000) {
-            setZoomLevel(125);
+            setZoomLevel(isMobile ? 100 : 125);
         }
     }, [currentZoom, setZoomLevel]);
     return jsxRuntime.jsx(jsxRuntime.Fragment, {});
@@ -1057,6 +1058,7 @@ const DocumentTemplatePreview = ({ targetUrl }) => {
     const [pdfUrl, setPdfUrl] = react.useState(null);
     const queryClient = reactQuery.useQueryClient();
     const { apiHost, token } = react.useContext(BunnyContext);
+    const isMobile = common.useIsMobile();
     const queryKey = react.useMemo(() => ['documentTemplatePreview', targetUrl], [targetUrl]);
     // Clear previous data when component mounts or id changes
     react.useEffect(() => {
@@ -1096,13 +1098,13 @@ const DocumentTemplatePreview = ({ targetUrl }) => {
     if (!pdfUrl) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, {});
     }
-    return (jsxRuntime.jsx("div", { className: "bunny-rounded bunny-w-full bunny-overflow-hidden bunny-grow bunny-min-h-0", style: { height: '70vh' }, children: jsxRuntime.jsx(react$1.RPConfig, { licenseKey: LISENSE_KEY, children: jsxRuntime.jsxs(react$1.RPProvider, { src: pdfUrl, children: [jsxRuntime.jsx(CustomZoomLayout, {}), jsxRuntime.jsx(react$1.RPDefaultLayout, { style: {
+    return (jsxRuntime.jsx("div", { className: "bunny-rounded bunny-w-full bunny-overflow-hidden bunny-grow bunny-min-h-0", style: { height: '70vh' }, children: jsxRuntime.jsx(react$1.RPConfig, { licenseKey: LISENSE_KEY, children: jsxRuntime.jsxs(react$1.RPProvider, { src: pdfUrl, children: [jsxRuntime.jsx(CustomZoomLayout, {}), isMobile ? (jsxRuntime.jsx(react$1.RPPages, {})) : (jsxRuntime.jsx(react$1.RPDefaultLayout, { style: {
                             width: '100%',
                             height: '100%',
                         }, slots: {
                             openFileTool: false,
                             downloadTool: false,
-                        }, children: jsxRuntime.jsx(react$1.RPPages, {}) })] }) }) }));
+                        }, children: jsxRuntime.jsx(react$1.RPPages, {}) }))] }) }) }));
 };
 
 const { Text: Text$A } = antd.Typography;
@@ -1138,7 +1140,7 @@ const InvoiceQuoteView = ({ children, formattedInvoice, html, backButtonName, on
     const isMobile = common.useIsMobile();
     const { token: antdToken } = useAntdToken$1();
     const buttonsVisible = formattedInvoice && (!hideDownloadButton || onBackButtonClick);
-    return (jsxRuntime.jsxs("div", { className: `bunny-flex bunny-flex-col bunny-w-full bunny-grow ${isMobile ? 'bunny-overflow-hidden' : ''}`, children: [buttonsVisible ? (jsxRuntime.jsxs("div", { className: `bunny-flex bunny-justify-between bunny-items-center bunny-pb-4 ${isMobile ? 'bunny-shadow-padding-x' : ''}`, id: "acceptance", children: [jsxRuntime.jsx("div", { children: onBackButtonClick ? (jsxRuntime.jsx(BackButton, { onClick: onBackButtonClick, title: backButtonName })) : null }), !hideDownloadButton ? (jsxRuntime.jsx(antd.Button, { icon: jsxRuntime.jsx(icons.DownloadOutlined, {}), onClick: () => downloadFile(apiHost + '/api/pdf/invoice/' + formattedInvoice.id, token), children: "Download" })) : null] })) : null, isMobile ? (jsxRuntime.jsxs(MarkupContainer, { className: "bunny-flex bunny-flex-col bunny-gap-4 bunny-grow bunny-shadow-padding-xb bunny-overflow-auto", style: { fontFamily: antdToken.fontFamily }, children: [targetUrl ? (jsxRuntime.jsx(DocumentTemplatePreview, { targetUrl: targetUrl })) : (jsxRuntime.jsx(interweave.Markup, { content: html })), children] })) : (jsxRuntime.jsxs(MarkupContainer, { className: `bunny-flex bunny-flex-col bunny-gap-4 bunny-p-4 bunny-bg-white ${shadow ? shadow : 'shadow-md'} bunny-rounded-md`, style: {
+    return (jsxRuntime.jsxs("div", { className: `bunny-flex bunny-flex-col bunny-w-full bunny-grow ${isMobile ? 'bunny-overflow-hidden' : ''}`, children: [buttonsVisible ? (jsxRuntime.jsxs("div", { className: `bunny-flex bunny-justify-between bunny-items-center bunny-pb-4 ${isMobile ? 'bunny-shadow-padding-x' : ''}`, id: "acceptance", children: [jsxRuntime.jsx("div", { children: onBackButtonClick ? (jsxRuntime.jsx(BackButton, { onClick: onBackButtonClick, title: backButtonName })) : null }), !hideDownloadButton ? (jsxRuntime.jsx(antd.Button, { icon: jsxRuntime.jsx(icons.DownloadOutlined, {}), onClick: () => downloadFile(apiHost + '/api/pdf/invoice/' + formattedInvoice.id, token), children: "Download" })) : null] })) : null, isMobile ? (jsxRuntime.jsxs(MarkupContainer, { className: "bunny-flex bunny-flex-col bunny-gap-4 bunny-grow bunny-overflow-auto", style: { fontFamily: antdToken.fontFamily }, children: [targetUrl ? (jsxRuntime.jsx(DocumentTemplatePreview, { targetUrl: targetUrl })) : (jsxRuntime.jsx(interweave.Markup, { content: html })), children] })) : (jsxRuntime.jsxs(MarkupContainer, { className: `bunny-flex bunny-flex-col bunny-gap-4 bunny-p-4 bunny-bg-white ${shadow ? shadow : 'shadow-md'} bunny-rounded-md`, style: {
                     minWidth: '750px',
                     fontFamily: antdToken.fontFamily,
                 }, children: [targetUrl ? (jsxRuntime.jsx(DocumentTemplatePreview, { targetUrl: targetUrl })) : (jsxRuntime.jsx(interweave.Markup, { content: html })), children] }))] }));
@@ -20114,7 +20116,7 @@ const quoteAccept = async ({ quoteId, apiHost, token, changedFormItems, }) => {
         throw errors;
     return (_b = response.quoteAccept) === null || _b === void 0 ? void 0 : _b.quote;
 };
-const useSendAcceptQuote = ({ quoteId, apiHost, token, }) => {
+const useSendAcceptQuote = ({ quoteId, apiHost, token, onQuoteAccepted, }) => {
     // Hooks
     const graphQLMutation = common.useGraphQLmutation(() => {
         console.log('navigate in useGraphQLmutation in useSendAcceptQuote is not yet implemented');
@@ -20173,6 +20175,7 @@ const useSendAcceptQuote = ({ quoteId, apiHost, token, }) => {
         },
         onSuccess: () => {
             setAcceptBoxVisible(false);
+            onQuoteAccepted === null || onQuoteAccepted === void 0 ? void 0 : onQuoteAccepted();
             queryClient.invalidateQueries({
                 queryKey: common.QueryKeyFactory.default.createQuoteKey({
                     id: quoteId,
@@ -20396,7 +20399,7 @@ defaultStyled.div `
     width: 100%;
   }
 `;
-function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, onQuoteLoaded, }) {
+function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, onQuoteLoaded, onQuoteAccepted, }) {
     return (jsxRuntime.jsx(InvoiceQuoteContext.Provider, { value: {
             id,
             invoiceQuoteViewComponent,
@@ -20406,7 +20409,7 @@ function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymen
             className,
             hideDownloadButton,
             onQuoteLoaded,
-        }, children: jsxRuntime.jsx(ActualQuote, {}) }));
+        }, children: jsxRuntime.jsx(ActualQuote, { onQuoteAccepted: onQuoteAccepted }) }));
 }
 const useQuotePaymentHold = (formattedQuote) => {
     var _a, _b;
@@ -20421,7 +20424,7 @@ const useQuotePaymentHold = (formattedQuote) => {
         paymentHoldCompleted: currentPaymentHold ? true : false,
     };
 };
-function ActualQuote() {
+function ActualQuote({ onQuoteAccepted }) {
     var _a, _b, _c, _d;
     // Context
     const { apiHost } = react.useContext(BunnyContext);
@@ -20441,6 +20444,7 @@ function ActualQuote() {
         token,
         apiHost,
         quoteId: id,
+        onQuoteAccepted,
     });
     useSigningComplete({ data: formattedQuote, token });
     const isMobile = common.useIsMobile();
@@ -26470,7 +26474,7 @@ const getSubscriptions = async ({ apiHost, isInPreviewMode, token, }) => {
     const tokenToPass = isInPreviewMode ? undefined : token; // Do not pass token if in preview mode
     return await execute(SubscriptionsQuery, { apiHost, token: tokenToPass }, {});
 };
-const SubscriptionsWrapper = ({ handlePortalErrors, companyName, isInPreviewMode = false, productId, className, styles: userStyles = {}, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle = false, }) => {
+const SubscriptionsWrapper = ({ handlePortalErrors, companyName, isInPreviewMode = false, productId, className, styles: userStyles = {}, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle = true, }) => {
     const defaultStyles = {
         gap: 4,
         shadow: 'md',
@@ -26576,7 +26580,7 @@ const Subscriptions = ({ handlePortalErrors, companyName, noSubscriptionsCompone
                 setIsChangingPlan(false);
             }, handlePortalErrors: handlePortalErrors, upgradingSubscription: upgradingSubscription, className: className, shadow: shadow }));
     }
-    return (jsxRuntime.jsxs("div", { className: className, children: [jsxRuntime.jsx(PageHeaderWithActions, { title: jsxRuntime.jsx(jsxRuntime.Fragment, { children: !showInactiveSubscriptionsToggle && isMobile && inactiveSwitchVisible && (jsxRuntime.jsx(ShowInactiveToggle, { showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState })) }), children: !isMobile && ((_f = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _f === void 0 ? void 0 : _f.nodes) && (jsxRuntime.jsx(SubscriptionsNavigation, { inactiveSwitchVisible: !showInactiveSubscriptionsToggle && inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: (_g = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _g === void 0 ? void 0 : _g.nodes })) }), jsxRuntime.jsx(SubscriptionsListContainer, { companyName: companyName, showInactive: showInactiveSubscriptions, onCancelSubscriptionClick: onCancelSubscriptionClick, onChangePlanClick: onChangePlanClick, subscriptions: (_h = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _h === void 0 ? void 0 : _h.nodes, subscriptionsAreLoading: subscriptionsAreLoading, noSubscriptionsComponent: noSubscriptionsComponent }), isMobile && ((_j = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _j === void 0 ? void 0 : _j.nodes) && (jsxRuntime.jsx("div", { className: "bunny-pt-4 bunny-pb-2", children: jsxRuntime.jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: (_k = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _k === void 0 ? void 0 : _k.nodes }) })), ((_l = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _l === void 0 ? void 0 : _l.nodes) && (jsxRuntime.jsx(QuantityDrawer, { subscriptions: (_m = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _m === void 0 ? void 0 : _m.nodes, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors, setShowInactive: setShowInactiveSubscriptionsState }))] }));
+    return (jsxRuntime.jsxs("div", { className: className, children: [jsxRuntime.jsx(PageHeaderWithActions, { title: jsxRuntime.jsx(jsxRuntime.Fragment, { children: showInactiveSubscriptionsToggle && isMobile && inactiveSwitchVisible && (jsxRuntime.jsx(ShowInactiveToggle, { showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState })) }), children: !isMobile && ((_f = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _f === void 0 ? void 0 : _f.nodes) && (jsxRuntime.jsx(SubscriptionsNavigation, { inactiveSwitchVisible: showInactiveSubscriptionsToggle && inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: (_g = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _g === void 0 ? void 0 : _g.nodes })) }), jsxRuntime.jsx(SubscriptionsListContainer, { companyName: companyName, showInactive: showInactiveSubscriptions, onCancelSubscriptionClick: onCancelSubscriptionClick, onChangePlanClick: onChangePlanClick, subscriptions: (_h = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _h === void 0 ? void 0 : _h.nodes, subscriptionsAreLoading: subscriptionsAreLoading, noSubscriptionsComponent: noSubscriptionsComponent }), isMobile && ((_j = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _j === void 0 ? void 0 : _j.nodes) && (jsxRuntime.jsx("div", { className: "bunny-pt-4 bunny-pb-2", children: jsxRuntime.jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: (_k = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _k === void 0 ? void 0 : _k.nodes }) })), ((_l = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _l === void 0 ? void 0 : _l.nodes) && (jsxRuntime.jsx(QuantityDrawer, { subscriptions: (_m = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _m === void 0 ? void 0 : _m.nodes, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors, setShowInactive: setShowInactiveSubscriptionsState }))] }));
 };
 const PageHeaderWithActions = ({ children, title, }) => {
     const isMobile = common.useIsMobile();

package/dist/cjs/types/src/components/Quote/Quote.d.ts

@@ -1,3 +1,7 @@
 import { InvoiceQuoteContextProps } from '../../contexts/InvoiceQuoteContext';
 export declare const MarkupContainer: any;
-export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, }: InvoiceQuoteContextProps): import("react/jsx-runtime").JSX.Element;
+type QuoteProps = InvoiceQuoteContextProps & {
+    onQuoteAccepted?: () => void;
+};
+export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, }: QuoteProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/hooks/quotes/useSendAcceptQuote.d.ts

@@ -1,7 +1,8 @@
-declare const useSendAcceptQuote: ({ quoteId, apiHost, token, }: {
+declare const useSendAcceptQuote: ({ quoteId, apiHost, token, onQuoteAccepted, }: {
     quoteId?: string;
     apiHost: string;
     token?: string;
+    onQuoteAccepted?: () => void;
 }) => {
     acceptBoxVisible: boolean;
     isAccepting: boolean;

package/dist/esm/index.js

@@ -10,7 +10,7 @@ import theme from 'antd/lib/theme/index.js';
 import { RecoilRoot } from 'recoil';
 import { print } from 'graphql';
 import styled, { styled as styled$1 } from 'styled-components';
-import { RPConfig, RPProvider, RPDefaultLayout, RPPages, useZoomContext } from '@pdf-viewer/react';
+import { RPConfig, RPProvider, RPPages, RPDefaultLayout, useZoomContext } from '@pdf-viewer/react';
 import { faArrowLeft, faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useElements, useStripe, PaymentElement, Elements } from '@stripe/react-stripe-js';
@@ -46,7 +46,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ":root {\n  --row-background: #ffffff;\n  --row-background-alternate: rgba(100, 116, 139, 0.04);\n  --row-background-dark: #121212;\n  --row-background-alternate-dark: #1e1e1e;\n  --bunny-blue-500: #3b82f6;\n  --bunny-blue-200: #bfdbfe;\n  --bunny-green-600: #059669;\n  --bunny-green-200: #a7f3d0;\n  --bunny-red-500: #ef4444;\n  --bunny-red-200: #fecaca;\n  --bunny-orange-500: #f97316;\n  --bunny-orange-200: #fed7aa;\n  --bunny-yellow-500: #f59e0b;\n  --bunny-yellow-200: #fde68a;\n  --bunny-purple-500: #8b5cf6;\n  --bunny-purple-200: #ddd6fe;\n  --bunny-black: #000000;\n}\n.bunny-component-wrapper {\n  box-sizing: border-box;\n}\n.bunny-component-wrapper * {\n  box-sizing: border-box;\n}\n.hidden {\n  display: none;\n}\n.bunny-show-on-hover {\n  opacity: 0;\n}\n.bunny-show-on-hover-container:hover .bunny-show-on-hover {\n  opacity: 1;\n}\n.has-tooltip:hover .tooltip {\n  visibility: visible;\n  z-index: 100;\n}\n.pdf-only {\n  display: none !important;\n}\n.notes p {\n  margin: 0;\n  padding: 0;\n  padding-bottom: 0.25rem;\n}\n.bunny-icon-path {\n  transition: fill 0.3s;\n}\n.bunny-shadow-padding-x {\n  padding-right: 1rem;\n  padding-left: 1rem;\n}\n.bunny-shadow-padding-xb {\n  padding-right: 1rem;\n  padding-left: 1rem;\n  padding-bottom: 0.5rem;\n}\n.content-container {\n  width: 100%;\n  margin: 0 auto;\n}\n@media (min-width: 1220px) {\n  .content-container {\n    width: 1220px !important;\n    margin: 0 auto;\n  }\n}\n@media (min-width: 768px) {\n  .bunny-shadow-padding-x {\n    padding-right: 2rem;\n    padding-left: 2rem;\n  }\n  .bunny-shadow-padding-xb {\n    padding-right: 2rem;\n    padding-left: 2rem;\n    padding-bottom: 0.5rem;\n  }\n  .sm\\:flex {\n    display: flex !important;\n  }\n  .sm\\:hidden {\n    display: none !important;\n  }\n}\n.bunny-shadow,\n.bunny-shadow-md {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n}\n.bunny-fixed {\n  position: fixed;\n}\n.bunny-absolute {\n  position: absolute;\n}\n.bunny-relative {\n  position: relative;\n}\n.bunny-sticky {\n  position: sticky;\n}\n.bunny-bottom-0 {\n  bottom: 0px;\n}\n.bunny-bottom-4 {\n  bottom: 1rem;\n}\n.bunny-left-0 {\n  left: 0px;\n}\n.bunny-right-0 {\n  right: 0px;\n}\n.bunny-top-0 {\n  top: 0px;\n}\n.bunny-col-span-1 {\n  grid-column: span 1 / span 1;\n}\n.bunny-col-span-full {\n  grid-column: 1 / -1;\n}\n.bunny-m-0 {\n  margin: 0px;\n}\n.bunny-mx-0 {\n  margin-left: 0px;\n  margin-right: 0px;\n}\n.bunny-mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.bunny-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.bunny-my-0 {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n.bunny-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.bunny-my-24 {\n  margin-top: 6rem;\n  margin-bottom: 6rem;\n}\n.bunny-my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.bunny-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.bunny-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.bunny-mb-3 {\n  margin-bottom: 0.75rem;\n}\n.bunny-mb-4 {\n  margin-bottom: 1rem;\n}\n.bunny-mb-8 {\n  margin-bottom: 2rem;\n}\n.bunny-ml-auto {\n  margin-left: auto;\n}\n.bunny-mt-0 {\n  margin-top: 0px;\n}\n.bunny-mt-2 {\n  margin-top: 0.5rem;\n}\n.bunny-mt-24 {\n  margin-top: 6rem;\n}\n.bunny-mt-4 {\n  margin-top: 1rem;\n}\n.bunny-mt-5 {\n  margin-top: 1.25rem;\n}\n.bunny-box-border {\n  box-sizing: border-box;\n}\n.bunny-flex {\n  display: flex;\n}\n.bunny-grid {\n  display: grid;\n}\n.bunny-contents {\n  display: contents;\n}\n.bunny-h-0\\.5 {\n  height: 0.125rem;\n}\n.bunny-h-1\\/2 {\n  height: 50%;\n}\n.bunny-h-8 {\n  height: 2rem;\n}\n.bunny-h-full {\n  height: 100%;\n}\n.bunny-h-screen {\n  height: 100vh;\n}\n.bunny-max-h-\\[calc\\(100vh-10rem\\)\\] {\n  max-height: calc(100vh - 10rem);\n}\n.bunny-min-h-0 {\n  min-height: 0px;\n}\n.bunny-w-0\\.5 {\n  width: 0.125rem;\n}\n.bunny-w-1\\/2 {\n  width: 50%;\n}\n.bunny-w-3\\/5 {\n  width: 60%;\n}\n.bunny-w-full {\n  width: 100%;\n}\n.bunny-w-screen {\n  width: 100vw;\n}\n.bunny-flex-1 {\n  flex: 1 1 0%;\n}\n.bunny-shrink {\n  flex-shrink: 1;\n}\n.bunny-shrink-0 {\n  flex-shrink: 0;\n}\n.bunny-grow {\n  flex-grow: 1;\n}\n.bunny-cursor-pointer {\n  cursor: pointer;\n}\n.bunny-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.bunny-flex-row {\n  flex-direction: row;\n}\n.bunny-flex-col {\n  flex-direction: column;\n}\n.bunny-flex-wrap {\n  flex-wrap: wrap;\n}\n.bunny-items-start {\n  align-items: flex-start;\n}\n.bunny-items-end {\n  align-items: flex-end;\n}\n.bunny-items-center {\n  align-items: center;\n}\n.bunny-justify-end {\n  justify-content: flex-end;\n}\n.bunny-justify-center {\n  justify-content: center;\n}\n.bunny-justify-between {\n  justify-content: space-between;\n}\n.bunny-gap-0 {\n  gap: 0px;\n}\n.bunny-gap-1 {\n  gap: 0.25rem;\n}\n.bunny-gap-2 {\n  gap: 0.5rem;\n}\n.bunny-gap-3 {\n  gap: 0.75rem;\n}\n.bunny-gap-4 {\n  gap: 1rem;\n}\n.bunny-gap-6 {\n  gap: 1.5rem;\n}\n.bunny-gap-8 {\n  gap: 2rem;\n}\n.bunny-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.bunny-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.bunny-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.bunny-overflow-auto {\n  overflow: auto;\n}\n.bunny-overflow-hidden {\n  overflow: hidden;\n}\n.bunny-overflow-y-auto {\n  overflow-y: auto;\n}\n.bunny-whitespace-nowrap {\n  white-space: nowrap;\n}\n.bunny-text-nowrap {\n  text-wrap: nowrap;\n}\n.bunny-rounded {\n  border-radius: 0.25rem;\n}\n.bunny-rounded-full {\n  border-radius: 9999px;\n}\n.bunny-rounded-lg {\n  border-radius: 0.5rem;\n}\n.bunny-rounded-md {\n  border-radius: 0.375rem;\n}\n.bunny-border {\n  border-width: 1px;\n}\n.bunny-border-2 {\n  border-width: 2px;\n}\n.bunny-border-solid {\n  border-style: solid;\n}\n.bunny-border-none {\n  border-style: none;\n}\n.bunny-border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));\n}\n.bunny-bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\n.bunny-bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\n}\n.bunny-bg-transparent {\n  background-color: transparent;\n}\n.bunny-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bunny-p-0 {\n  padding: 0px;\n}\n.bunny-p-1 {\n  padding: 0.25rem;\n}\n.bunny-p-2 {\n  padding: 0.5rem;\n}\n.bunny-p-4 {\n  padding: 1rem;\n}\n.bunny-px-12 {\n  padding-left: 3rem;\n  padding-right: 3rem;\n}\n.bunny-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.bunny-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.bunny-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.bunny-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.bunny-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.bunny-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.bunny-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.bunny-pb-4 {\n  padding-bottom: 1rem;\n}\n.bunny-pb-6 {\n  padding-bottom: 1.5rem;\n}\n.bunny-pb-8 {\n  padding-bottom: 2rem;\n}\n.bunny-pl-0 {\n  padding-left: 0px;\n}\n.bunny-pl-1 {\n  padding-left: 0.25rem;\n}\n.bunny-pl-4 {\n  padding-left: 1rem;\n}\n.bunny-pr-4 {\n  padding-right: 1rem;\n}\n.bunny-pt-1 {\n  padding-top: 0.25rem;\n}\n.bunny-pt-12 {\n  padding-top: 3rem;\n}\n.bunny-pt-2 {\n  padding-top: 0.5rem;\n}\n.bunny-pt-4 {\n  padding-top: 1rem;\n}\n.bunny-pt-5 {\n  padding-top: 1.25rem;\n}\n.bunny-pt-\\[25vh\\] {\n  padding-top: 25vh;\n}\n.bunny-text-left {\n  text-align: left;\n}\n.bunny-text-center {\n  text-align: center;\n}\n.bunny-text-right {\n  text-align: right;\n}\n.bunny-text-start {\n  text-align: start;\n}\n.bunny-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.bunny-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n.bunny-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.bunny-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.bunny-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.bunny-text-sm\\/5 {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.bunny-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.bunny-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.bunny-text-xs\\/3 {\n  font-size: 0.75rem;\n  line-height: 0.75rem;\n}\n.bunny-font-bold {\n  font-weight: 700;\n}\n.bunny-font-medium {\n  font-weight: 500;\n}\n.bunny-font-normal {\n  font-weight: 400;\n}\n.bunny-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.bunny-text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.bunny-text-orange-600 {\n  --tw-text-opacity: 1;\n  color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-400 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71 85 105 / var(--tw-text-opacity, 1));\n}\n.bunny-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.bunny-underline {\n  text-decoration-line: underline;\n}\n.bunny-shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.bunny-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.bunny-transition-\\[margin\\] {\n  transition-property: margin;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.bunny-duration-300 {\n  transition-duration: 300ms;\n}\n.rotate-45,\n.transform {\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n}\n.shadow,\n.shadow-lg,\n.shadow-md,\n.shadow-none,\n.shadow-sm,\n.shadow-xl {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .container {\n    max-width: 1536px;\n  }\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.-top-0\\.5 {\n  top: -0.125rem;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-4 {\n  bottom: 1rem;\n}\n.left-0 {\n  left: 0px;\n}\n.right-0 {\n  right: 0px;\n}\n.top-0 {\n  top: 0px;\n}\n.z-50 {\n  z-index: 50;\n}\n.col-span-2 {\n  grid-column: span 2 / span 2;\n}\n.col-span-3 {\n  grid-column: span 3 / span 3;\n}\n.col-span-full {\n  grid-column: 1 / -1;\n}\n.m-0 {\n  margin: 0px;\n}\n.mx-0 {\n  margin-left: 0px;\n  margin-right: 0px;\n}\n.mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.my-12 {\n  margin-top: 3rem;\n  margin-bottom: 3rem;\n}\n.my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mb-4 {\n  margin-bottom: 1rem;\n}\n.mb-8 {\n  margin-bottom: 2rem;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.mr-8 {\n  margin-right: 2rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-2 {\n  margin-top: 0.5rem;\n}\n.mt-4 {\n  margin-top: 1rem;\n}\n.mt-6 {\n  margin-top: 1.5rem;\n}\n.mt-8 {\n  margin-top: 2rem;\n}\n.block {\n  display: block;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.contents {\n  display: contents;\n}\n.hidden {\n  display: none;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-5 {\n  height: 1.25rem;\n}\n.h-8 {\n  height: 2rem;\n}\n.h-full {\n  height: 100%;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-12 {\n  width: 3rem;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-full {\n  width: 100%;\n}\n.max-w-32 {\n  max-width: 8rem;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.shrink {\n  flex-shrink: 1;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.grow {\n  flex-grow: 1;\n}\n.border-collapse {\n  border-collapse: collapse;\n}\n.rotate-45 {\n  --tw-rotate: 45deg;\n  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));\n}\n.transform {\n  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));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-end {\n  align-items: flex-end;\n}\n.items-center {\n  align-items: center;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-0 {\n  gap: 0px;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.gap-6 {\n  gap: 1.5rem;\n}\n.gap-8 {\n  gap: 2rem;\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-visible {\n  overflow: visible;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.text-nowrap {\n  text-wrap: nowrap;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-none {\n  border-style: none;\n}\n.border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\n.border-gray-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));\n}\n.border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));\n}\n.border-slate-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));\n}\n.border-slate-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n.bg-emerald-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));\n}\n.bg-green-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));\n}\n.bg-red-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bg-yellow-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));\n}\n.p-0 {\n  padding: 0px;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-8 {\n  padding: 2rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-6 {\n  padding-bottom: 1.5rem;\n}\n.pb-8 {\n  padding-bottom: 2rem;\n}\n.pl-0 {\n  padding-left: 0px;\n}\n.pl-2 {\n  padding-left: 0.5rem;\n}\n.pl-4 {\n  padding-left: 1rem;\n}\n.pt-1 {\n  padding-top: 0.25rem;\n}\n.pt-12 {\n  padding-top: 3rem;\n}\n.pt-2 {\n  padding-top: 0.5rem;\n}\n.pt-4 {\n  padding-top: 1rem;\n}\n.pt-5 {\n  padding-top: 1.25rem;\n}\n.pt-6 {\n  padding-top: 1.5rem;\n}\n.pt-8 {\n  padding-top: 2rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-right {\n  text-align: right;\n}\n.align-middle {\n  vertical-align: middle;\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.capitalize {\n  text-transform: capitalize;\n}\n.text-emerald-600 {\n  --tw-text-opacity: 1;\n  color: rgb(5 150 105 / var(--tw-text-opacity, 1));\n}\n.text-emerald-700 {\n  --tw-text-opacity: 1;\n  color: rgb(4 120 87 / var(--tw-text-opacity, 1));\n}\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity, 1));\n}\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.text-orange-600 {\n  --tw-text-opacity: 1;\n  color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-slate-400 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity, 1));\n}\n.text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity, 1));\n}\n.text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71 85 105 / var(--tw-text-opacity, 1));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.text-yellow-500 {\n  --tw-text-opacity: 1;\n  color: rgb(234 179 8 / var(--tw-text-opacity, 1));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-none {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[margin\\] {\n  transition-property: margin;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-slate-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-slate-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-gray-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\n@media (min-width: 768px) {\n  .sm\\:flex {\n    display: flex;\n  }\n  .sm\\:hidden {\n    display: none;\n  }\n}\n.hover\\:bunny-text-orange-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\n.bunny-components .ant-upload-select-picture-card {\n  margin: 0 !important;\n}\n.bunny-components .ant-upload {\n  border-radius: 0.5rem !important;\n}\n.bunny-components .ant-row {\n  margin-bottom: 0px;\n}\n.bunny-components .ant-select-disabled .ant-select-selector .ant-select-selection-item {\n  color: rgba(0, 0, 0, 0.25) !important;\n}\n.bunny-components .ant-input-number,\n.bunny-components .ant-input,\n.bunny-components .ant-picker,\n.bunny-components .ant-input-affix-wrapper,\n.bunny-components .ant-select-selector {\n  font-size: 0.875rem !important;\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  color: #232323 !important;\n}\n.bunny-components .ant-input-affix-wrapper {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.bunny-components .ant-input-group-addon,\n.bunny-components .ant-input-number-group-addon {\n  color: #475569 !important;\n}\n.bunny-components .ant-input-number-group-wrapper,\n.bunny-components .ant-input-number-affix-wrapper {\n  width: 100%;\n}\n.bunny-components .ant-input-affix-wrapper input {\n  border: none !important;\n}\n.bunny-components .ant-form-item {\n  margin-bottom: 0;\n}\n.bunny-components .ant-form-item-label {\n  text-transform: none !important;\n  font-size: 0.75rem;\n  padding-bottom: 2px !important;\n}\n.bunny-components .ant-form-item-label > label {\n  width: 100%;\n  color: #4b5563 !important;\n}\n.bunny-components .form .ant-form-item-label label {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n.bunny-components .ant-form-item-explain,\n.bunny-components .ant-form-item-explain-error {\n  font-size: 11px;\n  min-height: 11px;\n  line-height: 11px;\n  padding-top: 2px;\n}\n.bunny-components .ant-timeline-item-content {\n  font-size: smaller;\n}\n.bunny-components .ant-tree {\n  font-size: 0.875rem;\n}\n.bunny-components .ant-tree-treenode {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-draggable-icon {\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-node-content-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-switcher {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-page-header {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n}\n.bunny-components .ant-tag {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  padding-inline-start: 0.625rem;\n  padding-inline-end: 0.625rem;\n  margin: 0;\n}\n.bunny-components .ant-tag-blue {\n  color: #3b82f6 !important;\n  background: #bfdbfe !important;\n}\n.bunny-components .ant-tag-green {\n  color: #059669 !important;\n  background: #a7f3d0 !important;\n}\n.bunny-components .ant-tag-red {\n  color: #ef4444 !important;\n  background: #fecaca !important;\n}\n.bunny-components .ant-tag-orange {\n  color: #f97316 !important;\n  background: #fed7aa !important;\n}\n.bunny-components .ant-tag-yellow {\n  color: #f59e0b !important;\n  background: #fde68a !important;\n}\n.bunny-components .ant-tag-purple {\n  color: #8b5cf6 !important;\n  background: #ddd6fe !important;\n}\n.bunny-components .ant-tag-gray {\n  color: #6b7280 !important;\n  background: #e5e7eb !important;\n}\n.bunny-components .ant-tag-black {\n  color: white !important;\n  background: black !important;\n}\n.bunny-components .ant-picker {\n  width: 100%;\n}\n.bunny-components .ant-input,\n.bunny-components .ant-select,\n.bunny-components .ant-picker {\n  height: 32px !important;\n}\n.bunny-components .ant-slider-dot {\n  border: 2px solid #f0f0f0;\n}\n.bunny-components .ant-slider-dot-active {\n  border-color: #ff5833;\n}\n.bunny-components .ant-slider-mark :last-child {\n  transform: translateX(-75%) !important;\n}\n.bunny-components .ant-drawer-content {\n  background: #f3f3f9ff;\n}\n.bunny-components .ant-drawer-body,\n.bunny-components .ant-layout {\n  background: #f8fafc;\n}\n.bunny-components .vista-link {\n  color: #1890ff;\n}\n.bunny-components .vista-link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.bunny-components .ant-popover-inner-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  max-width: 300px;\n}\n.bunny-components .ant-popconfirm-message-text {\n  width: 100% !important;\n}\n.bunny-components .ant-popconfirm-title {\n  padding: 0;\n  text-align: center;\n  font-size: 0.875rem !important;\n  width: 100% !important;\n}\n.bunny-components .ant-popconfirm-buttons {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n}\n.bunny-components .ant-popconfirm-buttons button {\n  margin-inline-start: 0 !important;\n}\n.bunny-components .ant-pagination-item {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-btn-primary:disabled {\n  background: #eef0f2 !important;\n  color: rgba(0, 0, 0, 0.25) !important;\n  border: none;\n}\n.bunny-components .ant-btn {\n  box-shadow: none;\n  text-shadow: none;\n  outline: none !important;\n  line-height: 1;\n  font-weight: normal;\n}\n.bunny-components .ant-btn-default .ant-btn-icon {\n  color: #94a3b8;\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.bunny-components .ant-btn-default:hover .ant-btn-icon {\n  color: #ff7f5c;\n}\n.bunny-components .ant-btn-default:disabled {\n  border-color: rgba(113, 125, 148, 0.2) !important;\n}\n.bunny-components .ant-btn-primary:disabled {\n  background-color: rgba(113, 125, 148, 0.1) !important;\n  border-color: rgba(113, 125, 148, 0.1) !important;\n}\n.bunny-components .ant-btn-primary:hover:disabled,\n.bunny-components .ant-btn-primary:disabled {\n  background-clip: padding-box;\n}\n.bunny-components .ant-select-selection-item-content {\n  display: flex !important;\n  align-items: center;\n}\n.bunny-components .ant-select-item {\n  font-size: 0.875rem;\n}\n.bunny-components .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n  white-space: nowrap !important;\n  overflow: visible !important;\n  text-overflow: default !important;\n  font-size: 0.875rem;\n}\n.bunny-components .ant-select-arrow .anticon:not(.ant-select-suffix) {\n  pointer-events: none;\n}\n.bunny-components .select-dropdown-blue-gray .ant-select-item-option {\n  background-color: #fff !important;\n}\n.bunny-components .select-dropdown-blue-gray .ant-select-item-option-active {\n  color: #ff5833;\n}\n.bunny-components .ant-dropdown-menu-items {\n  padding-left: 0 !important;\n}\n.bunny-components .ant-dropdown-menu-item-active {\n  background-color: transparent !important;\n}\n.bunny-components .ant-input-affix-wrapper.searchfield {\n  background: white !important;\n}\n.bunny-components .ant-input-affix-wrapper.searchfield input {\n  background: white !important;\n}\n.bunny-components .ant-input-affix-wrapper-focused {\n  background: white !important;\n}\n.bunny-components .panel .ant-input-affix-wrapper.searchfield {\n  background: #f8f8f8 !important;\n}\n.bunny-components .panel .ant-input-affix-wrapper.searchfield input {\n  background: #f8f8f8 !important;\n}\n.bunny-components .ant-input-steps-hidden .ant-input-number-handler-wrap {\n  display: none;\n}\n.bunny-components .ant-layout-header {\n  height: 48px;\n}\n.bunny-components .ant-layout-sider-children {\n  width: inherit;\n  position: fixed;\n}\n.bunny-components .ant-menu-item-group-list {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  gap: 4px !important;\n}\n.bunny-components .group {\n  display: flex;\n  flex-direction: row;\n  flex-flow: row wrap;\n  box-sizing: border-box;\n}\n.bunny-components .select-datepicker {\n  animation-duration: 0.35s !important;\n}\n.bunny-components .header-datepicker {\n  top: 96px !important;\n  animation-duration: 0s !important;\n}\n.bunny-components .ant-picker-header {\n  border-bottom: none !important;\n}\n.bunny-components .ant-picker-content thead tr th {\n  font-weight: 500;\n}\n.bunny-components .ant-picker-panel-container {\n  border-radius: 0.375rem;\n}\n.bunny-components .ant-picker-cell-selected .custom-date-display {\n  color: #ffffff;\n  background-color: #ff5833;\n}\n.bunny-components .ant-picker-cell-today .custom-date-display {\n  border: 1px solid #ff5833;\n}\n.bunny-components .ant-select:hover,\n.bunny-components * .cardElement:hover {\n  border-color: #ff5833;\n}\n.bunny-components .ant-input-number {\n  width: 100%;\n}\n.bunny-components .ant-input-number-focused {\n  border-color: #ff5833 !important;\n  background-color: #ffffff !important;\n}\n.bunny-components .ant-input-affix-wrapper-focused,\n.bunny-components .ant-input-number-focused,\n.bunny-components .ant-picker,\n.bunny-components .ant-input,\n.bunny-components .ant-select-focused .ant-select-selector,\n.bunny-components .ant-select-selector:focus,\n.bunny-components .ant-select-selector:active,\n.bunny-components .ant-select-open .ant-select-selector {\n  box-shadow: none !important;\n}\n.bunny-components .ant-select-item-option-selected .ant-select-item-option-state {\n  display: none !important;\n}\n.bunny-components .ant-form * input[type='text'].ant-input:not(:disabled),\n.bunny-components .ant-select-selection-item:not(:disabled) {\n  color: #232323;\n}\n.bunny-components .ant-tabs-ink-bar {\n  display: none !important;\n}\n.bunny-components .ant-tabs-tab.ant-tabs-tab-active {\n  border-bottom: 2px solid #ff5833 !important;\n}\n.bunny-components .ant-tabs-tab {\n  border-bottom: 2px solid transparent !important;\n  padding-bottom: 14px !important;\n}\n.bunny-components .ant-upload-wrapper {\n  display: flex;\n}\n.bunny-components .ant-form-item-label > label::after {\n  display: none !important;\n}\n.bunny-components .ant-menu-item {\n  display: flex !important;\n  align-items: center !important;\n}\n.ant-notification {\n  width: min-content;\n}\n.ant-notification-topRight {\n  right: 0 !important;\n  left: 0 !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n.ant-notification-notice-wrapper {\n  width: 350px !important;\n  overflow: hidden !important;\n}\n.ant-notification-notice {\n  padding: 16px !important;\n  width: 350px !important;\n  border-radius: 8px !important;\n  display: flex !important;\n  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08), 0px 1px 18px rgba(0, 0, 0, 0.08), 0px 3px 5px rgba(0, 0, 0, 0.16) !important;\n}\n.ant-notification-notice-description {\n  padding: 0 14px 0 0 !important;\n  font-size: 14px !important;\n  overflow-wrap: break-word;\n}\n.ant-notification-notice-success {\n  background-color: #edfffa !important;\n}\n.ant-notification-notice-error {\n  background-color: #fff8f4 !important;\n}\n.ant-notification-notice-error .ant-notification-notice-message {\n  color: #ff5833 !important;\n  font-weight: 500 !important;\n}\n.ant-notification-notice-error .ant-notification-notice-icon {\n  color: #ff5833;\n}\n.ant-notification-notice-success .ant-notification-notice-message {\n  color: #00b76a !important;\n  font-weight: 500 !important;\n}\n.ant-notification-notice-success .ant-notification-notice-icon {\n  color: #00b76a !important;\n}\n.ant-notification-notice-message {\n  margin-bottom: 0 !important;\n}\n.ant-notification-notice-close {\n  top: 16px !important;\n  right: 16px !important;\n}\n.bunny-invoice-container {\n  padding: 0;\n  box-sizing: border-box !important;\n  line-height: 1.15;\n}\n@media only screen and (max-width: 768px) {\n  select,\n  textarea,\n  input[type='text'],\n  input[type='password'],\n  input[type='datetime'],\n  input[type='datetime-local'],\n  input[type='date'],\n  input[type='month'],\n  input[type='time'],\n  input[type='week'],\n  input[type='number'],\n  input[type='email'],\n  input[type='url'],\n  input[type='search'],\n  input[type='tel'],\n  input[type='color'] {\n    font-size: 16px !important;\n  }\n}\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n";
+var css_248z = ":root {\n  --row-background: #ffffff;\n  --row-background-alternate: rgba(100, 116, 139, 0.04);\n  --row-background-dark: #121212;\n  --row-background-alternate-dark: #1e1e1e;\n  --bunny-blue-500: #3b82f6;\n  --bunny-blue-200: #bfdbfe;\n  --bunny-green-600: #059669;\n  --bunny-green-200: #a7f3d0;\n  --bunny-red-500: #ef4444;\n  --bunny-red-200: #fecaca;\n  --bunny-orange-500: #f97316;\n  --bunny-orange-200: #fed7aa;\n  --bunny-yellow-500: #f59e0b;\n  --bunny-yellow-200: #fde68a;\n  --bunny-purple-500: #8b5cf6;\n  --bunny-purple-200: #ddd6fe;\n  --bunny-black: #000000;\n}\n.bunny-component-wrapper {\n  box-sizing: border-box;\n}\n.bunny-component-wrapper * {\n  box-sizing: border-box;\n}\n.hidden {\n  display: none;\n}\n.bunny-show-on-hover {\n  opacity: 0;\n}\n.bunny-show-on-hover-container:hover .bunny-show-on-hover {\n  opacity: 1;\n}\n.has-tooltip:hover .tooltip {\n  visibility: visible;\n  z-index: 100;\n}\n.pdf-only {\n  display: none !important;\n}\n.notes p {\n  margin: 0;\n  padding: 0;\n  padding-bottom: 0.25rem;\n}\n.bunny-icon-path {\n  transition: fill 0.3s;\n}\n.bunny-shadow-padding-x {\n  padding-right: 1rem;\n  padding-left: 1rem;\n}\n.bunny-shadow-padding-xb {\n  padding-right: 1rem;\n  padding-left: 1rem;\n  padding-bottom: 0.5rem;\n}\n.content-container {\n  width: 100%;\n  margin: 0 auto;\n}\n@media (min-width: 1220px) {\n  .content-container {\n    width: 1220px !important;\n    margin: 0 auto;\n  }\n}\n@media (min-width: 768px) {\n  .bunny-shadow-padding-x {\n    padding-right: 2rem;\n    padding-left: 2rem;\n  }\n  .bunny-shadow-padding-xb {\n    padding-right: 2rem;\n    padding-left: 2rem;\n    padding-bottom: 0.5rem;\n  }\n  .sm\\:flex {\n    display: flex !important;\n  }\n  .sm\\:hidden {\n    display: none !important;\n  }\n}\n.bunny-shadow,\n.bunny-shadow-md {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n}\n.bunny-fixed {\n  position: fixed;\n}\n.bunny-absolute {\n  position: absolute;\n}\n.bunny-relative {\n  position: relative;\n}\n.bunny-sticky {\n  position: sticky;\n}\n.bunny-bottom-0 {\n  bottom: 0px;\n}\n.bunny-bottom-4 {\n  bottom: 1rem;\n}\n.bunny-left-0 {\n  left: 0px;\n}\n.bunny-right-0 {\n  right: 0px;\n}\n.bunny-top-0 {\n  top: 0px;\n}\n.bunny-col-span-1 {\n  grid-column: span 1 / span 1;\n}\n.bunny-col-span-full {\n  grid-column: 1 / -1;\n}\n.bunny-m-0 {\n  margin: 0px;\n}\n.bunny-mx-0 {\n  margin-left: 0px;\n  margin-right: 0px;\n}\n.bunny-mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.bunny-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.bunny-my-0 {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n.bunny-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.bunny-my-24 {\n  margin-top: 6rem;\n  margin-bottom: 6rem;\n}\n.bunny-my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.bunny-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.bunny-mb-3 {\n  margin-bottom: 0.75rem;\n}\n.bunny-mb-4 {\n  margin-bottom: 1rem;\n}\n.bunny-mb-8 {\n  margin-bottom: 2rem;\n}\n.bunny-ml-auto {\n  margin-left: auto;\n}\n.bunny-mt-0 {\n  margin-top: 0px;\n}\n.bunny-mt-2 {\n  margin-top: 0.5rem;\n}\n.bunny-mt-24 {\n  margin-top: 6rem;\n}\n.bunny-mt-4 {\n  margin-top: 1rem;\n}\n.bunny-mt-5 {\n  margin-top: 1.25rem;\n}\n.bunny-box-border {\n  box-sizing: border-box;\n}\n.bunny-flex {\n  display: flex;\n}\n.bunny-grid {\n  display: grid;\n}\n.bunny-contents {\n  display: contents;\n}\n.bunny-h-0\\.5 {\n  height: 0.125rem;\n}\n.bunny-h-1\\/2 {\n  height: 50%;\n}\n.bunny-h-8 {\n  height: 2rem;\n}\n.bunny-h-full {\n  height: 100%;\n}\n.bunny-h-screen {\n  height: 100vh;\n}\n.bunny-max-h-\\[calc\\(100vh-10rem\\)\\] {\n  max-height: calc(100vh - 10rem);\n}\n.bunny-min-h-0 {\n  min-height: 0px;\n}\n.bunny-w-0\\.5 {\n  width: 0.125rem;\n}\n.bunny-w-1\\/2 {\n  width: 50%;\n}\n.bunny-w-3\\/5 {\n  width: 60%;\n}\n.bunny-w-full {\n  width: 100%;\n}\n.bunny-w-screen {\n  width: 100vw;\n}\n.bunny-flex-1 {\n  flex: 1 1 0%;\n}\n.bunny-shrink {\n  flex-shrink: 1;\n}\n.bunny-shrink-0 {\n  flex-shrink: 0;\n}\n.bunny-grow {\n  flex-grow: 1;\n}\n.bunny-cursor-pointer {\n  cursor: pointer;\n}\n.bunny-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.bunny-flex-row {\n  flex-direction: row;\n}\n.bunny-flex-col {\n  flex-direction: column;\n}\n.bunny-flex-wrap {\n  flex-wrap: wrap;\n}\n.bunny-items-start {\n  align-items: flex-start;\n}\n.bunny-items-end {\n  align-items: flex-end;\n}\n.bunny-items-center {\n  align-items: center;\n}\n.bunny-justify-end {\n  justify-content: flex-end;\n}\n.bunny-justify-center {\n  justify-content: center;\n}\n.bunny-justify-between {\n  justify-content: space-between;\n}\n.bunny-gap-0 {\n  gap: 0px;\n}\n.bunny-gap-1 {\n  gap: 0.25rem;\n}\n.bunny-gap-2 {\n  gap: 0.5rem;\n}\n.bunny-gap-3 {\n  gap: 0.75rem;\n}\n.bunny-gap-4 {\n  gap: 1rem;\n}\n.bunny-gap-6 {\n  gap: 1.5rem;\n}\n.bunny-gap-8 {\n  gap: 2rem;\n}\n.bunny-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.bunny-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.bunny-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.bunny-overflow-auto {\n  overflow: auto;\n}\n.bunny-overflow-hidden {\n  overflow: hidden;\n}\n.bunny-overflow-y-auto {\n  overflow-y: auto;\n}\n.bunny-whitespace-nowrap {\n  white-space: nowrap;\n}\n.bunny-text-nowrap {\n  text-wrap: nowrap;\n}\n.bunny-rounded {\n  border-radius: 0.25rem;\n}\n.bunny-rounded-full {\n  border-radius: 9999px;\n}\n.bunny-rounded-lg {\n  border-radius: 0.5rem;\n}\n.bunny-rounded-md {\n  border-radius: 0.375rem;\n}\n.bunny-border {\n  border-width: 1px;\n}\n.bunny-border-2 {\n  border-width: 2px;\n}\n.bunny-border-solid {\n  border-style: solid;\n}\n.bunny-border-none {\n  border-style: none;\n}\n.bunny-border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));\n}\n.bunny-bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\n.bunny-bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\n}\n.bunny-bg-transparent {\n  background-color: transparent;\n}\n.bunny-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bunny-p-0 {\n  padding: 0px;\n}\n.bunny-p-1 {\n  padding: 0.25rem;\n}\n.bunny-p-2 {\n  padding: 0.5rem;\n}\n.bunny-p-4 {\n  padding: 1rem;\n}\n.bunny-px-12 {\n  padding-left: 3rem;\n  padding-right: 3rem;\n}\n.bunny-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.bunny-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.bunny-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.bunny-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.bunny-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.bunny-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.bunny-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.bunny-pb-4 {\n  padding-bottom: 1rem;\n}\n.bunny-pb-6 {\n  padding-bottom: 1.5rem;\n}\n.bunny-pb-8 {\n  padding-bottom: 2rem;\n}\n.bunny-pl-0 {\n  padding-left: 0px;\n}\n.bunny-pl-1 {\n  padding-left: 0.25rem;\n}\n.bunny-pl-4 {\n  padding-left: 1rem;\n}\n.bunny-pr-4 {\n  padding-right: 1rem;\n}\n.bunny-pt-1 {\n  padding-top: 0.25rem;\n}\n.bunny-pt-12 {\n  padding-top: 3rem;\n}\n.bunny-pt-2 {\n  padding-top: 0.5rem;\n}\n.bunny-pt-4 {\n  padding-top: 1rem;\n}\n.bunny-pt-5 {\n  padding-top: 1.25rem;\n}\n.bunny-pt-\\[25vh\\] {\n  padding-top: 25vh;\n}\n.bunny-text-left {\n  text-align: left;\n}\n.bunny-text-center {\n  text-align: center;\n}\n.bunny-text-right {\n  text-align: right;\n}\n.bunny-text-start {\n  text-align: start;\n}\n.bunny-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.bunny-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n.bunny-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.bunny-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.bunny-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.bunny-text-sm\\/5 {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.bunny-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.bunny-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.bunny-text-xs\\/3 {\n  font-size: 0.75rem;\n  line-height: 0.75rem;\n}\n.bunny-font-bold {\n  font-weight: 700;\n}\n.bunny-font-medium {\n  font-weight: 500;\n}\n.bunny-font-normal {\n  font-weight: 400;\n}\n.bunny-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.bunny-text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.bunny-text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.bunny-text-orange-600 {\n  --tw-text-opacity: 1;\n  color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-400 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity, 1));\n}\n.bunny-text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71 85 105 / var(--tw-text-opacity, 1));\n}\n.bunny-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.bunny-underline {\n  text-decoration-line: underline;\n}\n.bunny-shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.bunny-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.bunny-transition-\\[margin\\] {\n  transition-property: margin;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.bunny-duration-300 {\n  transition-duration: 300ms;\n}\n.rotate-45,\n.transform {\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n}\n.shadow,\n.shadow-lg,\n.shadow-md,\n.shadow-none,\n.shadow-sm,\n.shadow-xl {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .container {\n    max-width: 1536px;\n  }\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.-top-0\\.5 {\n  top: -0.125rem;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-4 {\n  bottom: 1rem;\n}\n.left-0 {\n  left: 0px;\n}\n.right-0 {\n  right: 0px;\n}\n.top-0 {\n  top: 0px;\n}\n.z-50 {\n  z-index: 50;\n}\n.col-span-2 {\n  grid-column: span 2 / span 2;\n}\n.col-span-3 {\n  grid-column: span 3 / span 3;\n}\n.col-span-full {\n  grid-column: 1 / -1;\n}\n.m-0 {\n  margin: 0px;\n}\n.mx-0 {\n  margin-left: 0px;\n  margin-right: 0px;\n}\n.mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.my-12 {\n  margin-top: 3rem;\n  margin-bottom: 3rem;\n}\n.my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mb-4 {\n  margin-bottom: 1rem;\n}\n.mb-8 {\n  margin-bottom: 2rem;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.mr-8 {\n  margin-right: 2rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-2 {\n  margin-top: 0.5rem;\n}\n.mt-4 {\n  margin-top: 1rem;\n}\n.mt-6 {\n  margin-top: 1.5rem;\n}\n.mt-8 {\n  margin-top: 2rem;\n}\n.block {\n  display: block;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.contents {\n  display: contents;\n}\n.hidden {\n  display: none;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-5 {\n  height: 1.25rem;\n}\n.h-8 {\n  height: 2rem;\n}\n.h-full {\n  height: 100%;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-12 {\n  width: 3rem;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-full {\n  width: 100%;\n}\n.max-w-32 {\n  max-width: 8rem;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.shrink {\n  flex-shrink: 1;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.grow {\n  flex-grow: 1;\n}\n.border-collapse {\n  border-collapse: collapse;\n}\n.rotate-45 {\n  --tw-rotate: 45deg;\n  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));\n}\n.transform {\n  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));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-end {\n  align-items: flex-end;\n}\n.items-center {\n  align-items: center;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-0 {\n  gap: 0px;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.gap-6 {\n  gap: 1.5rem;\n}\n.gap-8 {\n  gap: 2rem;\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-visible {\n  overflow: visible;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.text-nowrap {\n  text-wrap: nowrap;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-none {\n  border-style: none;\n}\n.border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\n.border-gray-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));\n}\n.border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));\n}\n.border-slate-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));\n}\n.border-slate-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n.bg-emerald-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));\n}\n.bg-green-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));\n}\n.bg-red-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.bg-slate-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bg-yellow-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));\n}\n.p-0 {\n  padding: 0px;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-8 {\n  padding: 2rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-6 {\n  padding-bottom: 1.5rem;\n}\n.pb-8 {\n  padding-bottom: 2rem;\n}\n.pl-0 {\n  padding-left: 0px;\n}\n.pl-2 {\n  padding-left: 0.5rem;\n}\n.pl-4 {\n  padding-left: 1rem;\n}\n.pt-1 {\n  padding-top: 0.25rem;\n}\n.pt-12 {\n  padding-top: 3rem;\n}\n.pt-2 {\n  padding-top: 0.5rem;\n}\n.pt-4 {\n  padding-top: 1rem;\n}\n.pt-5 {\n  padding-top: 1.25rem;\n}\n.pt-6 {\n  padding-top: 1.5rem;\n}\n.pt-8 {\n  padding-top: 2rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-right {\n  text-align: right;\n}\n.align-middle {\n  vertical-align: middle;\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.capitalize {\n  text-transform: capitalize;\n}\n.text-emerald-600 {\n  --tw-text-opacity: 1;\n  color: rgb(5 150 105 / var(--tw-text-opacity, 1));\n}\n.text-emerald-700 {\n  --tw-text-opacity: 1;\n  color: rgb(4 120 87 / var(--tw-text-opacity, 1));\n}\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity, 1));\n}\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.text-orange-600 {\n  --tw-text-opacity: 1;\n  color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-slate-400 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity, 1));\n}\n.text-slate-500 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity, 1));\n}\n.text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71 85 105 / var(--tw-text-opacity, 1));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.text-yellow-500 {\n  --tw-text-opacity: 1;\n  color: rgb(234 179 8 / var(--tw-text-opacity, 1));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-none {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[margin\\] {\n  transition-property: margin;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-slate-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-slate-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-gray-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\n@media (min-width: 768px) {\n  .sm\\:flex {\n    display: flex;\n  }\n  .sm\\:hidden {\n    display: none;\n  }\n}\n.hover\\:bunny-text-orange-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\n.bunny-components .ant-upload-select-picture-card {\n  margin: 0 !important;\n}\n.bunny-components .ant-upload {\n  border-radius: 0.5rem !important;\n}\n.bunny-components .ant-row {\n  margin-bottom: 0px;\n}\n.bunny-components .ant-select-disabled .ant-select-selector .ant-select-selection-item {\n  color: rgba(0, 0, 0, 0.25) !important;\n}\n.bunny-components .ant-input-number,\n.bunny-components .ant-input,\n.bunny-components .ant-picker,\n.bunny-components .ant-input-affix-wrapper,\n.bunny-components .ant-select-selector {\n  font-size: 0.875rem !important;\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  color: #232323 !important;\n}\n.bunny-components .ant-input-affix-wrapper {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.bunny-components .ant-input-group-addon,\n.bunny-components .ant-input-number-group-addon {\n  color: #475569 !important;\n}\n.bunny-components .ant-input-number-group-wrapper,\n.bunny-components .ant-input-number-affix-wrapper {\n  width: 100%;\n}\n.bunny-components .ant-input-affix-wrapper input {\n  border: none !important;\n}\n.bunny-components .ant-form-item {\n  margin-bottom: 0;\n}\n.bunny-components .ant-form-item-label {\n  text-transform: none !important;\n  font-size: 0.75rem;\n  padding-bottom: 2px !important;\n}\n.bunny-components .ant-form-item-label > label {\n  width: 100%;\n  color: #4b5563 !important;\n}\n.bunny-components .form .ant-form-item-label label {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n.bunny-components .ant-form-item-explain,\n.bunny-components .ant-form-item-explain-error {\n  font-size: 11px;\n  min-height: 11px;\n  line-height: 11px;\n  padding-top: 2px;\n}\n.bunny-components .ant-timeline-item-content {\n  font-size: smaller;\n}\n.bunny-components .ant-tree {\n  font-size: 0.875rem;\n}\n.bunny-components .ant-tree-treenode {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-draggable-icon {\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-node-content-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-tree-switcher {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-page-header {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n}\n.bunny-components .ant-tag {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  padding-inline-start: 0.625rem;\n  padding-inline-end: 0.625rem;\n  margin: 0;\n}\n.bunny-components .ant-tag-blue {\n  color: #3b82f6 !important;\n  background: #bfdbfe !important;\n}\n.bunny-components .ant-tag-green {\n  color: #059669 !important;\n  background: #a7f3d0 !important;\n}\n.bunny-components .ant-tag-red {\n  color: #ef4444 !important;\n  background: #fecaca !important;\n}\n.bunny-components .ant-tag-orange {\n  color: #f97316 !important;\n  background: #fed7aa !important;\n}\n.bunny-components .ant-tag-yellow {\n  color: #f59e0b !important;\n  background: #fde68a !important;\n}\n.bunny-components .ant-tag-purple {\n  color: #8b5cf6 !important;\n  background: #ddd6fe !important;\n}\n.bunny-components .ant-tag-gray {\n  color: #6b7280 !important;\n  background: #e5e7eb !important;\n}\n.bunny-components .ant-tag-black {\n  color: white !important;\n  background: black !important;\n}\n.bunny-components .ant-picker {\n  width: 100%;\n}\n.bunny-components .ant-input,\n.bunny-components .ant-select,\n.bunny-components .ant-picker {\n  height: 32px !important;\n}\n.bunny-components .ant-slider-dot {\n  border: 2px solid #f0f0f0;\n}\n.bunny-components .ant-slider-dot-active {\n  border-color: #ff5833;\n}\n.bunny-components .ant-slider-mark :last-child {\n  transform: translateX(-75%) !important;\n}\n.bunny-components .ant-drawer-content {\n  background: #f3f3f9ff;\n}\n.bunny-components .ant-drawer-body,\n.bunny-components .ant-layout {\n  background: #f8fafc;\n}\n.bunny-components .vista-link {\n  color: #1890ff;\n}\n.bunny-components .vista-link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.bunny-components .ant-popover-inner-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  max-width: 300px;\n}\n.bunny-components .ant-popconfirm-message-text {\n  width: 100% !important;\n}\n.bunny-components .ant-popconfirm-title {\n  padding: 0;\n  text-align: center;\n  font-size: 0.875rem !important;\n  width: 100% !important;\n}\n.bunny-components .ant-popconfirm-buttons {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n}\n.bunny-components .ant-popconfirm-buttons button {\n  margin-inline-start: 0 !important;\n}\n.bunny-components .ant-pagination-item {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n}\n.bunny-components .ant-btn-primary:disabled {\n  background: #eef0f2 !important;\n  color: rgba(0, 0, 0, 0.25) !important;\n  border: none;\n}\n.bunny-components .ant-btn {\n  box-shadow: none;\n  text-shadow: none;\n  outline: none !important;\n  line-height: 1;\n  font-weight: normal;\n}\n.bunny-components .ant-btn-default .ant-btn-icon {\n  color: #94a3b8;\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.bunny-components .ant-btn-default:hover .ant-btn-icon {\n  color: #ff7f5c;\n}\n.bunny-components .ant-btn-default:disabled {\n  border-color: rgba(113, 125, 148, 0.2) !important;\n}\n.bunny-components .ant-btn-primary:disabled {\n  background-color: rgba(113, 125, 148, 0.1) !important;\n  border-color: rgba(113, 125, 148, 0.1) !important;\n}\n.bunny-components .ant-btn-primary:hover:disabled,\n.bunny-components .ant-btn-primary:disabled {\n  background-clip: padding-box;\n}\n.bunny-components .ant-select-selection-item-content {\n  display: flex !important;\n  align-items: center;\n}\n.bunny-components .ant-select-item {\n  font-size: 0.875rem;\n}\n.bunny-components .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n  white-space: nowrap !important;\n  overflow: visible !important;\n  text-overflow: default !important;\n  font-size: 0.875rem;\n}\n.bunny-components .ant-select-arrow .anticon:not(.ant-select-suffix) {\n  pointer-events: none;\n}\n.bunny-components .select-dropdown-blue-gray .ant-select-item-option {\n  background-color: #fff !important;\n}\n.bunny-components .select-dropdown-blue-gray .ant-select-item-option-active {\n  color: #ff5833;\n}\n.bunny-components .ant-dropdown-menu-items {\n  padding-left: 0 !important;\n}\n.bunny-components .ant-dropdown-menu-item-active {\n  background-color: transparent !important;\n}\n.bunny-components .ant-input-affix-wrapper.searchfield {\n  background: white !important;\n}\n.bunny-components .ant-input-affix-wrapper.searchfield input {\n  background: white !important;\n}\n.bunny-components .ant-input-affix-wrapper-focused {\n  background: white !important;\n}\n.bunny-components .panel .ant-input-affix-wrapper.searchfield {\n  background: #f8f8f8 !important;\n}\n.bunny-components .panel .ant-input-affix-wrapper.searchfield input {\n  background: #f8f8f8 !important;\n}\n.bunny-components .ant-input-steps-hidden .ant-input-number-handler-wrap {\n  display: none;\n}\n.bunny-components .ant-layout-header {\n  height: 48px;\n}\n.bunny-components .ant-layout-sider-children {\n  width: inherit;\n  position: fixed;\n}\n.bunny-components .ant-menu-item-group-list {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  gap: 4px !important;\n}\n.bunny-components .group {\n  display: flex;\n  flex-direction: row;\n  flex-flow: row wrap;\n  box-sizing: border-box;\n}\n.bunny-components .select-datepicker {\n  animation-duration: 0.35s !important;\n}\n.bunny-components .header-datepicker {\n  top: 96px !important;\n  animation-duration: 0s !important;\n}\n.bunny-components .ant-picker-header {\n  border-bottom: none !important;\n}\n.bunny-components .ant-picker-content thead tr th {\n  font-weight: 500;\n}\n.bunny-components .ant-picker-panel-container {\n  border-radius: 0.375rem;\n}\n.bunny-components .ant-picker-cell-selected .custom-date-display {\n  color: #ffffff;\n  background-color: #ff5833;\n}\n.bunny-components .ant-picker-cell-today .custom-date-display {\n  border: 1px solid #ff5833;\n}\n.bunny-components .ant-select:hover,\n.bunny-components * .cardElement:hover {\n  border-color: #ff5833;\n}\n.bunny-components .ant-input-number {\n  width: 100%;\n}\n.bunny-components .ant-input-number-focused {\n  border-color: #ff5833 !important;\n  background-color: #ffffff !important;\n}\n.bunny-components .ant-input-affix-wrapper-focused,\n.bunny-components .ant-input-number-focused,\n.bunny-components .ant-picker,\n.bunny-components .ant-input,\n.bunny-components .ant-select-focused .ant-select-selector,\n.bunny-components .ant-select-selector:focus,\n.bunny-components .ant-select-selector:active,\n.bunny-components .ant-select-open .ant-select-selector {\n  box-shadow: none !important;\n}\n.bunny-components .ant-select-item-option-selected .ant-select-item-option-state {\n  display: none !important;\n}\n.bunny-components .ant-form * input[type='text'].ant-input:not(:disabled),\n.bunny-components .ant-select-selection-item:not(:disabled) {\n  color: #232323;\n}\n.bunny-components .ant-tabs-ink-bar {\n  display: none !important;\n}\n.bunny-components .ant-tabs-tab.ant-tabs-tab-active {\n  border-bottom: 2px solid #ff5833 !important;\n}\n.bunny-components .ant-tabs-tab {\n  border-bottom: 2px solid transparent !important;\n  padding-bottom: 14px !important;\n}\n.bunny-components .ant-upload-wrapper {\n  display: flex;\n}\n.bunny-components .ant-form-item-label > label::after {\n  display: none !important;\n}\n.bunny-components .ant-menu-item {\n  display: flex !important;\n  align-items: center !important;\n}\n.ant-notification {\n  width: min-content;\n}\n.ant-notification-topRight {\n  right: 0 !important;\n  left: 0 !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n.ant-notification-notice-wrapper {\n  width: 350px !important;\n  overflow: hidden !important;\n}\n.ant-notification-notice {\n  padding: 16px !important;\n  width: 350px !important;\n  border-radius: 8px !important;\n  display: flex !important;\n  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08), 0px 1px 18px rgba(0, 0, 0, 0.08), 0px 3px 5px rgba(0, 0, 0, 0.16) !important;\n}\n.ant-notification-notice-description {\n  padding: 0 14px 0 0 !important;\n  font-size: 14px !important;\n  overflow-wrap: break-word;\n}\n.ant-notification-notice-success {\n  background-color: #edfffa !important;\n}\n.ant-notification-notice-error {\n  background-color: #fff8f4 !important;\n}\n.ant-notification-notice-error .ant-notification-notice-message {\n  color: #ff5833 !important;\n  font-weight: 500 !important;\n}\n.ant-notification-notice-error .ant-notification-notice-icon {\n  color: #ff5833;\n}\n.ant-notification-notice-success .ant-notification-notice-message {\n  color: #00b76a !important;\n  font-weight: 500 !important;\n}\n.ant-notification-notice-success .ant-notification-notice-icon {\n  color: #00b76a !important;\n}\n.ant-notification-notice-message {\n  margin-bottom: 0 !important;\n}\n.ant-notification-notice-close {\n  top: 16px !important;\n  right: 16px !important;\n}\n.bunny-invoice-container {\n  padding: 0;\n  box-sizing: border-box !important;\n  line-height: 1.15;\n}\n@media only screen and (max-width: 768px) {\n  select,\n  textarea,\n  input[type='text'],\n  input[type='password'],\n  input[type='datetime'],\n  input[type='datetime-local'],\n  input[type='date'],\n  input[type='month'],\n  input[type='time'],\n  input[type='week'],\n  input[type='number'],\n  input[type='email'],\n  input[type='url'],\n  input[type='search'],\n  input[type='tel'],\n  input[type='color'] {\n    font-size: 16px !important;\n  }\n}\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z);
 
 const IGNORE_ERRORS = ['Invalid or missing authorization', '["Not found"]'];
@@ -141,7 +141,7 @@ const useAllErrorFormats = () => {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.6.0-beta.16';
+const PACKAGE_VERSION = '1.6.0-beta.18';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -1043,10 +1043,11 @@ const CustomZoomLayout = () => {
     // Consume from the controller provider
     const { currentZoom, setZoomLevel } = useZoomContext();
     const mountTimeRef = useRef(Date.now());
+    const isMobile = useIsMobile();
     // Set default zoom to 100% once the document is loaded
     useEffect(() => {
         if (currentZoom < 1 && Date.now() - mountTimeRef.current < 3000) {
-            setZoomLevel(125);
+            setZoomLevel(isMobile ? 100 : 125);
         }
     }, [currentZoom, setZoomLevel]);
     return jsx(Fragment, {});
@@ -1055,6 +1056,7 @@ const DocumentTemplatePreview = ({ targetUrl }) => {
     const [pdfUrl, setPdfUrl] = useState(null);
     const queryClient = useQueryClient();
     const { apiHost, token } = useContext(BunnyContext);
+    const isMobile = useIsMobile();
     const queryKey = useMemo(() => ['documentTemplatePreview', targetUrl], [targetUrl]);
     // Clear previous data when component mounts or id changes
     useEffect(() => {
@@ -1094,13 +1096,13 @@ const DocumentTemplatePreview = ({ targetUrl }) => {
     if (!pdfUrl) {
         return jsx(Fragment, {});
     }
-    return (jsx("div", { className: "bunny-rounded bunny-w-full bunny-overflow-hidden bunny-grow bunny-min-h-0", style: { height: '70vh' }, children: jsx(RPConfig, { licenseKey: LISENSE_KEY, children: jsxs(RPProvider, { src: pdfUrl, children: [jsx(CustomZoomLayout, {}), jsx(RPDefaultLayout, { style: {
+    return (jsx("div", { className: "bunny-rounded bunny-w-full bunny-overflow-hidden bunny-grow bunny-min-h-0", style: { height: '70vh' }, children: jsx(RPConfig, { licenseKey: LISENSE_KEY, children: jsxs(RPProvider, { src: pdfUrl, children: [jsx(CustomZoomLayout, {}), isMobile ? (jsx(RPPages, {})) : (jsx(RPDefaultLayout, { style: {
                             width: '100%',
                             height: '100%',
                         }, slots: {
                             openFileTool: false,
                             downloadTool: false,
-                        }, children: jsx(RPPages, {}) })] }) }) }));
+                        }, children: jsx(RPPages, {}) }))] }) }) }));
 };
 
 const { Text: Text$A } = Typography;
@@ -1136,7 +1138,7 @@ const InvoiceQuoteView = ({ children, formattedInvoice, html, backButtonName, on
     const isMobile = useIsMobile();
     const { token: antdToken } = useAntdToken$1();
     const buttonsVisible = formattedInvoice && (!hideDownloadButton || onBackButtonClick);
-    return (jsxs("div", { className: `bunny-flex bunny-flex-col bunny-w-full bunny-grow ${isMobile ? 'bunny-overflow-hidden' : ''}`, children: [buttonsVisible ? (jsxs("div", { className: `bunny-flex bunny-justify-between bunny-items-center bunny-pb-4 ${isMobile ? 'bunny-shadow-padding-x' : ''}`, id: "acceptance", children: [jsx("div", { children: onBackButtonClick ? (jsx(BackButton, { onClick: onBackButtonClick, title: backButtonName })) : null }), !hideDownloadButton ? (jsx(Button, { icon: jsx(DownloadOutlined, {}), onClick: () => downloadFile(apiHost + '/api/pdf/invoice/' + formattedInvoice.id, token), children: "Download" })) : null] })) : null, isMobile ? (jsxs(MarkupContainer, { className: "bunny-flex bunny-flex-col bunny-gap-4 bunny-grow bunny-shadow-padding-xb bunny-overflow-auto", style: { fontFamily: antdToken.fontFamily }, children: [targetUrl ? (jsx(DocumentTemplatePreview, { targetUrl: targetUrl })) : (jsx(Markup, { content: html })), children] })) : (jsxs(MarkupContainer, { className: `bunny-flex bunny-flex-col bunny-gap-4 bunny-p-4 bunny-bg-white ${shadow ? shadow : 'shadow-md'} bunny-rounded-md`, style: {
+    return (jsxs("div", { className: `bunny-flex bunny-flex-col bunny-w-full bunny-grow ${isMobile ? 'bunny-overflow-hidden' : ''}`, children: [buttonsVisible ? (jsxs("div", { className: `bunny-flex bunny-justify-between bunny-items-center bunny-pb-4 ${isMobile ? 'bunny-shadow-padding-x' : ''}`, id: "acceptance", children: [jsx("div", { children: onBackButtonClick ? (jsx(BackButton, { onClick: onBackButtonClick, title: backButtonName })) : null }), !hideDownloadButton ? (jsx(Button, { icon: jsx(DownloadOutlined, {}), onClick: () => downloadFile(apiHost + '/api/pdf/invoice/' + formattedInvoice.id, token), children: "Download" })) : null] })) : null, isMobile ? (jsxs(MarkupContainer, { className: "bunny-flex bunny-flex-col bunny-gap-4 bunny-grow bunny-overflow-auto", style: { fontFamily: antdToken.fontFamily }, children: [targetUrl ? (jsx(DocumentTemplatePreview, { targetUrl: targetUrl })) : (jsx(Markup, { content: html })), children] })) : (jsxs(MarkupContainer, { className: `bunny-flex bunny-flex-col bunny-gap-4 bunny-p-4 bunny-bg-white ${shadow ? shadow : 'shadow-md'} bunny-rounded-md`, style: {
                     minWidth: '750px',
                     fontFamily: antdToken.fontFamily,
                 }, children: [targetUrl ? (jsx(DocumentTemplatePreview, { targetUrl: targetUrl })) : (jsx(Markup, { content: html })), children] }))] }));
@@ -20112,7 +20114,7 @@ const quoteAccept = async ({ quoteId, apiHost, token, changedFormItems, }) => {
         throw errors;
     return (_b = response.quoteAccept) === null || _b === void 0 ? void 0 : _b.quote;
 };
-const useSendAcceptQuote = ({ quoteId, apiHost, token, }) => {
+const useSendAcceptQuote = ({ quoteId, apiHost, token, onQuoteAccepted, }) => {
     // Hooks
     const graphQLMutation = useGraphQLmutation(() => {
         console.log('navigate in useGraphQLmutation in useSendAcceptQuote is not yet implemented');
@@ -20171,6 +20173,7 @@ const useSendAcceptQuote = ({ quoteId, apiHost, token, }) => {
         },
         onSuccess: () => {
             setAcceptBoxVisible(false);
+            onQuoteAccepted === null || onQuoteAccepted === void 0 ? void 0 : onQuoteAccepted();
             queryClient.invalidateQueries({
                 queryKey: QueryKeyFactory$1.default.createQuoteKey({
                     id: quoteId,
@@ -20394,7 +20397,7 @@ defaultStyled.div `
     width: 100%;
   }
 `;
-function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, onQuoteLoaded, }) {
+function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, onQuoteLoaded, onQuoteAccepted, }) {
     return (jsx(InvoiceQuoteContext.Provider, { value: {
             id,
             invoiceQuoteViewComponent,
@@ -20404,7 +20407,7 @@ function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymen
             className,
             hideDownloadButton,
             onQuoteLoaded,
-        }, children: jsx(ActualQuote, {}) }));
+        }, children: jsx(ActualQuote, { onQuoteAccepted: onQuoteAccepted }) }));
 }
 const useQuotePaymentHold = (formattedQuote) => {
     var _a, _b;
@@ -20419,7 +20422,7 @@ const useQuotePaymentHold = (formattedQuote) => {
         paymentHoldCompleted: currentPaymentHold ? true : false,
     };
 };
-function ActualQuote() {
+function ActualQuote({ onQuoteAccepted }) {
     var _a, _b, _c, _d;
     // Context
     const { apiHost } = useContext(BunnyContext);
@@ -20439,6 +20442,7 @@ function ActualQuote() {
         token,
         apiHost,
         quoteId: id,
+        onQuoteAccepted,
     });
     useSigningComplete({ data: formattedQuote, token });
     const isMobile = useIsMobile();
@@ -26468,7 +26472,7 @@ const getSubscriptions = async ({ apiHost, isInPreviewMode, token, }) => {
     const tokenToPass = isInPreviewMode ? undefined : token; // Do not pass token if in preview mode
     return await execute(SubscriptionsQuery, { apiHost, token: tokenToPass }, {});
 };
-const SubscriptionsWrapper = ({ handlePortalErrors, companyName, isInPreviewMode = false, productId, className, styles: userStyles = {}, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle = false, }) => {
+const SubscriptionsWrapper = ({ handlePortalErrors, companyName, isInPreviewMode = false, productId, className, styles: userStyles = {}, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle = true, }) => {
     const defaultStyles = {
         gap: 4,
         shadow: 'md',
@@ -26574,7 +26578,7 @@ const Subscriptions = ({ handlePortalErrors, companyName, noSubscriptionsCompone
                 setIsChangingPlan(false);
             }, handlePortalErrors: handlePortalErrors, upgradingSubscription: upgradingSubscription, className: className, shadow: shadow }));
     }
-    return (jsxs("div", { className: className, children: [jsx(PageHeaderWithActions, { title: jsx(Fragment, { children: !showInactiveSubscriptionsToggle && isMobile && inactiveSwitchVisible && (jsx(ShowInactiveToggle, { showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState })) }), children: !isMobile && ((_f = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _f === void 0 ? void 0 : _f.nodes) && (jsx(SubscriptionsNavigation, { inactiveSwitchVisible: !showInactiveSubscriptionsToggle && inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: (_g = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _g === void 0 ? void 0 : _g.nodes })) }), jsx(SubscriptionsListContainer, { companyName: companyName, showInactive: showInactiveSubscriptions, onCancelSubscriptionClick: onCancelSubscriptionClick, onChangePlanClick: onChangePlanClick, subscriptions: (_h = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _h === void 0 ? void 0 : _h.nodes, subscriptionsAreLoading: subscriptionsAreLoading, noSubscriptionsComponent: noSubscriptionsComponent }), isMobile && ((_j = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _j === void 0 ? void 0 : _j.nodes) && (jsx("div", { className: "bunny-pt-4 bunny-pb-2", children: jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: (_k = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _k === void 0 ? void 0 : _k.nodes }) })), ((_l = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _l === void 0 ? void 0 : _l.nodes) && (jsx(QuantityDrawer, { subscriptions: (_m = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _m === void 0 ? void 0 : _m.nodes, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors, setShowInactive: setShowInactiveSubscriptionsState }))] }));
+    return (jsxs("div", { className: className, children: [jsx(PageHeaderWithActions, { title: jsx(Fragment, { children: showInactiveSubscriptionsToggle && isMobile && inactiveSwitchVisible && (jsx(ShowInactiveToggle, { showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState })) }), children: !isMobile && ((_f = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _f === void 0 ? void 0 : _f.nodes) && (jsx(SubscriptionsNavigation, { inactiveSwitchVisible: showInactiveSubscriptionsToggle && inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: (_g = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _g === void 0 ? void 0 : _g.nodes })) }), jsx(SubscriptionsListContainer, { companyName: companyName, showInactive: showInactiveSubscriptions, onCancelSubscriptionClick: onCancelSubscriptionClick, onChangePlanClick: onChangePlanClick, subscriptions: (_h = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _h === void 0 ? void 0 : _h.nodes, subscriptionsAreLoading: subscriptionsAreLoading, noSubscriptionsComponent: noSubscriptionsComponent }), isMobile && ((_j = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _j === void 0 ? void 0 : _j.nodes) && (jsx("div", { className: "bunny-pt-4 bunny-pb-2", children: jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: (_k = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _k === void 0 ? void 0 : _k.nodes }) })), ((_l = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _l === void 0 ? void 0 : _l.nodes) && (jsx(QuantityDrawer, { subscriptions: (_m = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _m === void 0 ? void 0 : _m.nodes, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors, setShowInactive: setShowInactiveSubscriptionsState }))] }));
 };
 const PageHeaderWithActions = ({ children, title, }) => {
     const isMobile = useIsMobile();

package/dist/esm/types/src/components/Quote/Quote.d.ts

@@ -1,3 +1,7 @@
 import { InvoiceQuoteContextProps } from '../../contexts/InvoiceQuoteContext';
 export declare const MarkupContainer: any;
-export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, }: InvoiceQuoteContextProps): import("react/jsx-runtime").JSX.Element;
+type QuoteProps = InvoiceQuoteContextProps & {
+    onQuoteAccepted?: () => void;
+};
+export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, }: QuoteProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/src/hooks/quotes/useSendAcceptQuote.d.ts

@@ -1,7 +1,8 @@
-declare const useSendAcceptQuote: ({ quoteId, apiHost, token, }: {
+declare const useSendAcceptQuote: ({ quoteId, apiHost, token, onQuoteAccepted, }: {
     quoteId?: string;
     apiHost: string;
     token?: string;
+    onQuoteAccepted?: () => void;
 }) => {
     acceptBoxVisible: boolean;
     isAccepting: boolean;

package/dist/index.d.ts

@@ -32,7 +32,10 @@ declare global {
     }
 }
 
-declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, }: InvoiceQuoteContextProps): react_jsx_runtime.JSX.Element;
+type QuoteProps = InvoiceQuoteContextProps & {
+    onQuoteAccepted?: () => void;
+};
+declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, }: QuoteProps): react_jsx_runtime.JSX.Element;
 
 type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.6.0-beta.17",
+  "version": "1.6.0-beta.19",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",