@inploi/plugin-chatbot 3.16.1 → 3.17.1

package/dist/style.css

@@ -20,6 +20,20 @@
 	--i-e-10: 347 70% 55%;
 	--i-e-11: 345 70% 47%;
 	--i-e-12: 344 63% 24%;
+
+	--header-height: 44px;
+
+	--content-height: calc(100vh - 64px);
+	--content-height: calc(100svh - 64px);
+}
+
+	@media screen and (min-width: 768px) {#isdk {
+		--content-height: min(640px, calc(100vh - 16px));
+		--content-height: min(640px, calc(100svh - 16px))
+}
+	}
+
+	#isdk {
 		--tw-content: '';
 		font-family:
 			system-ui,
@@ -35,7 +49,7 @@
 			sans-serif;
 }
 
-		#isdk * {
+	#isdk * {
 			font-weight: inherit;
 			font-style: inherit;
 			box-sizing: border-box;
@@ -45,29 +59,29 @@
 			-webkit-tap-highlight-color: transparent;
 		}
 
-		#isdk ::before,
+	#isdk ::before,
 		#isdk ::after {
 			box-sizing: border-box;
 		}
 
-		#isdk :is(ul, ol) {
+	#isdk :is(ul, ol) {
 			list-style: none;
 			padding: 0;
 			margin: 0;
 		}
 
-		#isdk :is(p) {
+	#isdk :is(p) {
 			margin: 0;
 			padding: 0;
 		}
 
-		#isdk :is(li) {
+	#isdk :is(li) {
 			margin: 0;
 			padding: 0;
 			list-style: none;
 		}
 
-		#isdk :is(button) {
+	#isdk :is(button) {
 			margin: 0;
 			padding: 0;
 			border: unset;
@@ -75,7 +89,7 @@
 			text-align: unset;
 		}
 
-		#isdk *, #isdk ::before, #isdk ::after {
+	#isdk *, #isdk ::before, #isdk ::after {
 	--tw-border-spacing-x: 0;
 	--tw-border-spacing-y: 0;
 	--tw-translate-x: 0;
@@ -125,7 +139,7 @@
 	--tw-backdrop-sepia:  ;
 }
 
-		#isdk ::backdrop {
+	#isdk ::backdrop {
 	--tw-border-spacing-x: 0;
 	--tw-border-spacing-y: 0;
 	--tw-translate-x: 0;
@@ -175,46 +189,46 @@
 	--tw-backdrop-sepia:  ;
 }
 
-		#isdk .container {
+	#isdk .container {
 	width: 100%;
 }
 
-		@media (min-width: 640px) {
+	@media (min-width: 640px) {
 
 	#isdk .container {
 		max-width: 640px;
 	}
 }
 
-		@media (min-width: 768px) {
+	@media (min-width: 768px) {
 
 	#isdk .container {
 		max-width: 768px;
 	}
 }
 
-		@media (min-width: 1024px) {
+	@media (min-width: 1024px) {
 
 	#isdk .container {
 		max-width: 1024px;
 	}
 }
 
-		@media (min-width: 1280px) {
+	@media (min-width: 1280px) {
 
 	#isdk .container {
 		max-width: 1280px;
 	}
 }
 
-		@media (min-width: 1536px) {
+	@media (min-width: 1536px) {
 
 	#isdk .container {
 		max-width: 1536px;
 	}
 }
 
-		#isdk .sr-only {
+	#isdk .sr-only {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -226,301 +240,301 @@
 	border-width: 0;
 }
 
-		#isdk .pointer-events-none {
+	#isdk .pointer-events-none {
 	pointer-events: none;
 }
 
-		#isdk .visible {
+	#isdk .visible {
 	visibility: visible;
 }
 
-		#isdk .collapse {
+	#isdk .collapse {
 	visibility: collapse;
 }
 
-		#isdk .static {
+	#isdk .static {
 	position: static;
 }
 
-		#isdk .fixed {
+	#isdk .fixed {
 	position: fixed;
 }
 
-		#isdk .absolute {
+	#isdk .absolute {
 	position: absolute;
 }
 
-		#isdk .relative {
+	#isdk .relative {
 	position: relative;
 }
 
-		#isdk .sticky {
+	#isdk .sticky {
 	position: sticky;
 }
 
-		#isdk .inset-0 {
+	#isdk .inset-0 {
 	inset: 0px;
 }
 
-		#isdk .bottom-0 {
+	#isdk .bottom-0 {
 	bottom: 0px;
 }
 
-		#isdk .bottom-2 {
+	#isdk .bottom-2 {
 	bottom: 0.5rem;
 }
 
-		#isdk .bottom-2\.5 {
+	#isdk .bottom-2\.5 {
 	bottom: 0.625rem;
 }
 
-		#isdk .left-0 {
+	#isdk .left-0 {
 	left: 0px;
 }
 
-		#isdk .left-2 {
+	#isdk .left-2 {
 	left: 0.5rem;
 }
 
-		#isdk .right-0 {
+	#isdk .right-0 {
 	right: 0px;
 }
 
-		#isdk .right-2 {
+	#isdk .right-2 {
 	right: 0.5rem;
 }
 
-		#isdk .right-3 {
+	#isdk .right-3 {
 	right: 0.75rem;
 }
 
-		#isdk .top-0 {
+	#isdk .top-0 {
 	top: 0px;
 }
 
-		#isdk .isolate {
+	#isdk .isolate {
 	isolation: isolate;
 }
 
-		#isdk .z-20 {
+	#isdk .z-20 {
 	z-index: 20;
 }
 
-		#isdk .m-0 {
+	#isdk .m-0 {
 	margin: 0px;
 }
 
-		#isdk .mx-auto {
+	#isdk .mx-auto {
 	margin-left: auto;
 	margin-right: auto;
 }
 
-		#isdk .mb-1 {
+	#isdk .mb-1 {
 	margin-bottom: 0.25rem;
 }
 
-		#isdk .ml-auto {
+	#isdk .ml-auto {
 	margin-left: auto;
 }
 
-		#isdk .mt-auto {
+	#isdk .mt-auto {
 	margin-top: auto;
 }
 
-		#isdk .block {
+	#isdk .block {
 	display: block;
 }
 
-		#isdk .inline-block {
+	#isdk .inline-block {
 	display: inline-block;
 }
 
-		#isdk .inline {
+	#isdk .inline {
 	display: inline;
 }
 
-		#isdk .flex {
+	#isdk .flex {
 	display: flex;
 }
 
-		#isdk .inline-flex {
+	#isdk .inline-flex {
 	display: inline-flex;
 }
 
-		#isdk .table {
+	#isdk .table {
 	display: table;
 }
 
-		#isdk .table-row {
+	#isdk .table-row {
 	display: table-row;
 }
 
-		#isdk .flow-root {
+	#isdk .flow-root {
 	display: flow-root;
 }
 
-		#isdk .grid {
+	#isdk .grid {
 	display: grid;
 }
 
-		#isdk .inline-grid {
+	#isdk .inline-grid {
 	display: inline-grid;
 }
 
-		#isdk .contents {
+	#isdk .contents {
 	display: contents;
 }
 
-		#isdk .list-item {
+	#isdk .list-item {
 	display: list-item;
 }
 
-		#isdk .\!hidden {
+	#isdk .\!hidden {
 	display: none !important;
 }
 
-		#isdk .hidden {
+	#isdk .hidden {
 	display: none;
 }
 
-		#isdk .h-1 {
+	#isdk .h-1 {
 	height: 0.25rem;
 }
 
-		#isdk .h-1\.5 {
+	#isdk .h-1\.5 {
 	height: 0.375rem;
 }
 
-		#isdk .h-16 {
+	#isdk .h-16 {
 	height: 4rem;
 }
 
-		#isdk .h-4 {
+	#isdk .h-4 {
 	height: 1rem;
 }
 
-		#isdk .h-48 {
+	#isdk .h-48 {
 	height: 12rem;
 }
 
-		#isdk .h-8 {
+	#isdk .h-8 {
 	height: 2rem;
 }
 
-		#isdk .h-\[3px\] {
+	#isdk .h-\[3px\] {
 	height: 3px;
 }
 
-		#isdk .h-\[var\(--content-height\)\] {
+	#isdk .h-\[var\(--content-height\)\] {
 	height: var(--content-height);
 }
 
-		#isdk .h-\[var\(--header-height\)\] {
+	#isdk .h-\[var\(--header-height\)\] {
 	height: var(--header-height);
 }
 
-		#isdk .h-full {
+	#isdk .h-full {
 	height: 100%;
 }
 
-		#isdk .max-h-full {
+	#isdk .max-h-full {
 	max-height: 100%;
 }
 
-		#isdk .min-h-\[36px\] {
+	#isdk .min-h-\[36px\] {
 	min-height: 36px;
 }
 
-		#isdk .w-1 {
+	#isdk .w-1 {
 	width: 0.25rem;
 }
 
-		#isdk .w-1\.5 {
+	#isdk .w-1\.5 {
 	width: 0.375rem;
 }
 
-		#isdk .w-16 {
+	#isdk .w-16 {
 	width: 4rem;
 }
 
-		#isdk .w-24 {
+	#isdk .w-24 {
 	width: 6rem;
 }
 
-		#isdk .w-4 {
+	#isdk .w-4 {
 	width: 1rem;
 }
 
-		#isdk .w-8 {
+	#isdk .w-8 {
 	width: 2rem;
 }
 
-		#isdk .w-full {
+	#isdk .w-full {
 	width: 100%;
 }
 
-		#isdk .min-w-0 {
+	#isdk .min-w-0 {
 	min-width: 0px;
 }
 
-		#isdk .min-w-\[2rem\] {
+	#isdk .min-w-\[2rem\] {
 	min-width: 2rem;
 }
 
-		#isdk .max-w-\[450px\] {
+	#isdk .max-w-\[450px\] {
 	max-width: 450px;
 }
 
-		#isdk .max-w-\[min\(100\%\2c 24rem\)\] {
+	#isdk .max-w-\[min\(100\%\2c 24rem\)\] {
 	max-width: min(100%,24rem);
 }
 
-		#isdk .max-w-full {
+	#isdk .max-w-full {
 	max-width: 100%;
 }
 
-		#isdk .flex-1 {
+	#isdk .flex-1 {
 	flex: 1 1 0%;
 }
 
-		#isdk .flex-none {
+	#isdk .flex-none {
 	flex: none;
 }
 
-		#isdk .flex-shrink {
+	#isdk .flex-shrink {
 	flex-shrink: 1;
 }
 
-		#isdk .flex-shrink-0 {
+	#isdk .flex-shrink-0 {
 	flex-shrink: 0;
 }
 
-		#isdk .shrink {
+	#isdk .shrink {
 	flex-shrink: 1;
 }
 
-		#isdk .flex-grow {
+	#isdk .flex-grow {
 	flex-grow: 1;
 }
 
-		#isdk .grow {
+	#isdk .grow {
 	flex-grow: 1;
 }
 
-		#isdk .border-collapse {
+	#isdk .border-collapse {
 	border-collapse: collapse;
 }
 
-		#isdk .translate-y-full {
+	#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 {
+	#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 {
+	@keyframes bounce {
 
 	0%, 100% {
 		transform: translateY(-25%);
@@ -533,11 +547,11 @@
 	}
 }
 
-		#isdk .animate-bounce {
+	#isdk .animate-bounce {
 	animation: bounce 1s infinite;
 }
 
-		@keyframes bubble-in {
+	@keyframes bubble-in {
 
 	from {
 		transform: translateY(100%) scale(0.8);
@@ -550,11 +564,11 @@
 	}
 }
 
-		#isdk .animate-bubble-in {
+	#isdk .animate-bubble-in {
 	animation: bubble-in 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 
-		@keyframes fade-in {
+	@keyframes fade-in {
 
 	from {
 		opacity: 0;
@@ -565,11 +579,11 @@
 	}
 }
 
-		#isdk .animate-fade-in {
+	#isdk .animate-fade-in {
 	animation: fade-in 500ms cubic-bezier(0.16, 1, 0.3, 1) both;
 }
 
-		@keyframes maximise {
+	@keyframes maximise {
 
 	from {
 		transform: translateY(50%);
@@ -582,11 +596,11 @@
 	}
 }
 
-		#isdk .animate-maximise {
+	#isdk .animate-maximise {
 	animation: maximise 400ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
-		@keyframes slide-in-bottom {
+	@keyframes slide-in-bottom {
 
 	from {
 		transform: translateY(-100%);
@@ -597,717 +611,717 @@
 	}
 }
 
-		#isdk .animate-slide-in-bottom {
+	#isdk .animate-slide-in-bottom {
 	animation: slide-in-bottom 300ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
-		#isdk .cursor-pointer {
+	#isdk .cursor-pointer {
 	cursor: pointer;
 }
 
-		#isdk .select-none {
+	#isdk .select-none {
 	-webkit-user-select: none;
 	   -moz-user-select: none;
 	        user-select: none;
 }
 
-		#isdk .resize {
+	#isdk .resize {
 	resize: both;
 }
 
-		#isdk .appearance-none {
+	#isdk .appearance-none {
 	-webkit-appearance: none;
 	   -moz-appearance: none;
 	        appearance: none;
 }
 
-		#isdk .flex-col {
+	#isdk .flex-col {
 	flex-direction: column;
 }
 
-		#isdk .flex-wrap {
+	#isdk .flex-wrap {
 	flex-wrap: wrap;
 }
 
-		#isdk .items-center {
+	#isdk .items-center {
 	align-items: center;
 }
 
-		#isdk .items-stretch {
+	#isdk .items-stretch {
 	align-items: stretch;
 }
 
-		#isdk .justify-end {
+	#isdk .justify-end {
 	justify-content: flex-end;
 }
 
-		#isdk .justify-center {
+	#isdk .justify-center {
 	justify-content: center;
 }
 
-		#isdk .gap-0 {
+	#isdk .gap-0 {
 	gap: 0px;
 }
 
-		#isdk .gap-1 {
+	#isdk .gap-1 {
 	gap: 0.25rem;
 }
 
-		#isdk .gap-1\.5 {
+	#isdk .gap-1\.5 {
 	gap: 0.375rem;
 }
 
-		#isdk .gap-2 {
+	#isdk .gap-2 {
 	gap: 0.5rem;
 }
 
-		#isdk .gap-3 {
+	#isdk .gap-3 {
 	gap: 0.75rem;
 }
 
-		#isdk .gap-4 {
+	#isdk .gap-4 {
 	gap: 1rem;
 }
 
-		#isdk .gap-px {
+	#isdk .gap-px {
 	gap: 1px;
 }
 
-		#isdk .overflow-hidden {
+	#isdk .overflow-hidden {
 	overflow: hidden;
 }
 
-		#isdk .overflow-y-auto {
+	#isdk .overflow-y-auto {
 	overflow-y: auto;
 }
 
-		#isdk .overflow-y-scroll {
+	#isdk .overflow-y-scroll {
 	overflow-y: scroll;
 }
 
-		#isdk .truncate {
+	#isdk .truncate {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
 
-		#isdk .break-words {
+	#isdk .break-words {
 	overflow-wrap: break-word;
 }
 
-		#isdk .rounded {
+	#isdk .rounded {
 	border-radius: 0.25rem;
 }
 
-		#isdk .rounded-2xl {
+	#isdk .rounded-2xl {
 	border-radius: 1rem;
 }
 
-		#isdk .rounded-3xl {
+	#isdk .rounded-3xl {
 	border-radius: 1.5rem;
 }
 
-		#isdk .rounded-\[18px\] {
+	#isdk .rounded-\[18px\] {
 	border-radius: 18px;
 }
 
-		#isdk .rounded-full {
+	#isdk .rounded-full {
 	border-radius: 9999px;
 }
 
-		#isdk .rounded-lg {
+	#isdk .rounded-lg {
 	border-radius: 0.5rem;
 }
 
-		#isdk .rounded-md {
+	#isdk .rounded-md {
 	border-radius: 0.375rem;
 }
 
-		#isdk .rounded-xl {
+	#isdk .rounded-xl {
 	border-radius: 0.75rem;
 }
 
-		#isdk .rounded-b-3xl {
+	#isdk .rounded-b-3xl {
 	border-bottom-right-radius: 1.5rem;
 	border-bottom-left-radius: 1.5rem;
 }
 
-		#isdk .rounded-bl-md {
+	#isdk .rounded-bl-md {
 	border-bottom-left-radius: 0.375rem;
 }
 
-		#isdk .rounded-br-md {
+	#isdk .rounded-br-md {
 	border-bottom-right-radius: 0.375rem;
 }
 
-		#isdk .border {
+	#isdk .border {
 	border-width: 1px;
 }
 
-		#isdk .border-b {
+	#isdk .border-b {
 	border-bottom-width: 1px;
 }
 
-		#isdk .border-t {
+	#isdk .border-t {
 	border-top-width: 1px;
 }
 
-		#isdk .border-solid {
+	#isdk .border-solid {
 	border-style: solid;
 }
 
-		#isdk .border-dashed {
+	#isdk .border-dashed {
 	border-style: dashed;
 }
 
-		#isdk .border-accent-9 {
+	#isdk .border-accent-9 {
 	border-color: var(--i-color-a-9);
 }
 
-		#isdk .border-divider {
+	#isdk .border-divider {
 	border-color: var(--i-color-divider);
 }
 
-		#isdk .border-neutral-5 {
+	#isdk .border-neutral-5 {
 	border-color: var(--i-color-n-5);
 }
 
-		#isdk .border-neutral-8 {
+	#isdk .border-neutral-8 {
 	border-color: var(--i-color-n-8);
 }
 
-		#isdk .border-transparent {
+	#isdk .border-transparent {
 	border-color: transparent;
 }
 
-		#isdk .border-b-neutral-3 {
+	#isdk .border-b-neutral-3 {
 	border-bottom-color: var(--i-color-n-3);
 }
 
-		#isdk .border-b-neutral-5 {
+	#isdk .border-b-neutral-5 {
 	border-bottom-color: var(--i-color-n-5);
 }
 
-		#isdk .border-b-transparent {
+	#isdk .border-b-transparent {
 	border-bottom-color: transparent;
 }
 
-		#isdk .bg-accent-1 {
+	#isdk .bg-accent-1 {
 	background-color: var(--i-color-a-1);
 }
 
-		#isdk .bg-accent-3 {
+	#isdk .bg-accent-3 {
 	background-color: var(--i-color-a-3);
 }
 
-		#isdk .bg-accent-9 {
+	#isdk .bg-accent-9 {
 	background-color: var(--i-color-a-9);
 }
 
-		#isdk .bg-bubble-weak-bg {
+	#isdk .bg-bubble-weak-bg {
 	background-color: var(--i-bubble-weak-bg);
 }
 
-		#isdk .bg-lowest {
+	#isdk .bg-lowest {
 	background-color: var(--i-color-lowest);
 }
 
-		#isdk .bg-neutral-1 {
+	#isdk .bg-neutral-1 {
 	background-color: var(--i-color-n-1);
 }
 
-		#isdk .bg-neutral-2 {
+	#isdk .bg-neutral-2 {
 	background-color: var(--i-color-n-2);
 }
 
-		#isdk .bg-neutral-3 {
+	#isdk .bg-neutral-3 {
 	background-color: var(--i-color-n-3);
 }
 
-		#isdk .bg-overlay {
+	#isdk .bg-overlay {
 	background-color: var(--i-overlay-bg);
 }
 
-		#isdk .bg-statusbar {
+	#isdk .bg-statusbar {
 	background-color: var(--i-status-bar-bg);
 }
 
-		#isdk .bg-transparent {
+	#isdk .bg-transparent {
 	background-color: transparent;
 }
 
-		#isdk .bg-none {
+	#isdk .bg-none {
 	background-image: none;
 }
 
-		#isdk .p-1 {
+	#isdk .p-1 {
 	padding: 0.25rem;
 }
 
-		#isdk .p-1\.5 {
+	#isdk .p-1\.5 {
 	padding: 0.375rem;
 }
 
-		#isdk .p-2 {
+	#isdk .p-2 {
 	padding: 0.5rem;
 }
 
-		#isdk .p-2\.5 {
+	#isdk .p-2\.5 {
 	padding: 0.625rem;
 }
 
-		#isdk .p-4 {
+	#isdk .p-4 {
 	padding: 1rem;
 }
 
-		#isdk .px-1 {
+	#isdk .px-1 {
 	padding-left: 0.25rem;
 	padding-right: 0.25rem;
 }
 
-		#isdk .px-2 {
+	#isdk .px-2 {
 	padding-left: 0.5rem;
 	padding-right: 0.5rem;
 }
 
-		#isdk .px-2\.5 {
+	#isdk .px-2\.5 {
 	padding-left: 0.625rem;
 	padding-right: 0.625rem;
 }
 
-		#isdk .px-3 {
+	#isdk .px-3 {
 	padding-left: 0.75rem;
 	padding-right: 0.75rem;
 }
 
-		#isdk .px-4 {
+	#isdk .px-4 {
 	padding-left: 1rem;
 	padding-right: 1rem;
 }
 
-		#isdk .px-5 {
+	#isdk .px-5 {
 	padding-left: 1.25rem;
 	padding-right: 1.25rem;
 }
 
-		#isdk .py-0 {
+	#isdk .py-0 {
 	padding-top: 0px;
 	padding-bottom: 0px;
 }
 
-		#isdk .py-0\.5 {
+	#isdk .py-0\.5 {
 	padding-top: 0.125rem;
 	padding-bottom: 0.125rem;
 }
 
-		#isdk .py-1 {
+	#isdk .py-1 {
 	padding-top: 0.25rem;
 	padding-bottom: 0.25rem;
 }
 
-		#isdk .py-1\.5 {
+	#isdk .py-1\.5 {
 	padding-top: 0.375rem;
 	padding-bottom: 0.375rem;
 }
 
-		#isdk .py-2 {
+	#isdk .py-2 {
 	padding-top: 0.5rem;
 	padding-bottom: 0.5rem;
 }
 
-		#isdk .py-2\.5 {
+	#isdk .py-2\.5 {
 	padding-top: 0.625rem;
 	padding-bottom: 0.625rem;
 }
 
-		#isdk .py-3 {
+	#isdk .py-3 {
 	padding-top: 0.75rem;
 	padding-bottom: 0.75rem;
 }
 
-		#isdk .py-\[6px\] {
+	#isdk .py-\[6px\] {
 	padding-top: 6px;
 	padding-bottom: 6px;
 }
 
-		#isdk .pb-2 {
+	#isdk .pb-2 {
 	padding-bottom: 0.5rem;
 }
 
-		#isdk .pb-6 {
+	#isdk .pb-6 {
 	padding-bottom: 1.5rem;
 }
 
-		#isdk .pl-1 {
+	#isdk .pl-1 {
 	padding-left: 0.25rem;
 }
 
-		#isdk .pl-1\.5 {
+	#isdk .pl-1\.5 {
 	padding-left: 0.375rem;
 }
 
-		#isdk .pl-2 {
+	#isdk .pl-2 {
 	padding-left: 0.5rem;
 }
 
-		#isdk .pl-4 {
+	#isdk .pl-4 {
 	padding-left: 1rem;
 }
 
-		#isdk .pr-1 {
+	#isdk .pr-1 {
 	padding-right: 0.25rem;
 }
 
-		#isdk .pr-2 {
+	#isdk .pr-2 {
 	padding-right: 0.5rem;
 }
 
-		#isdk .pr-2\.5 {
+	#isdk .pr-2\.5 {
 	padding-right: 0.625rem;
 }
 
-		#isdk .pr-3 {
+	#isdk .pr-3 {
 	padding-right: 0.75rem;
 }
 
-		#isdk .pr-4 {
+	#isdk .pr-4 {
 	padding-right: 1rem;
 }
 
-		#isdk .pt-3 {
+	#isdk .pt-3 {
 	padding-top: 0.75rem;
 }
 
-		#isdk .pt-5 {
+	#isdk .pt-5 {
 	padding-top: 1.25rem;
 }
 
-		#isdk .pt-\[calc\(var\(--header-height\)\+1rem\)\] {
+	#isdk .pt-\[calc\(var\(--header-height\)\+1rem\)\] {
 	padding-top: calc(var(--header-height) + 1rem);
 }
 
-		#isdk .text-center {
+	#isdk .text-center {
 	text-align: center;
 }
 
-		#isdk .text-right {
+	#isdk .text-right {
 	text-align: right;
 }
 
-		#isdk .text-justify {
+	#isdk .text-justify {
 	text-align: justify;
 }
 
-		#isdk .text-\[10px\] {
+	#isdk .text-\[10px\] {
 	font-size: 10px;
 }
 
-		#isdk .text-\[11px\] {
+	#isdk .text-\[11px\] {
 	font-size: 11px;
 }
 
-		#isdk .text-base {
+	#isdk .text-base {
 	font-size: 1rem;
 	line-height: 1.5rem;
 }
 
-		#isdk .text-sm {
+	#isdk .text-sm {
 	font-size: 0.875rem;
 	line-height: 1.25rem;
 }
 
-		#isdk .text-xs {
+	#isdk .text-xs {
 	font-size: 0.75rem;
 	line-height: 1rem;
 }
 
-		#isdk .font-bold {
+	#isdk .font-bold {
 	font-weight: 700;
 }
 
-		#isdk .font-medium {
+	#isdk .font-medium {
 	font-weight: 500;
 }
 
-		#isdk .uppercase {
+	#isdk .uppercase {
 	text-transform: uppercase;
 }
 
-		#isdk .lowercase {
+	#isdk .lowercase {
 	text-transform: lowercase;
 }
 
-		#isdk .capitalize {
+	#isdk .capitalize {
 	text-transform: capitalize;
 }
 
-		#isdk .italic {
+	#isdk .italic {
 	font-style: italic;
 }
 
-		#isdk .ordinal {
+	#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 {
+	#isdk .leading-3 {
 	line-height: .75rem;
 }
 
-		#isdk .leading-snug {
+	#isdk .leading-snug {
 	line-height: 1.375;
 }
 
-		#isdk .tracking-\[-0\.01em\] {
+	#isdk .tracking-\[-0\.01em\] {
 	letter-spacing: -0.01em;
 }
 
-		#isdk .tracking-tight {
+	#isdk .tracking-tight {
 	letter-spacing: -0.025em;
 }
 
-		#isdk .tracking-wide {
+	#isdk .tracking-wide {
 	letter-spacing: 0.025em;
 }
 
-		#isdk .tracking-widest {
+	#isdk .tracking-widest {
 	letter-spacing: 0.1em;
 }
 
-		#isdk .text-\[\#4CAF50\] {
+	#isdk .text-\[\#4CAF50\] {
 	--tw-text-opacity: 1;
 	color: rgb(76 175 80 / var(--tw-text-opacity));
 }
 
-		#isdk .text-\[\#FFC107\] {
+	#isdk .text-\[\#FFC107\] {
 	--tw-text-opacity: 1;
 	color: rgb(255 193 7 / var(--tw-text-opacity));
 }
 
-		#isdk .text-accent-11 {
+	#isdk .text-accent-11 {
 	color: var(--i-color-a-11);
 }
 
-		#isdk .text-accent-12 {
+	#isdk .text-accent-12 {
 	color: var(--i-color-a-12);
 }
 
-		#isdk .text-accent-9 {
+	#isdk .text-accent-9 {
 	color: var(--i-color-a-9);
 }
 
-		#isdk .text-error-11 {
+	#isdk .text-error-11 {
 	color: var(--i-color-e-11);
 }
 
-		#isdk .text-error-9 {
+	#isdk .text-error-9 {
 	color: var(--i-color-e-9);
 }
 
-		#isdk .text-interactive-copy {
+	#isdk .text-interactive-copy {
 	color: var(--i-interactive-copy);
 }
 
-		#isdk .text-neutral-10 {
+	#isdk .text-neutral-10 {
 	color: var(--i-color-n-10);
 }
 
-		#isdk .text-neutral-11 {
+	#isdk .text-neutral-11 {
 	color: var(--i-color-n-11);
 }
 
-		#isdk .text-neutral-12 {
+	#isdk .text-neutral-12 {
 	color: var(--i-color-n-12);
 }
 
-		#isdk .text-neutral-6 {
+	#isdk .text-neutral-6 {
 	color: var(--i-color-n-6);
 }
 
-		#isdk .text-neutral-8 {
+	#isdk .text-neutral-8 {
 	color: var(--i-color-n-8);
 }
 
-		#isdk .text-neutral-9 {
+	#isdk .text-neutral-9 {
 	color: var(--i-color-n-9);
 }
 
-		#isdk .text-white {
+	#isdk .text-white {
 	--tw-text-opacity: 1;
 	color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-		#isdk .underline {
+	#isdk .underline {
 	text-decoration-line: underline;
 }
 
-		#isdk .no-underline {
+	#isdk .no-underline {
 	text-decoration-line: none;
 }
 
-		#isdk .underline-offset-2 {
+	#isdk .underline-offset-2 {
 	text-underline-offset: 2px;
 }
 
-		#isdk .caret-accent-9 {
+	#isdk .caret-accent-9 {
 	caret-color: var(--i-color-a-9);
 }
 
-		#isdk .shadow {
+	#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 {
+	#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 {
+	#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 {
+	#isdk .shadow-bubble-strong-shadow {
 	--tw-shadow-color: var(--i-bubble-strong-shadow);
 	--tw-shadow: var(--tw-shadow-colored);
 }
 
-		#isdk .outline-none {
+	#isdk .outline-none {
 	outline: 2px solid transparent;
 	outline-offset: 2px;
 }
 
-		#isdk .outline {
+	#isdk .outline {
 	outline-style: solid;
 }
 
-		#isdk .outline-1 {
+	#isdk .outline-1 {
 	outline-width: 1px;
 }
 
-		#isdk .outline-2 {
+	#isdk .outline-2 {
 	outline-width: 2px;
 }
 
-		#isdk .outline-accent-4 {
+	#isdk .outline-accent-4 {
 	outline-color: var(--i-color-a-4);
 }
 
-		#isdk .outline-bubble-weak {
+	#isdk .outline-bubble-weak {
 	outline-color: var(--i-bubble-weak-outline);
 }
 
-		#isdk .outline-divider {
+	#isdk .outline-divider {
 	outline-color: var(--i-color-divider);
 }
 
-		#isdk .outline-neutral-3 {
+	#isdk .outline-neutral-3 {
 	outline-color: var(--i-color-n-3);
 }
 
-		#isdk .outline-neutral-6 {
+	#isdk .outline-neutral-6 {
 	outline-color: var(--i-color-n-6);
 }
 
-		#isdk .ring-0 {
+	#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 {
+	#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 {
+	#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 {
+	#isdk .ring-accent-6 {
 	--tw-ring-color: var(--i-color-a-6);
 }
 
-		#isdk .ring-divider {
+	#isdk .ring-divider {
 	--tw-ring-color: var(--i-color-divider);
 }
 
-		#isdk .ring-lowest {
+	#isdk .ring-lowest {
 	--tw-ring-color: var(--i-color-lowest);
 }
 
-		#isdk .ring-transparent {
+	#isdk .ring-transparent {
 	--tw-ring-color: transparent;
 }
 
-		#isdk .ring-offset-\[1\.5px\] {
+	#isdk .ring-offset-\[1\.5px\] {
 	--tw-ring-offset-width: 1.5px;
 }
 
-		#isdk .ring-offset-neutral-1 {
+	#isdk .ring-offset-neutral-1 {
 	--tw-ring-offset-color: var(--i-color-n-1);
 }
 
-		#isdk .blur {
+	#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\)\] {
+	#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 {
+	#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 {
+	#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 {
+	#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 {
+	#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 {
+	#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 {
+	#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 {
+	#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 {
+	#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 {
+	#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;
@@ -1315,59 +1329,59 @@
 	transition-duration: 150ms;
 }
 
-		#isdk .transition-all {
+	#isdk .transition-all {
 	transition-property: all;
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 	transition-duration: 150ms;
 }
 
-		#isdk .transition-colors {
+	#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 {
+	#isdk .duration-100 {
 	transition-duration: 100ms;
 }
 
-		#isdk .duration-1000 {
+	#isdk .duration-1000 {
 	transition-duration: 1000ms;
 }
 
-		#isdk .duration-300 {
+	#isdk .duration-300 {
 	transition-duration: 300ms;
 }
 
-		#isdk .duration-700 {
+	#isdk .duration-700 {
 	transition-duration: 700ms;
 }
 
-		#isdk .ease-expo-out {
+	#isdk .ease-expo-out {
 	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
 }
 
-		#isdk .ease-in-out {
+	#isdk .ease-in-out {
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-		#isdk .will-change-\[height\] {
+	#isdk .will-change-\[height\] {
 	will-change: height;
 }
 
-		#isdk .text-wrap-balance {
+	#isdk .text-wrap-balance {
 	text-wrap: balance;
 }
 
-		#isdk .fr {
+	#isdk .fr {
 	outline: none;
 }
 
-		#isdk .fr:focus {
+	#isdk .fr:focus {
 	outline: none;
 }
 
-		#isdk .fr:focus-visible {
+	#isdk .fr:focus-visible {
 	outline: none;
 	--tw-ring-offset-width: 1px;
 	--tw-ring-offset-color: var(--i-color-lowest);
@@ -1377,20 +1391,20 @@
 	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-		#isdk .gutter-stable {
+	#isdk .gutter-stable {
 	scrollbar-gutter: stable;
 }
 
-		#isdk .hide-scrollbars::-webkit-scrollbar {
+	#isdk .hide-scrollbars::-webkit-scrollbar {
 	display: none;
 }
 
-		#isdk .hide-scrollbars {
+	#isdk .hide-scrollbars {
 	scrollbar-width: none;
 	-ms-overflow-style: none;
 }
 
-		#isdk .touch-hitbox::before {
+	#isdk .touch-hitbox::before {
 	content: '';
 	position: absolute;
 	display: block;
@@ -1404,254 +1418,258 @@
 	z-index: 9999;
 }
 
-		#isdk .\[a-zA-Z0-9-_\:\.\$\@\?\] {
+	#isdk .\[-webkit-outer-spin-button\:none\] {
+	-webkit-outer-spin-button: none;
+}
+
+	#isdk .\[a-zA-Z0-9-_\:\.\$\@\?\] {
 	a-z-a--z0-9-_: .$@?;
 }
 
-		#isdk .\[grid-template-columns\:min-content_1fr\] {
+	#isdk .\[grid-template-columns\:min-content_1fr\] {
 	grid-template-columns: min-content 1fr;
 }
 
-		#isdk .\[text-wrap\:pretty\] {
+	#isdk .\[text-wrap\:pretty\] {
 	text-wrap: pretty;
 }
 
-		#isdk .selection\:bg-accent-4 *::-moz-selection {
+	#isdk .selection\:bg-accent-4 *::-moz-selection {
 	background-color: var(--i-color-a-4);
 }
 
-		#isdk .selection\:bg-accent-4 *::selection {
+	#isdk .selection\:bg-accent-4 *::selection {
 	background-color: var(--i-color-a-4);
 }
 
-		#isdk .selection\:bg-transparent *::-moz-selection {
+	#isdk .selection\:bg-transparent *::-moz-selection {
 	background-color: transparent;
 }
 
-		#isdk .selection\:bg-transparent *::selection {
+	#isdk .selection\:bg-transparent *::selection {
 	background-color: transparent;
 }
 
-		#isdk .selection\:text-accent-12 *::-moz-selection {
+	#isdk .selection\:text-accent-12 *::-moz-selection {
 	color: var(--i-color-a-12);
 }
 
-		#isdk .selection\:text-accent-12 *::selection {
+	#isdk .selection\:text-accent-12 *::selection {
 	color: var(--i-color-a-12);
 }
 
-		#isdk .selection\:bg-accent-4::-moz-selection {
+	#isdk .selection\:bg-accent-4::-moz-selection {
 	background-color: var(--i-color-a-4);
 }
 
-		#isdk .selection\:bg-accent-4::selection {
+	#isdk .selection\:bg-accent-4::selection {
 	background-color: var(--i-color-a-4);
 }
 
-		#isdk .selection\:bg-transparent::-moz-selection {
+	#isdk .selection\:bg-transparent::-moz-selection {
 	background-color: transparent;
 }
 
-		#isdk .selection\:bg-transparent::selection {
+	#isdk .selection\:bg-transparent::selection {
 	background-color: transparent;
 }
 
-		#isdk .selection\:text-accent-12::-moz-selection {
+	#isdk .selection\:text-accent-12::-moz-selection {
 	color: var(--i-color-a-12);
 }
 
-		#isdk .selection\:text-accent-12::selection {
+	#isdk .selection\:text-accent-12::selection {
 	color: var(--i-color-a-12);
 }
 
-		#isdk .placeholder\:text-neutral-10::-moz-placeholder {
+	#isdk .placeholder\:text-neutral-10::-moz-placeholder {
 	color: var(--i-color-n-10);
 }
 
-		#isdk .placeholder\:text-neutral-10::placeholder {
+	#isdk .placeholder\:text-neutral-10::placeholder {
 	color: var(--i-color-n-10);
 }
 
-		#isdk .placeholder\:text-neutral-8::-moz-placeholder {
+	#isdk .placeholder\:text-neutral-8::-moz-placeholder {
 	color: var(--i-color-n-8);
 }
 
-		#isdk .placeholder\:text-neutral-8::placeholder {
+	#isdk .placeholder\:text-neutral-8::placeholder {
 	color: var(--i-color-n-8);
 }
 
-		#isdk .autofill\:shadow-\[inset_0_0_0_1000px_hsl\(210_16\.7\%_97\.6\%\)\]:-webkit-autofill {
+	#isdk .autofill\:shadow-\[inset_0_0_0_1000px_hsl\(210_16\.7\%_97\.6\%\)\]:-webkit-autofill {
 	--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);
 	--tw-shadow-colored: inset 0 0 0 1000px 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 .autofill\:shadow-\[inset_0_0_0_1000px_hsl\(210_16\.7\%_97\.6\%\)\]:autofill {
+	#isdk .autofill\:shadow-\[inset_0_0_0_1000px_hsl\(210_16\.7\%_97\.6\%\)\]:autofill {
 	--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);
 	--tw-shadow-colored: inset 0 0 0 1000px 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 .hover\:border-accent-10:hover {
+	#isdk .hover\:border-accent-10:hover {
 	border-color: var(--i-color-a-10);
 }
 
-		#isdk .hover\:border-neutral-5:hover {
+	#isdk .hover\:border-neutral-5:hover {
 	border-color: var(--i-color-n-5);
 }
 
-		#isdk .hover\:bg-accent-10:hover {
+	#isdk .hover\:bg-accent-10:hover {
 	background-color: var(--i-color-a-10);
 }
 
-		#isdk .hover\:bg-interactive-bg-hover:hover {
+	#isdk .hover\:bg-interactive-bg-hover:hover {
 	background-color: var(--i-interactive-bg-hover);
 }
 
-		#isdk .hover\:bg-neutral-2:hover {
+	#isdk .hover\:bg-neutral-2:hover {
 	background-color: var(--i-color-n-2);
 }
 
-		#isdk .hover\:bg-neutral-3:hover {
+	#isdk .hover\:bg-neutral-3:hover {
 	background-color: var(--i-color-n-3);
 }
 
-		#isdk .hover\:bg-neutral-4:hover {
+	#isdk .hover\:bg-neutral-4:hover {
 	background-color: var(--i-color-n-4);
 }
 
-		#isdk .hover\:text-interactive-copy-hover:hover {
+	#isdk .hover\:text-interactive-copy-hover:hover {
 	color: var(--i-interactive-copy-hover);
 }
 
-		#isdk .hover\:text-neutral-12:hover {
+	#isdk .hover\:text-neutral-12:hover {
 	color: var(--i-color-n-12);
 }
 
-		#isdk .hover\:ring-accent-8:hover {
+	#isdk .hover\:ring-accent-8:hover {
 	--tw-ring-color: var(--i-color-a-8);
 }
 
-		#isdk .focus\:bg-neutral-5:focus {
+	#isdk .focus\:bg-neutral-5:focus {
 	background-color: var(--i-color-n-5);
 }
 
-		#isdk .focus\:outline-none:focus {
+	#isdk .focus\:outline-none:focus {
 	outline: 2px solid transparent;
 	outline-offset: 2px;
 }
 
-		#isdk .focus-visible\:bg-neutral-3:focus-visible {
+	#isdk .focus-visible\:bg-neutral-3:focus-visible {
 	background-color: var(--i-color-n-3);
 }
 
-		#isdk .focus-visible\:outline-2:focus-visible {
+	#isdk .focus-visible\:outline-2:focus-visible {
 	outline-width: 2px;
 }
 
-		#isdk .focus-visible\:outline-accent-7:focus-visible {
+	#isdk .focus-visible\:outline-accent-7:focus-visible {
 	outline-color: var(--i-color-a-7);
 }
 
-		#isdk .focus-visible\:outline-accent-8:focus-visible {
+	#isdk .focus-visible\:outline-accent-8:focus-visible {
 	outline-color: var(--i-color-a-8);
 }
 
-		#isdk .focus-visible\:ring-4:focus-visible {
+	#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 {
+	#isdk .focus-visible\:ring-offset-2:focus-visible {
 	--tw-ring-offset-width: 2px;
 }
 
-		#isdk .active\:border-submit-bg-active:active {
+	#isdk .active\:border-submit-bg-active:active {
 	border-color: var(--i-submit-button-bg-active);
 }
 
-		#isdk .active\:bg-accent-10:active {
+	#isdk .active\:bg-accent-10:active {
 	background-color: var(--i-color-a-10);
 }
 
-		#isdk .active\:bg-accent-2:active {
+	#isdk .active\:bg-accent-2:active {
 	background-color: var(--i-color-a-2);
 }
 
-		#isdk .active\:bg-interactive-bg-active:active {
+	#isdk .active\:bg-interactive-bg-active:active {
 	background-color: var(--i-interactive-bg-active);
 }
 
-		#isdk .active\:bg-submit-bg-active:active {
+	#isdk .active\:bg-submit-bg-active:active {
 	background-color: var(--i-submit-button-bg-active);
 }
 
-		#isdk .active\:text-accent-10:active {
+	#isdk .active\:text-accent-10:active {
 	color: var(--i-color-a-10);
 }
 
-		#isdk .active\:text-accent-11:active {
+	#isdk .active\:text-accent-11:active {
 	color: var(--i-color-a-11);
 }
 
-		#isdk .active\:text-interactive-copy-active:active {
+	#isdk .active\:text-interactive-copy-active:active {
 	color: var(--i-interactive-copy-active);
 }
 
-		#isdk .active\:outline-neutral-8:active {
+	#isdk .active\:outline-neutral-8:active {
 	outline-color: var(--i-color-n-8);
 }
 
-		#isdk .active\:ring-2:active {
+	#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 {
+	#isdk .active\:ring-accent-7:active {
 	--tw-ring-color: var(--i-color-a-7);
 }
 
-		#isdk .active\:ring-offset-2:active {
+	#isdk .active\:ring-offset-2:active {
 	--tw-ring-offset-width: 2px;
 }
 
-		#isdk .disabled\:cursor-not-allowed:disabled {
+	#isdk .disabled\:cursor-not-allowed:disabled {
 	cursor: not-allowed;
 }
 
-		#isdk .disabled\:opacity-50:disabled {
+	#isdk .disabled\:opacity-50:disabled {
 	opacity: 0.5;
 }
 
-		#isdk .peer:checked ~ .peer-checked\:bg-accent-2 {
+	#isdk .peer:checked ~ .peer-checked\:bg-accent-2 {
 	background-color: var(--i-color-a-2);
 }
 
-		#isdk .peer:checked ~ .peer-checked\:text-accent-9 {
+	#isdk .peer:checked ~ .peer-checked\:text-accent-9 {
 	color: var(--i-color-a-9);
 }
 
-		#isdk .peer:checked ~ .peer-checked\:outline-accent-7 {
+	#isdk .peer:checked ~ .peer-checked\:outline-accent-7 {
 	outline-color: var(--i-color-a-7);
 }
 
-		#isdk .peer:focus-visible ~ .peer-focus-visible\:ring-4 {
+	#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-9 {
+	#isdk .peer:focus-visible ~ .peer-focus-visible\:ring-accent-9 {
 	--tw-ring-color: var(--i-color-a-9);
 }
 
-		#isdk .peer:focus-visible ~ .peer-focus-visible\:ring-offset-accent-7 {
+	#isdk .peer:focus-visible ~ .peer-focus-visible\:ring-offset-accent-7 {
 	--tw-ring-offset-color: var(--i-color-a-7);
 }
 
-		@media (pointer: coarse) {
+	@media (pointer: coarse) {
 
 	#isdk .pointer-coarse\:touch-hitbox\:\:before::before {
 		content: '';
@@ -1668,6 +1686,6 @@
 	}
 }
 
-		#isdk .\[\&\:has\(\+\*\>input\:focus\)\]\:text-neutral-11:has(+*>input:focus) {
+	#isdk .\[\&\:has\(\+\*\>input\:focus\)\]\:text-neutral-11:has(+*>input:focus) {
 	color: var(--i-color-n-11);
 }