@inploi/plugin-chatbot 3.12.6 → 3.13.0

package/dist/style.css

@@ -0,0 +1,1635 @@
+#isdk {
+	position: relative;
+	z-index: 99999;
+	font-size: 16px;
+	font-family: sans-serif;
+
+	/* Lowest colour */
+	--i-lowest: 0 0% 100%;
+
+	/** Error colours */
+	--i-e-1: 340 100% 99%;
+	--i-e-2: 353 100% 98%;
+	--i-e-3: 351 91% 96%;
+	--i-e-4: 351 100% 93%;
+	--i-e-5: 350 100% 90%;
+	--i-e-6: 351 80% 86%;
+	--i-e-7: 349 68% 81%;
+	--i-e-8: 348 61% 74%;
+	--i-e-9: 348 75% 59%;
+	--i-e-10: 347 70% 55%;
+	--i-e-11: 345 70% 47%;
+	--i-e-12: 344 63% 24%;
+		--tw-content: '';
+		font-family:
+			system-ui,
+			-apple-system,
+			BlinkMacSystemFont,
+			Segoe UI,
+			Roboto,
+			Oxygen,
+			Ubuntu,
+			Cantarell,
+			Open Sans,
+			Helvetica Neue,
+			sans-serif;
+}
+
+		#isdk * {
+			font-weight: inherit;
+			font-style: inherit;
+			box-sizing: border-box;
+			font-family: inherit;
+			border-style: solid;
+			border-width: 0;
+			-webkit-tap-highlight-color: transparent;
+		}
+
+		#isdk ::before,
+		#isdk ::after {
+			box-sizing: border-box;
+		}
+
+		#isdk :is(ul, ol) {
+			list-style: none;
+			padding: 0;
+			margin: 0;
+		}
+
+		#isdk :is(p) {
+			margin: 0;
+			padding: 0;
+		}
+
+		#isdk :is(li) {
+			margin: 0;
+			padding: 0;
+			list-style: none;
+		}
+
+		#isdk :is(button) {
+			margin: 0;
+			padding: 0;
+			border: unset;
+			background: unset;
+			text-align: unset;
+		}
+
+		#isdk *, #isdk ::before, #isdk ::after {
+	--tw-border-spacing-x: 0;
+	--tw-border-spacing-y: 0;
+	--tw-translate-x: 0;
+	--tw-translate-y: 0;
+	--tw-rotate: 0;
+	--tw-skew-x: 0;
+	--tw-skew-y: 0;
+	--tw-scale-x: 1;
+	--tw-scale-y: 1;
+	--tw-pan-x:  ;
+	--tw-pan-y:  ;
+	--tw-pinch-zoom:  ;
+	--tw-scroll-snap-strictness: proximity;
+	--tw-gradient-from-position:  ;
+	--tw-gradient-via-position:  ;
+	--tw-gradient-to-position:  ;
+	--tw-ordinal:  ;
+	--tw-slashed-zero:  ;
+	--tw-numeric-figure:  ;
+	--tw-numeric-spacing:  ;
+	--tw-numeric-fraction:  ;
+	--tw-ring-inset:  ;
+	--tw-ring-offset-width: 0px;
+	--tw-ring-offset-color: #fff;
+	--tw-ring-color: rgb(59 130 246 / 0.5);
+	--tw-ring-offset-shadow: 0 0 #0000;
+	--tw-ring-shadow: 0 0 #0000;
+	--tw-shadow: 0 0 #0000;
+	--tw-shadow-colored: 0 0 #0000;
+	--tw-blur:  ;
+	--tw-brightness:  ;
+	--tw-contrast:  ;
+	--tw-grayscale:  ;
+	--tw-hue-rotate:  ;
+	--tw-invert:  ;
+	--tw-saturate:  ;
+	--tw-sepia:  ;
+	--tw-drop-shadow:  ;
+	--tw-backdrop-blur:  ;
+	--tw-backdrop-brightness:  ;
+	--tw-backdrop-contrast:  ;
+	--tw-backdrop-grayscale:  ;
+	--tw-backdrop-hue-rotate:  ;
+	--tw-backdrop-invert:  ;
+	--tw-backdrop-opacity:  ;
+	--tw-backdrop-saturate:  ;
+	--tw-backdrop-sepia:  ;
+}
+
+		#isdk ::backdrop {
+	--tw-border-spacing-x: 0;
+	--tw-border-spacing-y: 0;
+	--tw-translate-x: 0;
+	--tw-translate-y: 0;
+	--tw-rotate: 0;
+	--tw-skew-x: 0;
+	--tw-skew-y: 0;
+	--tw-scale-x: 1;
+	--tw-scale-y: 1;
+	--tw-pan-x:  ;
+	--tw-pan-y:  ;
+	--tw-pinch-zoom:  ;
+	--tw-scroll-snap-strictness: proximity;
+	--tw-gradient-from-position:  ;
+	--tw-gradient-via-position:  ;
+	--tw-gradient-to-position:  ;
+	--tw-ordinal:  ;
+	--tw-slashed-zero:  ;
+	--tw-numeric-figure:  ;
+	--tw-numeric-spacing:  ;
+	--tw-numeric-fraction:  ;
+	--tw-ring-inset:  ;
+	--tw-ring-offset-width: 0px;
+	--tw-ring-offset-color: #fff;
+	--tw-ring-color: rgb(59 130 246 / 0.5);
+	--tw-ring-offset-shadow: 0 0 #0000;
+	--tw-ring-shadow: 0 0 #0000;
+	--tw-shadow: 0 0 #0000;
+	--tw-shadow-colored: 0 0 #0000;
+	--tw-blur:  ;
+	--tw-brightness:  ;
+	--tw-contrast:  ;
+	--tw-grayscale:  ;
+	--tw-hue-rotate:  ;
+	--tw-invert:  ;
+	--tw-saturate:  ;
+	--tw-sepia:  ;
+	--tw-drop-shadow:  ;
+	--tw-backdrop-blur:  ;
+	--tw-backdrop-brightness:  ;
+	--tw-backdrop-contrast:  ;
+	--tw-backdrop-grayscale:  ;
+	--tw-backdrop-hue-rotate:  ;
+	--tw-backdrop-invert:  ;
+	--tw-backdrop-opacity:  ;
+	--tw-backdrop-saturate:  ;
+	--tw-backdrop-sepia:  ;
+}
+
+		#isdk .container {
+	width: 100%;
+}
+
+		@media (min-width: 640px) {
+
+	#isdk .container {
+		max-width: 640px;
+	}
+}
+
+		@media (min-width: 768px) {
+
+	#isdk .container {
+		max-width: 768px;
+	}
+}
+
+		@media (min-width: 1024px) {
+
+	#isdk .container {
+		max-width: 1024px;
+	}
+}
+
+		@media (min-width: 1280px) {
+
+	#isdk .container {
+		max-width: 1280px;
+	}
+}
+
+		@media (min-width: 1536px) {
+
+	#isdk .container {
+		max-width: 1536px;
+	}
+}
+
+		#isdk .sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	white-space: nowrap;
+	border-width: 0;
+}
+
+		#isdk .pointer-events-none {
+	pointer-events: none;
+}
+
+		#isdk .visible {
+	visibility: visible;
+}
+
+		#isdk .collapse {
+	visibility: collapse;
+}
+
+		#isdk .static {
+	position: static;
+}
+
+		#isdk .fixed {
+	position: fixed;
+}
+
+		#isdk .absolute {
+	position: absolute;
+}
+
+		#isdk .relative {
+	position: relative;
+}
+
+		#isdk .sticky {
+	position: sticky;
+}
+
+		#isdk .inset-0 {
+	inset: 0px;
+}
+
+		#isdk .bottom-0 {
+	bottom: 0px;
+}
+
+		#isdk .bottom-2 {
+	bottom: 0.5rem;
+}
+
+		#isdk .left-0 {
+	left: 0px;
+}
+
+		#isdk .left-2 {
+	left: 0.5rem;
+}
+
+		#isdk .right-0 {
+	right: 0px;
+}
+
+		#isdk .right-2 {
+	right: 0.5rem;
+}
+
+		#isdk .right-3 {
+	right: 0.75rem;
+}
+
+		#isdk .top-0 {
+	top: 0px;
+}
+
+		#isdk .isolate {
+	isolation: isolate;
+}
+
+		#isdk .z-20 {
+	z-index: 20;
+}
+
+		#isdk .m-0 {
+	margin: 0px;
+}
+
+		#isdk .mx-auto {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+		#isdk .mb-1 {
+	margin-bottom: 0.25rem;
+}
+
+		#isdk .ml-auto {
+	margin-left: auto;
+}
+
+		#isdk .block {
+	display: block;
+}
+
+		#isdk .inline-block {
+	display: inline-block;
+}
+
+		#isdk .inline {
+	display: inline;
+}
+
+		#isdk .flex {
+	display: flex;
+}
+
+		#isdk .inline-flex {
+	display: inline-flex;
+}
+
+		#isdk .table {
+	display: table;
+}
+
+		#isdk .table-row {
+	display: table-row;
+}
+
+		#isdk .flow-root {
+	display: flow-root;
+}
+
+		#isdk .grid {
+	display: grid;
+}
+
+		#isdk .inline-grid {
+	display: inline-grid;
+}
+
+		#isdk .contents {
+	display: contents;
+}
+
+		#isdk .list-item {
+	display: list-item;
+}
+
+		#isdk .\!hidden {
+	display: none !important;
+}
+
+		#isdk .hidden {
+	display: none;
+}
+
+		#isdk .h-1 {
+	height: 0.25rem;
+}
+
+		#isdk .h-1\.5 {
+	height: 0.375rem;
+}
+
+		#isdk .h-16 {
+	height: 4rem;
+}
+
+		#isdk .h-4 {
+	height: 1rem;
+}
+
+		#isdk .h-48 {
+	height: 12rem;
+}
+
+		#isdk .h-8 {
+	height: 2rem;
+}
+
+		#isdk .h-\[3px\] {
+	height: 3px;
+}
+
+		#isdk .h-\[var\(--content-height\)\] {
+	height: var(--content-height);
+}
+
+		#isdk .h-\[var\(--header-height\)\] {
+	height: var(--header-height);
+}
+
+		#isdk .h-full {
+	height: 100%;
+}
+
+		#isdk .max-h-full {
+	max-height: 100%;
+}
+
+		#isdk .min-h-\[36px\] {
+	min-height: 36px;
+}
+
+		#isdk .w-1 {
+	width: 0.25rem;
+}
+
+		#isdk .w-1\.5 {
+	width: 0.375rem;
+}
+
+		#isdk .w-16 {
+	width: 4rem;
+}
+
+		#isdk .w-24 {
+	width: 6rem;
+}
+
+		#isdk .w-4 {
+	width: 1rem;
+}
+
+		#isdk .w-8 {
+	width: 2rem;
+}
+
+		#isdk .w-full {
+	width: 100%;
+}
+
+		#isdk .min-w-0 {
+	min-width: 0px;
+}
+
+		#isdk .min-w-\[2rem\] {
+	min-width: 2rem;
+}
+
+		#isdk .max-w-\[450px\] {
+	max-width: 450px;
+}
+
+		#isdk .max-w-\[min\(100\%\2c 24rem\)\] {
+	max-width: min(100%,24rem);
+}
+
+		#isdk .max-w-full {
+	max-width: 100%;
+}
+
+		#isdk .flex-1 {
+	flex: 1 1 0%;
+}
+
+		#isdk .flex-none {
+	flex: none;
+}
+
+		#isdk .flex-shrink {
+	flex-shrink: 1;
+}
+
+		#isdk .flex-shrink-0 {
+	flex-shrink: 0;
+}
+
+		#isdk .shrink {
+	flex-shrink: 1;
+}
+
+		#isdk .flex-grow {
+	flex-grow: 1;
+}
+
+		#isdk .grow {
+	flex-grow: 1;
+}
+
+		#isdk .border-collapse {
+	border-collapse: collapse;
+}
+
+		#isdk .translate-y-full {
+	--tw-translate-y: 100%;
+	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+		#isdk .transform {
+	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+		@keyframes bounce {
+
+	0%, 100% {
+		transform: translateY(-25%);
+		animation-timing-function: cubic-bezier(0.8,0,1,1);
+	}
+
+	50% {
+		transform: none;
+		animation-timing-function: cubic-bezier(0,0,0.2,1);
+	}
+}
+
+		#isdk .animate-bounce {
+	animation: bounce 1s infinite;
+}
+
+		@keyframes bubble-in {
+
+	from {
+		transform: translateY(100%) scale(0.8);
+		opacity: 0;
+	}
+
+	to {
+		transform: translateY(0) scale(1);
+		opacity: 1;
+	}
+}
+
+		#isdk .animate-bubble-in {
+	animation: bubble-in 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+		@keyframes fade-in {
+
+	from {
+		opacity: 0;
+	}
+
+	to {
+		opacity: 1;
+	}
+}
+
+		#isdk .animate-fade-in {
+	animation: fade-in 500ms cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+		@keyframes maximise {
+
+	from {
+		transform: translateY(50%);
+		height: var(--header-height);
+	}
+
+	to {
+		transform: translateY(0);
+		height: var(--content-height);
+	}
+}
+
+		#isdk .animate-maximise {
+	animation: maximise 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+		@keyframes slide-in-bottom {
+
+	from {
+		transform: translateY(-100%);
+	}
+
+	to {
+		transform: translateY(0);
+	}
+}
+
+		#isdk .animate-slide-in-bottom {
+	animation: slide-in-bottom 300ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+		#isdk .cursor-pointer {
+	cursor: pointer;
+}
+
+		#isdk .select-none {
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	        user-select: none;
+}
+
+		#isdk .resize {
+	resize: both;
+}
+
+		#isdk .flex-col {
+	flex-direction: column;
+}
+
+		#isdk .flex-wrap {
+	flex-wrap: wrap;
+}
+
+		#isdk .items-center {
+	align-items: center;
+}
+
+		#isdk .items-stretch {
+	align-items: stretch;
+}
+
+		#isdk .justify-end {
+	justify-content: flex-end;
+}
+
+		#isdk .justify-center {
+	justify-content: center;
+}
+
+		#isdk .gap-0 {
+	gap: 0px;
+}
+
+		#isdk .gap-1 {
+	gap: 0.25rem;
+}
+
+		#isdk .gap-1\.5 {
+	gap: 0.375rem;
+}
+
+		#isdk .gap-2 {
+	gap: 0.5rem;
+}
+
+		#isdk .gap-3 {
+	gap: 0.75rem;
+}
+
+		#isdk .gap-4 {
+	gap: 1rem;
+}
+
+		#isdk .gap-px {
+	gap: 1px;
+}
+
+		#isdk .overflow-hidden {
+	overflow: hidden;
+}
+
+		#isdk .overflow-y-auto {
+	overflow-y: auto;
+}
+
+		#isdk .overflow-y-scroll {
+	overflow-y: scroll;
+}
+
+		#isdk .truncate {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+		#isdk .break-words {
+	overflow-wrap: break-word;
+}
+
+		#isdk .rounded {
+	border-radius: 0.25rem;
+}
+
+		#isdk .rounded-2xl {
+	border-radius: 1rem;
+}
+
+		#isdk .rounded-3xl {
+	border-radius: 1.5rem;
+}
+
+		#isdk .rounded-\[18px\] {
+	border-radius: 18px;
+}
+
+		#isdk .rounded-full {
+	border-radius: 9999px;
+}
+
+		#isdk .rounded-lg {
+	border-radius: 0.5rem;
+}
+
+		#isdk .rounded-md {
+	border-radius: 0.375rem;
+}
+
+		#isdk .rounded-xl {
+	border-radius: 0.75rem;
+}
+
+		#isdk .rounded-b-3xl {
+	border-bottom-right-radius: 1.5rem;
+	border-bottom-left-radius: 1.5rem;
+}
+
+		#isdk .rounded-bl-md {
+	border-bottom-left-radius: 0.375rem;
+}
+
+		#isdk .rounded-br-md {
+	border-bottom-right-radius: 0.375rem;
+}
+
+		#isdk .border {
+	border-width: 1px;
+}
+
+		#isdk .border-b {
+	border-bottom-width: 1px;
+}
+
+		#isdk .border-t {
+	border-top-width: 1px;
+}
+
+		#isdk .border-solid {
+	border-style: solid;
+}
+
+		#isdk .border-dashed {
+	border-style: dashed;
+}
+
+		#isdk .border-accent-9 {
+	border-color: var(--i-color-a-9);
+}
+
+		#isdk .border-divider {
+	border-color: var(--i-color-divider);
+}
+
+		#isdk .border-neutral-5 {
+	border-color: var(--i-color-n-5);
+}
+
+		#isdk .border-neutral-8 {
+	border-color: var(--i-color-n-8);
+}
+
+		#isdk .border-transparent {
+	border-color: transparent;
+}
+
+		#isdk .border-b-neutral-3 {
+	border-bottom-color: var(--i-color-n-3);
+}
+
+		#isdk .border-b-neutral-5 {
+	border-bottom-color: var(--i-color-n-5);
+}
+
+		#isdk .border-b-transparent {
+	border-bottom-color: transparent;
+}
+
+		#isdk .bg-accent-1 {
+	background-color: var(--i-color-a-1);
+}
+
+		#isdk .bg-accent-3 {
+	background-color: var(--i-color-a-3);
+}
+
+		#isdk .bg-accent-9 {
+	background-color: var(--i-color-a-9);
+}
+
+		#isdk .bg-bubble-weak-bg {
+	background-color: var(--i-bubble-weak-bg);
+}
+
+		#isdk .bg-lowest {
+	background-color: var(--i-color-lowest);
+}
+
+		#isdk .bg-neutral-1 {
+	background-color: var(--i-color-n-1);
+}
+
+		#isdk .bg-neutral-2 {
+	background-color: var(--i-color-n-2);
+}
+
+		#isdk .bg-neutral-3 {
+	background-color: var(--i-color-n-3);
+}
+
+		#isdk .bg-overlay {
+	background-color: var(--i-overlay-bg);
+}
+
+		#isdk .bg-statusbar {
+	background-color: var(--i-status-bar-bg);
+}
+
+		#isdk .bg-transparent {
+	background-color: transparent;
+}
+
+		#isdk .p-1 {
+	padding: 0.25rem;
+}
+
+		#isdk .p-1\.5 {
+	padding: 0.375rem;
+}
+
+		#isdk .p-2 {
+	padding: 0.5rem;
+}
+
+		#isdk .p-2\.5 {
+	padding: 0.625rem;
+}
+
+		#isdk .p-4 {
+	padding: 1rem;
+}
+
+		#isdk .px-1 {
+	padding-left: 0.25rem;
+	padding-right: 0.25rem;
+}
+
+		#isdk .px-2 {
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+}
+
+		#isdk .px-2\.5 {
+	padding-left: 0.625rem;
+	padding-right: 0.625rem;
+}
+
+		#isdk .px-3 {
+	padding-left: 0.75rem;
+	padding-right: 0.75rem;
+}
+
+		#isdk .px-4 {
+	padding-left: 1rem;
+	padding-right: 1rem;
+}
+
+		#isdk .px-5 {
+	padding-left: 1.25rem;
+	padding-right: 1.25rem;
+}
+
+		#isdk .py-0 {
+	padding-top: 0px;
+	padding-bottom: 0px;
+}
+
+		#isdk .py-0\.5 {
+	padding-top: 0.125rem;
+	padding-bottom: 0.125rem;
+}
+
+		#isdk .py-1 {
+	padding-top: 0.25rem;
+	padding-bottom: 0.25rem;
+}
+
+		#isdk .py-1\.5 {
+	padding-top: 0.375rem;
+	padding-bottom: 0.375rem;
+}
+
+		#isdk .py-2 {
+	padding-top: 0.5rem;
+	padding-bottom: 0.5rem;
+}
+
+		#isdk .py-2\.5 {
+	padding-top: 0.625rem;
+	padding-bottom: 0.625rem;
+}
+
+		#isdk .py-3 {
+	padding-top: 0.75rem;
+	padding-bottom: 0.75rem;
+}
+
+		#isdk .py-\[6px\] {
+	padding-top: 6px;
+	padding-bottom: 6px;
+}
+
+		#isdk .pb-2 {
+	padding-bottom: 0.5rem;
+}
+
+		#isdk .pb-6 {
+	padding-bottom: 1.5rem;
+}
+
+		#isdk .pl-1 {
+	padding-left: 0.25rem;
+}
+
+		#isdk .pl-1\.5 {
+	padding-left: 0.375rem;
+}
+
+		#isdk .pl-2 {
+	padding-left: 0.5rem;
+}
+
+		#isdk .pl-4 {
+	padding-left: 1rem;
+}
+
+		#isdk .pr-1 {
+	padding-right: 0.25rem;
+}
+
+		#isdk .pr-2 {
+	padding-right: 0.5rem;
+}
+
+		#isdk .pr-2\.5 {
+	padding-right: 0.625rem;
+}
+
+		#isdk .pr-3 {
+	padding-right: 0.75rem;
+}
+
+		#isdk .pr-4 {
+	padding-right: 1rem;
+}
+
+		#isdk .pt-3 {
+	padding-top: 0.75rem;
+}
+
+		#isdk .pt-5 {
+	padding-top: 1.25rem;
+}
+
+		#isdk .pt-\[calc\(var\(--header-height\)\+1rem\)\] {
+	padding-top: calc(var(--header-height) + 1rem);
+}
+
+		#isdk .text-center {
+	text-align: center;
+}
+
+		#isdk .text-right {
+	text-align: right;
+}
+
+		#isdk .text-justify {
+	text-align: justify;
+}
+
+		#isdk .text-\[10px\] {
+	font-size: 10px;
+}
+
+		#isdk .text-\[11px\] {
+	font-size: 11px;
+}
+
+		#isdk .text-base {
+	font-size: 1rem;
+	line-height: 1.5rem;
+}
+
+		#isdk .text-sm {
+	font-size: 0.875rem;
+	line-height: 1.25rem;
+}
+
+		#isdk .text-xs {
+	font-size: 0.75rem;
+	line-height: 1rem;
+}
+
+		#isdk .font-bold {
+	font-weight: 700;
+}
+
+		#isdk .font-medium {
+	font-weight: 500;
+}
+
+		#isdk .uppercase {
+	text-transform: uppercase;
+}
+
+		#isdk .lowercase {
+	text-transform: lowercase;
+}
+
+		#isdk .capitalize {
+	text-transform: capitalize;
+}
+
+		#isdk .italic {
+	font-style: italic;
+}
+
+		#isdk .ordinal {
+	--tw-ordinal: ordinal;
+	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
+		#isdk .leading-3 {
+	line-height: .75rem;
+}
+
+		#isdk .leading-snug {
+	line-height: 1.375;
+}
+
+		#isdk .tracking-\[-0\.01em\] {
+	letter-spacing: -0.01em;
+}
+
+		#isdk .tracking-tight {
+	letter-spacing: -0.025em;
+}
+
+		#isdk .tracking-wide {
+	letter-spacing: 0.025em;
+}
+
+		#isdk .tracking-widest {
+	letter-spacing: 0.1em;
+}
+
+		#isdk .text-\[\#4CAF50\] {
+	--tw-text-opacity: 1;
+	color: rgb(76 175 80 / var(--tw-text-opacity));
+}
+
+		#isdk .text-\[\#FFC107\] {
+	--tw-text-opacity: 1;
+	color: rgb(255 193 7 / var(--tw-text-opacity));
+}
+
+		#isdk .text-accent-11 {
+	color: var(--i-color-a-11);
+}
+
+		#isdk .text-accent-12 {
+	color: var(--i-color-a-12);
+}
+
+		#isdk .text-accent-9 {
+	color: var(--i-color-a-9);
+}
+
+		#isdk .text-error-11 {
+	color: var(--i-color-e-11);
+}
+
+		#isdk .text-error-9 {
+	color: var(--i-color-e-9);
+}
+
+		#isdk .text-interactive-copy {
+	color: var(--i-interactive-copy);
+}
+
+		#isdk .text-neutral-10 {
+	color: var(--i-color-n-10);
+}
+
+		#isdk .text-neutral-11 {
+	color: var(--i-color-n-11);
+}
+
+		#isdk .text-neutral-12 {
+	color: var(--i-color-n-12);
+}
+
+		#isdk .text-neutral-6 {
+	color: var(--i-color-n-6);
+}
+
+		#isdk .text-neutral-8 {
+	color: var(--i-color-n-8);
+}
+
+		#isdk .text-neutral-9 {
+	color: var(--i-color-n-9);
+}
+
+		#isdk .text-white {
+	--tw-text-opacity: 1;
+	color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+		#isdk .underline {
+	text-decoration-line: underline;
+}
+
+		#isdk .no-underline {
+	text-decoration-line: none;
+}
+
+		#isdk .underline-offset-2 {
+	text-underline-offset: 2px;
+}
+
+		#isdk .caret-accent-9 {
+	caret-color: var(--i-color-a-9);
+}
+
+		#isdk .shadow {
+	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#isdk .shadow-surface-md {
+	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 6px 4px 0px oklch(0% 0 0 / 0.01);
+	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#isdk .shadow-surface-sm {
+	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 4px 4px 0px oklch(0% 0 0 / 0.02);
+	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+		#isdk .shadow-bubble-strong-shadow {
+	--tw-shadow-color: var(--i-bubble-strong-shadow);
+	--tw-shadow: var(--tw-shadow-colored);
+}
+
+		#isdk .outline-none {
+	outline: 2px solid transparent;
+	outline-offset: 2px;
+}
+
+		#isdk .outline {
+	outline-style: solid;
+}
+
+		#isdk .outline-1 {
+	outline-width: 1px;
+}
+
+		#isdk .outline-2 {
+	outline-width: 2px;
+}
+
+		#isdk .outline-accent-4 {
+	outline-color: var(--i-color-a-4);
+}
+
+		#isdk .outline-bubble-weak {
+	outline-color: var(--i-bubble-weak-outline);
+}
+
+		#isdk .outline-divider {
+	outline-color: var(--i-color-divider);
+}
+
+		#isdk .outline-neutral-3 {
+	outline-color: var(--i-color-n-3);
+}
+
+		#isdk .outline-neutral-6 {
+	outline-color: var(--i-color-n-6);
+}
+
+		#isdk .ring-0 {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#isdk .ring-1 {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#isdk .ring-2 {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#isdk .ring-accent-6 {
+	--tw-ring-color: var(--i-color-a-6);
+}
+
+		#isdk .ring-divider {
+	--tw-ring-color: var(--i-color-divider);
+}
+
+		#isdk .ring-lowest {
+	--tw-ring-color: var(--i-color-lowest);
+}
+
+		#isdk .ring-transparent {
+	--tw-ring-color: transparent;
+}
+
+		#isdk .ring-offset-\[1\.5px\] {
+	--tw-ring-offset-width: 1.5px;
+}
+
+		#isdk .ring-offset-neutral-1 {
+	--tw-ring-offset-color: var(--i-color-n-1);
+}
+
+		#isdk .blur {
+	--tw-blur: blur(8px);
+	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+		#isdk .drop-shadow-\[0_1\.5px_var\(--i-color-n-1\)\] {
+	--tw-drop-shadow: drop-shadow(0 1.5px var(--i-color-n-1));
+	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+		#isdk .grayscale {
+	--tw-grayscale: grayscale(100%);
+	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+		#isdk .invert {
+	--tw-invert: invert(100%);
+	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+		#isdk .sepia {
+	--tw-sepia: sepia(100%);
+	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+		#isdk .filter {
+	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+		#isdk .backdrop-blur-md {
+	--tw-backdrop-blur: blur(12px);
+	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+		#isdk .backdrop-blur-xl {
+	--tw-backdrop-blur: blur(24px);
+	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+		#isdk .backdrop-saturate-150 {
+	--tw-backdrop-saturate: saturate(1.5);
+	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+		#isdk .backdrop-filter {
+	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+		#isdk .transition {
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
+
+		#isdk .transition-all {
+	transition-property: all;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
+
+		#isdk .transition-colors {
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
+
+		#isdk .duration-100 {
+	transition-duration: 100ms;
+}
+
+		#isdk .duration-1000 {
+	transition-duration: 1000ms;
+}
+
+		#isdk .duration-300 {
+	transition-duration: 300ms;
+}
+
+		#isdk .duration-700 {
+	transition-duration: 700ms;
+}
+
+		#isdk .ease-expo-out {
+	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+		#isdk .ease-in-out {
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+		#isdk .will-change-\[height\] {
+	will-change: height;
+}
+
+		#isdk .text-wrap-balance {
+	text-wrap: balance;
+}
+
+		#isdk .fr {
+	outline: none;
+}
+
+		#isdk .fr:focus {
+	outline: none;
+}
+
+		#isdk .fr:focus-visible {
+	outline: none;
+	--tw-ring-offset-width: 1px;
+	--tw-ring-offset-color: var(--i-color-lowest);
+	--tw-ring-opacity: 1;
+	--tw-ring-color: var(--i-color-a-9);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#isdk .gutter-stable {
+	scrollbar-gutter: stable;
+}
+
+		#isdk .hide-scrollbars::-webkit-scrollbar {
+	display: none;
+}
+
+		#isdk .hide-scrollbars {
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+}
+
+		#isdk .touch-hitbox::before {
+	content: '';
+	position: absolute;
+	display: block;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: 100%;
+	height: 100%;
+	min-height: 44px;
+	min-width: 44px;
+	z-index: 9999;
+}
+
+		#isdk .\[a-zA-Z0-9-_\:\.\$\@\?\] {
+	a-z-a--z0-9-_: .$@?;
+}
+
+		#isdk .\[grid-template-columns\:min-content_1fr\] {
+	grid-template-columns: min-content 1fr;
+}
+
+		#isdk .\[text-wrap\:pretty\] {
+	text-wrap: pretty;
+}
+
+		#isdk .selection\:bg-accent-4 *::-moz-selection {
+	background-color: var(--i-color-a-4);
+}
+
+		#isdk .selection\:bg-accent-4 *::selection {
+	background-color: var(--i-color-a-4);
+}
+
+		#isdk .selection\:bg-transparent *::-moz-selection {
+	background-color: transparent;
+}
+
+		#isdk .selection\:bg-transparent *::selection {
+	background-color: transparent;
+}
+
+		#isdk .selection\:text-accent-12 *::-moz-selection {
+	color: var(--i-color-a-12);
+}
+
+		#isdk .selection\:text-accent-12 *::selection {
+	color: var(--i-color-a-12);
+}
+
+		#isdk .selection\:bg-accent-4::-moz-selection {
+	background-color: var(--i-color-a-4);
+}
+
+		#isdk .selection\:bg-accent-4::selection {
+	background-color: var(--i-color-a-4);
+}
+
+		#isdk .selection\:bg-transparent::-moz-selection {
+	background-color: transparent;
+}
+
+		#isdk .selection\:bg-transparent::selection {
+	background-color: transparent;
+}
+
+		#isdk .selection\:text-accent-12::-moz-selection {
+	color: var(--i-color-a-12);
+}
+
+		#isdk .selection\:text-accent-12::selection {
+	color: var(--i-color-a-12);
+}
+
+		#isdk .placeholder\:text-neutral-10::-moz-placeholder {
+	color: var(--i-color-n-10);
+}
+
+		#isdk .placeholder\:text-neutral-10::placeholder {
+	color: var(--i-color-n-10);
+}
+
+		#isdk .placeholder\:text-neutral-8::-moz-placeholder {
+	color: var(--i-color-n-8);
+}
+
+		#isdk .placeholder\:text-neutral-8::placeholder {
+	color: var(--i-color-n-8);
+}
+
+		#isdk .hover\:border-accent-10:hover {
+	border-color: var(--i-color-a-10);
+}
+
+		#isdk .hover\:border-neutral-5:hover {
+	border-color: var(--i-color-n-5);
+}
+
+		#isdk .hover\:bg-accent-10:hover {
+	background-color: var(--i-color-a-10);
+}
+
+		#isdk .hover\:bg-interactive-bg-hover:hover {
+	background-color: var(--i-interactive-bg-hover);
+}
+
+		#isdk .hover\:bg-neutral-3:hover {
+	background-color: var(--i-color-n-3);
+}
+
+		#isdk .hover\:bg-neutral-4:hover {
+	background-color: var(--i-color-n-4);
+}
+
+		#isdk .hover\:text-interactive-copy-hover:hover {
+	color: var(--i-interactive-copy-hover);
+}
+
+		#isdk .hover\:text-neutral-12:hover {
+	color: var(--i-color-n-12);
+}
+
+		#isdk .hover\:ring-accent-8:hover {
+	--tw-ring-color: var(--i-color-a-8);
+}
+
+		#isdk .focus\:bg-neutral-5:focus {
+	background-color: var(--i-color-n-5);
+}
+
+		#isdk .focus\:outline-none:focus {
+	outline: 2px solid transparent;
+	outline-offset: 2px;
+}
+
+		#isdk .focus-visible\:outline-2:focus-visible {
+	outline-width: 2px;
+}
+
+		#isdk .focus-visible\:outline-accent-7:focus-visible {
+	outline-color: var(--i-color-a-7);
+}
+
+		#isdk .focus-visible\:outline-accent-8:focus-visible {
+	outline-color: var(--i-color-a-8);
+}
+
+		#isdk .focus-visible\:ring-4:focus-visible {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#isdk .focus-visible\:ring-offset-2:focus-visible {
+	--tw-ring-offset-width: 2px;
+}
+
+		#isdk .active\:border-submit-bg-active:active {
+	border-color: var(--i-submit-button-bg-active);
+}
+
+		#isdk .active\:bg-accent-10:active {
+	background-color: var(--i-color-a-10);
+}
+
+		#isdk .active\:bg-accent-2:active {
+	background-color: var(--i-color-a-2);
+}
+
+		#isdk .active\:bg-interactive-bg-active:active {
+	background-color: var(--i-interactive-bg-active);
+}
+
+		#isdk .active\:bg-submit-bg-active:active {
+	background-color: var(--i-submit-button-bg-active);
+}
+
+		#isdk .active\:text-accent-10:active {
+	color: var(--i-color-a-10);
+}
+
+		#isdk .active\:text-accent-11:active {
+	color: var(--i-color-a-11);
+}
+
+		#isdk .active\:text-interactive-copy-active:active {
+	color: var(--i-interactive-copy-active);
+}
+
+		#isdk .active\:outline-neutral-10:active {
+	outline-color: var(--i-color-n-10);
+}
+
+		#isdk .active\:ring-2:active {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#isdk .active\:ring-accent-7:active {
+	--tw-ring-color: var(--i-color-a-7);
+}
+
+		#isdk .active\:ring-offset-2:active {
+	--tw-ring-offset-width: 2px;
+}
+
+		#isdk .disabled\:cursor-not-allowed:disabled {
+	cursor: not-allowed;
+}
+
+		#isdk .disabled\:opacity-50:disabled {
+	opacity: 0.5;
+}
+
+		#isdk .peer:checked ~ .peer-checked\:bg-accent-2 {
+	background-color: var(--i-color-a-2);
+}
+
+		#isdk .peer:checked ~ .peer-checked\:text-accent-9 {
+	color: var(--i-color-a-9);
+}
+
+		#isdk .peer:checked ~ .peer-checked\:outline-accent-7 {
+	outline-color: var(--i-color-a-7);
+}
+
+		#isdk .peer:focus-visible ~ .peer-focus-visible\:ring-4 {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+		#isdk .peer:focus-visible ~ .peer-focus-visible\:ring-accent-7 {
+	--tw-ring-color: var(--i-color-a-7);
+}
+
+		#isdk .peer:focus-visible ~ .peer-focus-visible\:ring-offset-2 {
+	--tw-ring-offset-width: 2px;
+}
+
+		@media (pointer: coarse) {
+
+	#isdk .pointer-coarse\:touch-hitbox\:\:before::before {
+		content: '';
+		position: absolute;
+		display: block;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 100%;
+		height: 100%;
+		min-height: 44px;
+		min-width: 44px;
+		z-index: 9999;
+	}
+}
+
+		#isdk .\[\&\:has\(\+\*\>input\:focus\)\]\:text-neutral-11:has(+*>input:focus) {
+	color: var(--i-color-n-11);
+}