From 3eb7fa3c5baea77239b130daca4f9b55cd2b4b8e Mon Sep 17 00:00:00 2001
From: TheHadiAhmadi <thehadiahmadi@gmail.com>
Date: Tue, 13 Dec 2022 23:46:28 +0430
Subject: [PATCH 1/6] #658 - Add AppLoadingBar component

---
 .../AppLoadingBar/AppLoadingBar.svelte        | 97 +++++++++++++++++++
 .../AppLoadingBar/AppLoadingBar.types.ts      |  9 ++
 src/components/AppLoadingBar/index.ts         |  1 +
 src/components/index.ts                       |  1 +
 src/routes/+layout.svelte                     | 47 ++-------
 .../tabler/components/_app-loading-bar.scss   | 63 ++++++++++++
 src/scss/tabler/components/index.scss         |  1 +
 7 files changed, 180 insertions(+), 39 deletions(-)
 create mode 100644 src/components/AppLoadingBar/AppLoadingBar.svelte
 create mode 100644 src/components/AppLoadingBar/AppLoadingBar.types.ts
 create mode 100644 src/components/AppLoadingBar/index.ts
 create mode 100644 src/scss/tabler/components/_app-loading-bar.scss

diff --git a/src/components/AppLoadingBar/AppLoadingBar.svelte b/src/components/AppLoadingBar/AppLoadingBar.svelte
new file mode 100644
index 00000000..cd829237
--- /dev/null
+++ b/src/components/AppLoadingBar/AppLoadingBar.svelte
@@ -0,0 +1,97 @@
+<script lang="ts">
+	import { get_current_component } from 'svelte/internal'
+	import { tweened } from 'svelte/motion'
+
+	import { forwardEventsBuilder } from '$lib/directives'
+	import type { Colors } from '$lib/types'
+	import { classname } from '$lib/utils'
+
+	import { El } from '../Base'
+	import type { AppLoadingBarProps } from './AppLoadingBar.types'
+
+	type $$Props = AppLoadingBarProps
+
+	export let cssPrefix: $$Props['cssPrefix'] = 'app-loading-bar'
+	export let tag: $$Props['tag'] = 'div'
+
+	/**
+	 * The Color of loading bar
+	 */
+	export let color: $$Props['color'] = 'primary'
+	/**
+	 * The amount of time that loading will take
+	 */
+	export let duration: $$Props['duration'] = 1000
+	/**
+	 * Always show loading bar in top of page
+	 */
+	export let fixedPosition: $$Props['fixedPosition'] = false
+	/**
+	 * Use Indeterminate prop when you don't know how long the loading will take
+	 */
+	export let indeterminate: $$Props['indeterminate'] = false
+	/**
+	 * Show and start the loading when component mounted
+	 */
+	export let show: $$Props['show'] = false
+
+	let MAX: number = 100
+	let interval: NodeJS.Timer
+	let total: number = 0
+	let value = tweened<number>(0, { duration })
+
+	$: if ($value > (max * 95) / 100) clearInterval(interval)
+	$: if (show) start()
+	$: max = MAX + total
+	$: width = ($value * 100) / max
+
+	$: cssProps = {
+		color,
+		fixedPosition,
+		indeterminate,
+		show,
+	}
+
+	/**
+	 * Show component and start the loading animation
+	 */
+	export function start() {
+		show = true
+		value.set(0, { duration: 0 })
+		if (interval) clearInterval(interval)
+		interval = setInterval(increment, duration)
+	}
+	/**
+	 * Add a task that Loading Bar should wait until it's done
+	 * @param number
+	 */
+	export function push(number = MAX / 4) {
+		show = true
+		total += number
+	}
+	/**
+	 * finish previously added task.
+	 * @param number
+	 */
+	export function pop(number = MAX / 4) {
+		total -= number
+		if (total > 0) return
+		total = 0
+		done()
+	}
+	/**
+	 * Finish loading animation and remove LoadingBar from page.
+	 */
+	export function done() {
+		clearInterval(interval)
+		value.set(max, { duration: duration! / 2 })
+		setTimeout(() => (show = false), duration! / 2)
+	}
+	function increment() {
+		$value += (MAX - $value) / 4
+	}
+</script>
+
+<El {...$$restProps} {cssProps} {tag} {cssPrefix}>
+	<El tag="div" cssPrefix="{cssPrefix}-body" style="width: {width}%;" cssProps={{ color }} />
+</El>
diff --git a/src/components/AppLoadingBar/AppLoadingBar.types.ts b/src/components/AppLoadingBar/AppLoadingBar.types.ts
new file mode 100644
index 00000000..5ab5ad92
--- /dev/null
+++ b/src/components/AppLoadingBar/AppLoadingBar.types.ts
@@ -0,0 +1,9 @@
+import type { ElProps } from '../Base'
+
+export interface AppLoadingBarProps extends Partial<ElProps> {
+	color?: Colors
+	duration?: number
+	fixedPosition?: boolean
+	indeterminate?: boolean
+	show?: boolean
+}
diff --git a/src/components/AppLoadingBar/index.ts b/src/components/AppLoadingBar/index.ts
new file mode 100644
index 00000000..648b22cc
--- /dev/null
+++ b/src/components/AppLoadingBar/index.ts
@@ -0,0 +1 @@
+export { default as AppLoadingBar } from './AppLoadingBar.svelte'
diff --git a/src/components/index.ts b/src/components/index.ts
index 13c5acfb..8083ece4 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -2,6 +2,7 @@ export * from './Base'
 export * from './Accordion'
 export * from './Alert'
 export * from './App'
+export * from './AppLoadingBar'
 export * from './Avatar'
 export * from './Badge'
 export * from './Base'
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index cd7ab21d..69d7c4df 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,50 +1,22 @@
 <script type="ts">
-	import { App, AppBody, AppFooter, Avatar, El, Page, Progress } from '@ubeac/svelte'
+	import type { SvelteComponentDev } from 'svelte/internal'
+
+	import { App, AppBody, AppFooter, AppLoadingBar, Avatar, El, Page, Progress } from '@ubeac/svelte'
 	import type { Themes } from '@ubeac/svelte'
 	import 'bootstrap/dist/js/bootstrap.bundle.min.js'
 
-	import { browser } from '$app/environment'
 	import { afterNavigate, beforeNavigate } from '$app/navigation'
 
 	let container: ContainerMaxWidths = 'md'
 	let theme: Themes = 'light'
-	let progressValue = 0
-	let updater: any
-
-	export let maximum = 0.999
-	export let intervalTime = 700
-	export let stepSizes = [0, 0.005, 0.01, 0.02]
-
-	const getIncrement = (number: number) => {
-		if (number >= 0 && number < 0.2) return 0.1
-		else if (number >= 0.2 && number < 0.5) return 0.04
-		else if (number >= 0.5 && number < 0.8) return 0.02
-		else if (number >= 0.8 && number < 0.99) return 0.005
-		return 0.00001
-	}
-	const startInterval = () => {
-		if (browser) {
-			updater = setInterval(() => {
-				const randomStep = stepSizes[Math.floor(Math.random() * stepSizes.length)]
-				const step = getIncrement(progressValue) + randomStep
-				if (progressValue < maximum) {
-					progressValue = progressValue + step
-				}
-				if (progressValue > maximum) {
-					clearInterval(updater)
-				}
-			}, intervalTime)
-		}
-	}
+	let loadingBar: SvelteComponentDev
 
 	beforeNavigate(() => {
-		progressValue = 0
-		startInterval()
+		loadingBar.start()
 	})
 
 	afterNavigate(() => {
-		progressValue = 1
-		clearInterval(updater)
+		loadingBar.done()
 	})
 
 	const onThemeChange = () => (theme === 'light' ? (theme = 'dark') : (theme = 'light'))
@@ -55,11 +27,8 @@
 </svelte:head>
 
 <App {theme}>
-	<div class="sticky-top">
-		<div class="position-relative">
-			<Progress col position="absolute" color="primary" style="height: 3px;" value={progressValue * 100} />
-		</div>
-	</div>
+	<AppLoadingBar fixed color="primary" bind:this={loadingBar} />
+
 	<header class="navbar navbar-expand-md navbar-light d-print-none">
 		<div class="container-xl">
 			<button
diff --git a/src/scss/tabler/components/_app-loading-bar.scss b/src/scss/tabler/components/_app-loading-bar.scss
new file mode 100644
index 00000000..5d337bb2
--- /dev/null
+++ b/src/scss/tabler/components/_app-loading-bar.scss
@@ -0,0 +1,63 @@
+$prefix-app-loading-bar: $prefix + 'app-loading-bar';
+
+.#{$prefix-app-loading-bar} {
+    overflow: hidden;
+    display: none;
+    position: relative;
+    height: 0.25rem;
+    width: 100%;
+
+    &-fixed-position {
+        position: fixed;
+        z-index: 10;
+        top: 0;
+        left: 0;
+    }
+
+    &-indeterminate>&-body {
+        animation: #{$prefix-app-loading-bar}-animation 1s linear infinite;
+    }
+
+    &-show {
+        display: block;
+    }
+
+    &-body {
+        height: 100%;
+        position: absolute;
+        left: 0;
+        top: 0;
+        border-radius: 0.125rem;
+
+
+    }
+
+
+    @each $color,
+    $value in $theme-colors {
+        &-color-#{$color} {
+            @extend .bg-#{$color}-lt;
+        }
+
+        &-body-color-#{$color} {
+            @extend .bg-#{$color};
+        }
+    }
+}
+
+@keyframes #{$prefix-app-loading-bar}-animation {
+    0% {
+        left: 0%;
+        width: 0%;
+    }
+
+    50% {
+        left: 10%;
+        width: 80%;
+    }
+
+    100% {
+        left: 100%;
+        width: 0%;
+    }
+}
\ No newline at end of file
diff --git a/src/scss/tabler/components/index.scss b/src/scss/tabler/components/index.scss
index 8e70812a..d0fad2f1 100644
--- a/src/scss/tabler/components/index.scss
+++ b/src/scss/tabler/components/index.scss
@@ -1,6 +1,7 @@
 @import './accordion';
 @import './alert';
 @import './app';
+@import './app-loading-bar';
 @import './avatar';
 @import './avatar-list';
 @import './badge';

From b00f67d17dd964aea24daf5f8c9fe516c3e45d42 Mon Sep 17 00:00:00 2001
From: TheHadiAhmadi <thehadiahmadi@gmail.com>
Date: Sat, 17 Dec 2022 20:09:16 +0430
Subject: [PATCH 2/6] cleaning up

---
 .../AppLoadingBar/AppLoadingBar.svelte        |   5 -
 .../components/app-loading-bars/+page.svelte  |  22 +
 .../AppLoadingBarColors.svelte                |  13 +
 .../AppLoadingBarDefault.svelte               |   9 +
 src/routes/docs/index.ts                      |   5 +
 .../tabler/components/_app-loading-bar.scss   |   2 -
 static/css/tabler.css                         | 714 +++++++++++-------
 7 files changed, 511 insertions(+), 259 deletions(-)
 create mode 100644 src/routes/docs/components/app-loading-bars/+page.svelte
 create mode 100644 src/routes/docs/components/app-loading-bars/AppLoadingBarColors.svelte
 create mode 100644 src/routes/docs/components/app-loading-bars/AppLoadingBarDefault.svelte

diff --git a/src/components/AppLoadingBar/AppLoadingBar.svelte b/src/components/AppLoadingBar/AppLoadingBar.svelte
index cd829237..003c950c 100644
--- a/src/components/AppLoadingBar/AppLoadingBar.svelte
+++ b/src/components/AppLoadingBar/AppLoadingBar.svelte
@@ -1,11 +1,6 @@
 <script lang="ts">
-	import { get_current_component } from 'svelte/internal'
 	import { tweened } from 'svelte/motion'
 
-	import { forwardEventsBuilder } from '$lib/directives'
-	import type { Colors } from '$lib/types'
-	import { classname } from '$lib/utils'
-
 	import { El } from '../Base'
 	import type { AppLoadingBarProps } from './AppLoadingBar.types'
 
diff --git a/src/routes/docs/components/app-loading-bars/+page.svelte b/src/routes/docs/components/app-loading-bars/+page.svelte
new file mode 100644
index 00000000..f990049b
--- /dev/null
+++ b/src/routes/docs/components/app-loading-bars/+page.svelte
@@ -0,0 +1,22 @@
+<script>
+	import { Doc, Preview } from '$lib/components'
+	import AppLoadingBarColors from './AppLoadingBarColors.svelte'
+	import AppLoadingBarDefault from './AppLoadingBarDefault.svelte'
+</script>
+
+<h1>AppLoadingBar</h1>
+<p>TODO</p>
+
+<Doc title="Default">
+	<!--  -->
+</Doc>
+<Preview src="./AppLoadingBarDefault.svelte">
+	<AppLoadingBarDefault />
+</Preview>
+
+<Doc title="Colors">
+	<!--  -->
+</Doc>
+<Preview src="./AppLoadingBarColors.svelte">
+	<AppLoadingBarColors />
+</Preview>
diff --git a/src/routes/docs/components/app-loading-bars/AppLoadingBarColors.svelte b/src/routes/docs/components/app-loading-bars/AppLoadingBarColors.svelte
new file mode 100644
index 00000000..ce26c966
--- /dev/null
+++ b/src/routes/docs/components/app-loading-bars/AppLoadingBarColors.svelte
@@ -0,0 +1,13 @@
+<script>
+	import { AppLoadingBar, Button, FormSelect } from '@ubeac/svelte/components'
+	import { COLORS } from '@ubeac/svelte/types'
+
+	let show = false
+	let color = 'primary'
+</script>
+
+<FormSelect label="Choose a Color" items={COLORS} bind:value={color} />
+<Button on:click={() => (show = true)}>Show</Button>
+<Button on:click={() => (show = false)}>Hide</Button>
+
+<AppLoadingBar {show} />
diff --git a/src/routes/docs/components/app-loading-bars/AppLoadingBarDefault.svelte b/src/routes/docs/components/app-loading-bars/AppLoadingBarDefault.svelte
new file mode 100644
index 00000000..77a8a927
--- /dev/null
+++ b/src/routes/docs/components/app-loading-bars/AppLoadingBarDefault.svelte
@@ -0,0 +1,9 @@
+<script>
+	import { AppLoadingBar, Button } from '@ubeac/svelte/components'
+
+	let show = false
+</script>
+
+<Button on:click={() => (show = true)}>Show</Button>
+
+<AppLoadingBar fixedPosition {show} />
diff --git a/src/routes/docs/index.ts b/src/routes/docs/index.ts
index 63e581be..662101e2 100644
--- a/src/routes/docs/index.ts
+++ b/src/routes/docs/index.ts
@@ -30,6 +30,11 @@ export const navigations = [
 				title: 'Alert',
 				icon: 'star',
 			},
+			{
+				route: base_component_path + 'app-loading-bars',
+				title: 'AppLoadingBar',
+				icon: 'star',
+			},
 			{
 				route: base_component_path + 'autocomplete',
 				title: 'Autocomplete',
diff --git a/src/scss/tabler/components/_app-loading-bar.scss b/src/scss/tabler/components/_app-loading-bar.scss
index 5d337bb2..9d7e45db 100644
--- a/src/scss/tabler/components/_app-loading-bar.scss
+++ b/src/scss/tabler/components/_app-loading-bar.scss
@@ -28,8 +28,6 @@ $prefix-app-loading-bar: $prefix + 'app-loading-bar';
         left: 0;
         top: 0;
         border-radius: 0.125rem;
-
-
     }
 
 
diff --git a/static/css/tabler.css b/static/css/tabler.css
index 88ce3fa5..ad2df705 100644
--- a/static/css/tabler.css
+++ b/static/css/tabler.css
@@ -2420,7 +2420,7 @@ progress {
   color: #616876;
 }
 
-.form-control, .u-textarea, .u-input-size-md, .u-input, .u-file-uploader, .u-date-picker, .u-google-map-autocomplete {
+.form-control, .u-textarea-size-md, .u-textarea, .u-input-size-md, .u-input, .u-file-uploader, .u-date-picker, .u-google-map-autocomplete {
   display: block;
   width: 100%;
   padding: 0.4375rem 0.75rem;
@@ -2437,35 +2437,35 @@ progress {
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
-  .form-control, .u-textarea, .u-input-size-md, .u-input, .u-file-uploader, .u-date-picker, .u-google-map-autocomplete {
+  .form-control, .u-textarea-size-md, .u-textarea, .u-input-size-md, .u-input, .u-file-uploader, .u-date-picker, .u-google-map-autocomplete {
     transition: none;
   }
 }
-.form-control[type=file], [type=file].u-textarea, [type=file].u-input-size-md, [type=file].u-input, [type=file].u-file-uploader, [type=file].u-date-picker, [type=file].u-google-map-autocomplete {
+.form-control[type=file], [type=file].u-textarea-size-md, [type=file].u-textarea, [type=file].u-input-size-md, [type=file].u-input, [type=file].u-file-uploader, [type=file].u-date-picker, [type=file].u-google-map-autocomplete {
   overflow: hidden;
 }
-.form-control[type=file]:not(:disabled):not([readonly]), [type=file].u-textarea:not(:disabled):not([readonly]), [type=file].u-input-size-md:not(:disabled):not([readonly]), [type=file].u-input:not(:disabled):not([readonly]), [type=file].u-file-uploader:not(:disabled):not([readonly]), [type=file].u-date-picker:not(:disabled):not([readonly]), [type=file].u-google-map-autocomplete:not(:disabled):not([readonly]) {
+.form-control[type=file]:not(:disabled):not([readonly]), [type=file].u-textarea-size-md:not(:disabled):not([readonly]), [type=file].u-textarea:not(:disabled):not([readonly]), [type=file].u-input-size-md:not(:disabled):not([readonly]), [type=file].u-input:not(:disabled):not([readonly]), [type=file].u-file-uploader:not(:disabled):not([readonly]), [type=file].u-date-picker:not(:disabled):not([readonly]), [type=file].u-google-map-autocomplete:not(:disabled):not([readonly]) {
   cursor: pointer;
 }
-.form-control:focus, .u-textarea:focus, .u-input-size-md:focus, .u-input:focus, .u-file-uploader:focus, .u-date-picker:focus, .u-google-map-autocomplete:focus {
+.form-control:focus, .u-textarea-size-md:focus, .u-textarea:focus, .u-input-size-md:focus, .u-input:focus, .u-file-uploader:focus, .u-date-picker:focus, .u-google-map-autocomplete:focus {
   color: inherit;
   background-color: var(--u-bg-forms);
   border-color: #90b5e2;
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 }
-.form-control::-webkit-date-and-time-value, .u-textarea::-webkit-date-and-time-value, .u-input-size-md::-webkit-date-and-time-value, .u-input::-webkit-date-and-time-value, .u-file-uploader::-webkit-date-and-time-value, .u-date-picker::-webkit-date-and-time-value, .u-google-map-autocomplete::-webkit-date-and-time-value {
+.form-control::-webkit-date-and-time-value, .u-textarea-size-md::-webkit-date-and-time-value, .u-textarea::-webkit-date-and-time-value, .u-input-size-md::-webkit-date-and-time-value, .u-input::-webkit-date-and-time-value, .u-file-uploader::-webkit-date-and-time-value, .u-date-picker::-webkit-date-and-time-value, .u-google-map-autocomplete::-webkit-date-and-time-value {
   height: 1.4285714286em;
 }
-.form-control::placeholder, .u-textarea::placeholder, .u-input-size-md::placeholder, .u-input::placeholder, .u-file-uploader::placeholder, .u-date-picker::placeholder, .u-google-map-autocomplete::placeholder {
+.form-control::placeholder, .u-textarea-size-md::placeholder, .u-textarea::placeholder, .u-input-size-md::placeholder, .u-input::placeholder, .u-file-uploader::placeholder, .u-date-picker::placeholder, .u-google-map-autocomplete::placeholder {
   color: #a5a9b1;
   opacity: 1;
 }
-.form-control:disabled, .u-textarea:disabled, .u-input-size-md:disabled, .u-input:disabled, .u-file-uploader:disabled, .u-date-picker:disabled, .u-google-map-autocomplete:disabled {
+.form-control:disabled, .u-textarea-size-md:disabled, .u-textarea:disabled, .u-input-size-md:disabled, .u-input:disabled, .u-file-uploader:disabled, .u-date-picker:disabled, .u-google-map-autocomplete:disabled {
   background-color: var(--u-gray-100);
   opacity: 1;
 }
-.form-control::file-selector-button, .u-textarea::file-selector-button, .u-input-size-md::file-selector-button, .u-input::file-selector-button, .u-file-uploader::file-selector-button, .u-date-picker::file-selector-button, .u-google-map-autocomplete::file-selector-button {
+.form-control::file-selector-button, .u-textarea-size-md::file-selector-button, .u-textarea::file-selector-button, .u-input-size-md::file-selector-button, .u-input::file-selector-button, .u-file-uploader::file-selector-button, .u-date-picker::file-selector-button, .u-google-map-autocomplete::file-selector-button {
   padding: 0.4375rem 0.75rem;
   margin: -0.4375rem -0.75rem;
   margin-inline-end: 0.75rem;
@@ -2480,11 +2480,11 @@ progress {
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
-  .form-control::file-selector-button, .u-textarea::file-selector-button, .u-input-size-md::file-selector-button, .u-input::file-selector-button, .u-file-uploader::file-selector-button, .u-date-picker::file-selector-button, .u-google-map-autocomplete::file-selector-button {
+  .form-control::file-selector-button, .u-textarea-size-md::file-selector-button, .u-textarea::file-selector-button, .u-input-size-md::file-selector-button, .u-input::file-selector-button, .u-file-uploader::file-selector-button, .u-date-picker::file-selector-button, .u-google-map-autocomplete::file-selector-button {
     transition: none;
   }
 }
-.form-control:hover:not(:disabled):not([readonly])::file-selector-button, .u-textarea:hover:not(:disabled):not([readonly])::file-selector-button, .u-input-size-md:hover:not(:disabled):not([readonly])::file-selector-button, .u-input:hover:not(:disabled):not([readonly])::file-selector-button, .u-file-uploader:hover:not(:disabled):not([readonly])::file-selector-button, .u-date-picker:hover:not(:disabled):not([readonly])::file-selector-button, .u-google-map-autocomplete:hover:not(:disabled):not([readonly])::file-selector-button {
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button, .u-textarea-size-md:hover:not(:disabled):not([readonly])::file-selector-button, .u-textarea:hover:not(:disabled):not([readonly])::file-selector-button, .u-input-size-md:hover:not(:disabled):not([readonly])::file-selector-button, .u-input:hover:not(:disabled):not([readonly])::file-selector-button, .u-file-uploader:hover:not(:disabled):not([readonly])::file-selector-button, .u-date-picker:hover:not(:disabled):not([readonly])::file-selector-button, .u-google-map-autocomplete:hover:not(:disabled):not([readonly])::file-selector-button {
   background-color: #eceeef;
 }
 
@@ -2502,42 +2502,42 @@ progress {
 .form-control-plaintext:focus, .u-date-picker-preview:focus {
   outline: 0;
 }
-.form-control-plaintext.form-control-sm, .form-control-plaintext.u-input-size-sm, .form-control-plaintext.u-file-uploader.u-file-uploader-size-sm, .form-control-sm.u-date-picker-preview, .u-date-picker-preview.u-input-size-sm, .u-date-picker-preview.u-file-uploader.u-file-uploader-size-sm, .form-control-plaintext.form-control-lg, .form-control-plaintext.u-input-size-lg, .form-control-plaintext.u-file-uploader.u-file-uploader-size-lg, .form-control-lg.u-date-picker-preview, .u-date-picker-preview.u-input-size-lg, .u-date-picker-preview.u-file-uploader.u-file-uploader-size-lg {
+.form-control-plaintext.form-control-sm, .form-control-plaintext.u-textarea-size-sm, .form-control-plaintext.u-input-size-sm, .form-control-plaintext.u-file-uploader.u-file-uploader-size-sm, .form-control-sm.u-date-picker-preview, .u-date-picker-preview.u-textarea-size-sm, .u-date-picker-preview.u-input-size-sm, .u-date-picker-preview.u-file-uploader.u-file-uploader-size-sm, .form-control-plaintext.form-control-lg, .form-control-plaintext.u-textarea-size-lg, .form-control-plaintext.u-input-size-lg, .form-control-plaintext.u-file-uploader.u-file-uploader-size-lg, .form-control-lg.u-date-picker-preview, .u-date-picker-preview.u-textarea-size-lg, .u-date-picker-preview.u-input-size-lg, .u-date-picker-preview.u-file-uploader.u-file-uploader-size-lg {
   padding-right: 0;
   padding-left: 0;
 }
 
-.form-control-sm, .u-input-size-sm, .u-file-uploader.u-file-uploader-size-sm {
+.form-control-sm, .u-textarea-size-sm, .u-input-size-sm, .u-file-uploader.u-file-uploader-size-sm {
   min-height: calc(1.4285714286em + 0.25rem + 2px);
   padding: 0.125rem 0.25rem;
   font-size: 0.75rem;
   border-radius: 2px;
 }
-.form-control-sm::file-selector-button, .u-input-size-sm::file-selector-button, .u-file-uploader.u-file-uploader-size-sm::file-selector-button {
+.form-control-sm::file-selector-button, .u-textarea-size-sm::file-selector-button, .u-input-size-sm::file-selector-button, .u-file-uploader.u-file-uploader-size-sm::file-selector-button {
   padding: 0.125rem 0.25rem;
   margin: -0.125rem -0.25rem;
   margin-inline-end: 0.25rem;
 }
 
-.form-control-lg, .u-input-size-lg, .u-file-uploader.u-file-uploader-size-lg {
+.form-control-lg, .u-textarea-size-lg, .u-input-size-lg, .u-file-uploader.u-file-uploader-size-lg {
   min-height: calc(1.4285714286em + 1rem + 2px);
   padding: 0.5rem 0.75rem;
   font-size: 1.25rem;
   border-radius: 8px;
 }
-.form-control-lg::file-selector-button, .u-input-size-lg::file-selector-button, .u-file-uploader.u-file-uploader-size-lg::file-selector-button {
+.form-control-lg::file-selector-button, .u-textarea-size-lg::file-selector-button, .u-input-size-lg::file-selector-button, .u-file-uploader.u-file-uploader-size-lg::file-selector-button {
   padding: 0.5rem 0.75rem;
   margin: -0.5rem -0.75rem;
   margin-inline-end: 0.75rem;
 }
 
-textarea.form-control, textarea.u-textarea, textarea.u-input-size-md, textarea.u-input, textarea.u-file-uploader, textarea.u-date-picker, textarea.u-google-map-autocomplete {
+textarea.form-control, textarea.u-textarea-size-md, textarea.u-textarea, textarea.u-input-size-md, textarea.u-input, textarea.u-file-uploader, textarea.u-date-picker, textarea.u-google-map-autocomplete {
   min-height: calc(1.4285714286em + 0.875rem + 2px);
 }
-textarea.form-control-sm, textarea.u-input-size-sm, textarea.u-file-uploader.u-file-uploader-size-sm {
+textarea.form-control-sm, textarea.u-textarea-size-sm, textarea.u-input-size-sm, textarea.u-file-uploader.u-file-uploader-size-sm {
   min-height: calc(1.4285714286em + 0.25rem + 2px);
 }
-textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-file-uploader-size-lg {
+textarea.form-control-lg, textarea.u-textarea-size-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-file-uploader-size-lg {
   min-height: calc(1.4285714286em + 1rem + 2px);
 }
 
@@ -2556,10 +2556,10 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
 .form-control-color::-webkit-color-swatch {
   border-radius: var(--u-border-radius);
 }
-.form-control-color.form-control-sm, .form-control-color.u-input-size-sm, .form-control-color.u-file-uploader.u-file-uploader-size-sm {
+.form-control-color.form-control-sm, .form-control-color.u-textarea-size-sm, .form-control-color.u-input-size-sm, .form-control-color.u-file-uploader.u-file-uploader-size-sm {
   height: calc(1.4285714286em + 0.25rem + 2px);
 }
-.form-control-color.form-control-lg, .form-control-color.u-input-size-lg, .form-control-color.u-file-uploader.u-file-uploader-size-lg {
+.form-control-color.form-control-lg, .form-control-color.u-textarea-size-lg, .form-control-color.u-input-size-lg, .form-control-color.u-file-uploader.u-file-uploader-size-lg {
   height: calc(1.4285714286em + 1rem + 2px);
 }
 
@@ -2828,7 +2828,7 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
 .form-floating {
   position: relative;
 }
-.form-floating > .form-control, .form-floating > .u-textarea, .form-floating > .u-input-size-md, .form-floating > .u-input, .form-floating > .u-file-uploader, .form-floating > .u-date-picker, .form-floating > .u-google-map-autocomplete,
+.form-floating > .form-control, .form-floating > .u-textarea-size-md, .form-floating > .u-textarea, .form-floating > .u-input-size-md, .form-floating > .u-input, .form-floating > .u-file-uploader, .form-floating > .u-date-picker, .form-floating > .u-google-map-autocomplete,
 .form-floating > .form-control-plaintext,
 .form-floating > .u-date-picker-preview,
 .form-floating > .form-select,
@@ -2857,17 +2857,17 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
     transition: none;
   }
 }
-.form-floating > .form-control, .form-floating > .u-textarea, .form-floating > .u-input-size-md, .form-floating > .u-input, .form-floating > .u-file-uploader, .form-floating > .u-date-picker, .form-floating > .u-google-map-autocomplete,
+.form-floating > .form-control, .form-floating > .u-textarea-size-md, .form-floating > .u-textarea, .form-floating > .u-input-size-md, .form-floating > .u-input, .form-floating > .u-file-uploader, .form-floating > .u-date-picker, .form-floating > .u-google-map-autocomplete,
 .form-floating > .form-control-plaintext,
 .form-floating > .u-date-picker-preview {
   padding: 1rem 0.75rem;
 }
-.form-floating > .form-control::placeholder, .form-floating > .u-textarea::placeholder, .form-floating > .u-input-size-md::placeholder, .form-floating > .u-input::placeholder, .form-floating > .u-file-uploader::placeholder, .form-floating > .u-date-picker::placeholder, .form-floating > .u-google-map-autocomplete::placeholder,
+.form-floating > .form-control::placeholder, .form-floating > .u-textarea-size-md::placeholder, .form-floating > .u-textarea::placeholder, .form-floating > .u-input-size-md::placeholder, .form-floating > .u-input::placeholder, .form-floating > .u-file-uploader::placeholder, .form-floating > .u-date-picker::placeholder, .form-floating > .u-google-map-autocomplete::placeholder,
 .form-floating > .form-control-plaintext::placeholder,
 .form-floating > .u-date-picker-preview::placeholder {
   color: transparent;
 }
-.form-floating > .form-control:focus, .form-floating > .u-textarea:focus, .form-floating > .u-input-size-md:focus, .form-floating > .u-input:focus, .form-floating > .u-file-uploader:focus, .form-floating > .u-date-picker:focus, .form-floating > .u-google-map-autocomplete:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .u-textarea:not(:placeholder-shown), .form-floating > .u-input-size-md:not(:placeholder-shown), .form-floating > .u-input:not(:placeholder-shown), .form-floating > .u-file-uploader:not(:placeholder-shown), .form-floating > .u-date-picker:not(:placeholder-shown), .form-floating > .u-google-map-autocomplete:not(:placeholder-shown),
+.form-floating > .form-control:focus, .form-floating > .u-textarea-size-md:focus, .form-floating > .u-textarea:focus, .form-floating > .u-input-size-md:focus, .form-floating > .u-input:focus, .form-floating > .u-file-uploader:focus, .form-floating > .u-date-picker:focus, .form-floating > .u-google-map-autocomplete:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .u-textarea-size-md:not(:placeholder-shown), .form-floating > .u-textarea:not(:placeholder-shown), .form-floating > .u-input-size-md:not(:placeholder-shown), .form-floating > .u-input:not(:placeholder-shown), .form-floating > .u-file-uploader:not(:placeholder-shown), .form-floating > .u-date-picker:not(:placeholder-shown), .form-floating > .u-google-map-autocomplete:not(:placeholder-shown),
 .form-floating > .form-control-plaintext:focus,
 .form-floating > .u-date-picker-preview:focus,
 .form-floating > .form-control-plaintext:not(:placeholder-shown),
@@ -2875,7 +2875,7 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
-.form-floating > .form-control:-webkit-autofill, .form-floating > .u-textarea:-webkit-autofill, .form-floating > .u-input-size-md:-webkit-autofill, .form-floating > .u-input:-webkit-autofill, .form-floating > .u-file-uploader:-webkit-autofill, .form-floating > .u-date-picker:-webkit-autofill, .form-floating > .u-google-map-autocomplete:-webkit-autofill,
+.form-floating > .form-control:-webkit-autofill, .form-floating > .u-textarea-size-md:-webkit-autofill, .form-floating > .u-textarea:-webkit-autofill, .form-floating > .u-input-size-md:-webkit-autofill, .form-floating > .u-input:-webkit-autofill, .form-floating > .u-file-uploader:-webkit-autofill, .form-floating > .u-date-picker:-webkit-autofill, .form-floating > .u-google-map-autocomplete:-webkit-autofill,
 .form-floating > .form-control-plaintext:-webkit-autofill,
 .form-floating > .u-date-picker-preview:-webkit-autofill {
   padding-top: 1.625rem;
@@ -2885,8 +2885,9 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
-.form-floating > .form-control:focus ~ label, .form-floating > .u-textarea:focus ~ label, .form-floating > .u-input-size-md:focus ~ label, .form-floating > .u-input:focus ~ label, .form-floating > .u-file-uploader:focus ~ label, .form-floating > .u-date-picker:focus ~ label, .form-floating > .u-google-map-autocomplete:focus ~ label,
+.form-floating > .form-control:focus ~ label, .form-floating > .u-textarea-size-md:focus ~ label, .form-floating > .u-textarea:focus ~ label, .form-floating > .u-input-size-md:focus ~ label, .form-floating > .u-input:focus ~ label, .form-floating > .u-file-uploader:focus ~ label, .form-floating > .u-date-picker:focus ~ label, .form-floating > .u-google-map-autocomplete:focus ~ label,
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .u-textarea-size-md:not(:placeholder-shown) ~ label,
 .form-floating > .u-textarea:not(:placeholder-shown) ~ label,
 .form-floating > .u-input-size-md:not(:placeholder-shown) ~ label,
 .form-floating > .u-input:not(:placeholder-shown) ~ label,
@@ -2900,7 +2901,7 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   opacity: 0.65;
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
-.form-floating > .form-control:-webkit-autofill ~ label, .form-floating > .u-textarea:-webkit-autofill ~ label, .form-floating > .u-input-size-md:-webkit-autofill ~ label, .form-floating > .u-input:-webkit-autofill ~ label, .form-floating > .u-file-uploader:-webkit-autofill ~ label, .form-floating > .u-date-picker:-webkit-autofill ~ label, .form-floating > .u-google-map-autocomplete:-webkit-autofill ~ label {
+.form-floating > .form-control:-webkit-autofill ~ label, .form-floating > .u-textarea-size-md:-webkit-autofill ~ label, .form-floating > .u-textarea:-webkit-autofill ~ label, .form-floating > .u-input-size-md:-webkit-autofill ~ label, .form-floating > .u-input:-webkit-autofill ~ label, .form-floating > .u-file-uploader:-webkit-autofill ~ label, .form-floating > .u-date-picker:-webkit-autofill ~ label, .form-floating > .u-google-map-autocomplete:-webkit-autofill ~ label {
   opacity: 0.65;
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
@@ -2908,21 +2909,27 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   border-width: 1px 0;
 }
 
-.input-group, .u-input-wrapper-size-md, .u-input-wrapper {
+.input-group, .u-textarea-wrapper-size-md, .u-textarea-wrapper, .u-input-wrapper-size-md, .u-input-wrapper {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%;
 }
-.input-group > .form-control, .input-group > .u-textarea, .u-input-wrapper-size-md > .form-control, .u-input-wrapper-size-md > .u-textarea, .u-input-wrapper > .form-control, .u-input-wrapper > .u-textarea, .input-group > .u-input-size-md, .u-input-wrapper-size-md > .u-input-size-md, .u-input-wrapper > .u-input-size-md, .input-group > .u-input, .u-input-wrapper-size-md > .u-input, .u-input-wrapper > .u-input, .input-group > .u-file-uploader, .u-input-wrapper-size-md > .u-file-uploader, .u-input-wrapper > .u-file-uploader, .input-group > .u-date-picker, .u-input-wrapper-size-md > .u-date-picker, .u-input-wrapper > .u-date-picker, .input-group > .u-google-map-autocomplete, .u-input-wrapper-size-md > .u-google-map-autocomplete, .u-input-wrapper > .u-google-map-autocomplete,
+.input-group > .form-control, .u-textarea-wrapper-size-md > .form-control, .u-textarea-wrapper > .form-control, .input-group > .u-textarea-size-md, .u-textarea-wrapper-size-md > .u-textarea-size-md, .u-textarea-wrapper > .u-textarea-size-md, .input-group > .u-textarea, .u-textarea-wrapper-size-md > .u-textarea, .u-textarea-wrapper > .u-textarea, .u-input-wrapper-size-md > .form-control, .u-input-wrapper-size-md > .u-textarea-size-md, .u-input-wrapper-size-md > .u-textarea, .u-input-wrapper > .form-control, .u-input-wrapper > .u-textarea-size-md, .u-input-wrapper > .u-textarea, .input-group > .u-input-size-md, .u-textarea-wrapper-size-md > .u-input-size-md, .u-textarea-wrapper > .u-input-size-md, .u-input-wrapper-size-md > .u-input-size-md, .u-input-wrapper > .u-input-size-md, .input-group > .u-input, .u-textarea-wrapper-size-md > .u-input, .u-textarea-wrapper > .u-input, .u-input-wrapper-size-md > .u-input, .u-input-wrapper > .u-input, .input-group > .u-file-uploader, .u-textarea-wrapper-size-md > .u-file-uploader, .u-textarea-wrapper > .u-file-uploader, .u-input-wrapper-size-md > .u-file-uploader, .u-input-wrapper > .u-file-uploader, .input-group > .u-date-picker, .u-textarea-wrapper-size-md > .u-date-picker, .u-textarea-wrapper > .u-date-picker, .u-input-wrapper-size-md > .u-date-picker, .u-input-wrapper > .u-date-picker, .input-group > .u-google-map-autocomplete, .u-textarea-wrapper-size-md > .u-google-map-autocomplete, .u-textarea-wrapper > .u-google-map-autocomplete, .u-input-wrapper-size-md > .u-google-map-autocomplete, .u-input-wrapper > .u-google-map-autocomplete,
 .input-group > .form-select,
+.u-textarea-wrapper-size-md > .form-select,
+.u-textarea-wrapper > .form-select,
 .input-group > .u-select,
+.u-textarea-wrapper-size-md > .u-select,
+.u-textarea-wrapper > .u-select,
 .u-input-wrapper-size-md > .form-select,
 .u-input-wrapper-size-md > .u-select,
 .u-input-wrapper > .form-select,
 .u-input-wrapper > .u-select,
 .input-group > .form-floating,
+.u-textarea-wrapper-size-md > .form-floating,
+.u-textarea-wrapper > .form-floating,
 .u-input-wrapper-size-md > .form-floating,
 .u-input-wrapper > .form-floating {
   position: relative;
@@ -2930,27 +2937,33 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   width: 1%;
   min-width: 0;
 }
-.input-group > .form-control:focus, .input-group > .u-textarea:focus, .u-input-wrapper-size-md > .form-control:focus, .u-input-wrapper-size-md > .u-textarea:focus, .u-input-wrapper > .form-control:focus, .u-input-wrapper > .u-textarea:focus, .input-group > .u-input-size-md:focus, .u-input-wrapper-size-md > .u-input-size-md:focus, .u-input-wrapper > .u-input-size-md:focus, .input-group > .u-input:focus, .u-input-wrapper-size-md > .u-input:focus, .u-input-wrapper > .u-input:focus, .input-group > .u-file-uploader:focus, .u-input-wrapper-size-md > .u-file-uploader:focus, .u-input-wrapper > .u-file-uploader:focus, .input-group > .u-date-picker:focus, .u-input-wrapper-size-md > .u-date-picker:focus, .u-input-wrapper > .u-date-picker:focus, .input-group > .u-google-map-autocomplete:focus, .u-input-wrapper-size-md > .u-google-map-autocomplete:focus, .u-input-wrapper > .u-google-map-autocomplete:focus,
+.input-group > .form-control:focus, .u-textarea-wrapper-size-md > .form-control:focus, .u-textarea-wrapper > .form-control:focus, .input-group > .u-textarea-size-md:focus, .u-textarea-wrapper-size-md > .u-textarea-size-md:focus, .u-textarea-wrapper > .u-textarea-size-md:focus, .input-group > .u-textarea:focus, .u-textarea-wrapper-size-md > .u-textarea:focus, .u-textarea-wrapper > .u-textarea:focus, .u-input-wrapper-size-md > .form-control:focus, .u-input-wrapper-size-md > .u-textarea-size-md:focus, .u-input-wrapper-size-md > .u-textarea:focus, .u-input-wrapper > .form-control:focus, .u-input-wrapper > .u-textarea-size-md:focus, .u-input-wrapper > .u-textarea:focus, .input-group > .u-input-size-md:focus, .u-textarea-wrapper-size-md > .u-input-size-md:focus, .u-textarea-wrapper > .u-input-size-md:focus, .u-input-wrapper-size-md > .u-input-size-md:focus, .u-input-wrapper > .u-input-size-md:focus, .input-group > .u-input:focus, .u-textarea-wrapper-size-md > .u-input:focus, .u-textarea-wrapper > .u-input:focus, .u-input-wrapper-size-md > .u-input:focus, .u-input-wrapper > .u-input:focus, .input-group > .u-file-uploader:focus, .u-textarea-wrapper-size-md > .u-file-uploader:focus, .u-textarea-wrapper > .u-file-uploader:focus, .u-input-wrapper-size-md > .u-file-uploader:focus, .u-input-wrapper > .u-file-uploader:focus, .input-group > .u-date-picker:focus, .u-textarea-wrapper-size-md > .u-date-picker:focus, .u-textarea-wrapper > .u-date-picker:focus, .u-input-wrapper-size-md > .u-date-picker:focus, .u-input-wrapper > .u-date-picker:focus, .input-group > .u-google-map-autocomplete:focus, .u-textarea-wrapper-size-md > .u-google-map-autocomplete:focus, .u-textarea-wrapper > .u-google-map-autocomplete:focus, .u-input-wrapper-size-md > .u-google-map-autocomplete:focus, .u-input-wrapper > .u-google-map-autocomplete:focus,
 .input-group > .form-select:focus,
+.u-textarea-wrapper-size-md > .form-select:focus,
+.u-textarea-wrapper > .form-select:focus,
 .input-group > .u-select:focus,
+.u-textarea-wrapper-size-md > .u-select:focus,
+.u-textarea-wrapper > .u-select:focus,
 .u-input-wrapper-size-md > .form-select:focus,
 .u-input-wrapper-size-md > .u-select:focus,
 .u-input-wrapper > .form-select:focus,
 .u-input-wrapper > .u-select:focus,
 .input-group > .form-floating:focus-within,
+.u-textarea-wrapper-size-md > .form-floating:focus-within,
+.u-textarea-wrapper > .form-floating:focus-within,
 .u-input-wrapper-size-md > .form-floating:focus-within,
 .u-input-wrapper > .form-floating:focus-within {
   z-index: 5;
 }
-.input-group .btn, .u-input-wrapper-size-md .btn, .u-input-wrapper .btn, .input-group .u-button, .u-input-wrapper-size-md .u-button, .u-input-wrapper .u-button {
+.input-group .btn, .u-textarea-wrapper-size-md .btn, .u-textarea-wrapper .btn, .u-input-wrapper-size-md .btn, .u-input-wrapper .btn, .input-group .u-button, .u-textarea-wrapper-size-md .u-button, .u-textarea-wrapper .u-button, .u-input-wrapper-size-md .u-button, .u-input-wrapper .u-button {
   position: relative;
   z-index: 2;
 }
-.input-group .btn:focus, .u-input-wrapper-size-md .btn:focus, .u-input-wrapper .btn:focus, .input-group .u-button:focus, .u-input-wrapper-size-md .u-button:focus, .u-input-wrapper .u-button:focus {
+.input-group .btn:focus, .u-textarea-wrapper-size-md .btn:focus, .u-textarea-wrapper .btn:focus, .u-input-wrapper-size-md .btn:focus, .u-input-wrapper .btn:focus, .input-group .u-button:focus, .u-textarea-wrapper-size-md .u-button:focus, .u-textarea-wrapper .u-button:focus, .u-input-wrapper-size-md .u-button:focus, .u-input-wrapper .u-button:focus {
   z-index: 5;
 }
 
-.input-group-text, .u-input-wrapper > span {
+.input-group-text, .u-textarea-wrapper > span, .u-input-wrapper > span {
   display: flex;
   align-items: center;
   padding: 0.4375rem 0.75rem;
@@ -2965,77 +2978,122 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   border-radius: var(--u-border-radius);
 }
 
-.input-group-lg > .form-control, .input-group-lg > .u-textarea, .u-input-wrapper-size-lg > .form-control, .u-input-wrapper-size-lg > .u-textarea, .input-group-lg > .u-input-size-md, .u-input-wrapper-size-lg > .u-input-size-md, .input-group-lg > .u-input, .u-input-wrapper-size-lg > .u-input, .input-group-lg > .u-file-uploader, .u-input-wrapper-size-lg > .u-file-uploader, .input-group-lg > .u-date-picker, .u-input-wrapper-size-lg > .u-date-picker, .input-group-lg > .u-google-map-autocomplete, .u-input-wrapper-size-lg > .u-google-map-autocomplete,
+.input-group-lg > .form-control, .u-textarea-wrapper-size-lg > .form-control, .input-group-lg > .u-textarea-size-md, .u-textarea-wrapper-size-lg > .u-textarea-size-md, .input-group-lg > .u-textarea, .u-textarea-wrapper-size-lg > .u-textarea, .u-input-wrapper-size-lg > .form-control, .u-input-wrapper-size-lg > .u-textarea-size-md, .u-input-wrapper-size-lg > .u-textarea, .input-group-lg > .u-input-size-md, .u-textarea-wrapper-size-lg > .u-input-size-md, .u-input-wrapper-size-lg > .u-input-size-md, .input-group-lg > .u-input, .u-textarea-wrapper-size-lg > .u-input, .u-input-wrapper-size-lg > .u-input, .input-group-lg > .u-file-uploader, .u-textarea-wrapper-size-lg > .u-file-uploader, .u-input-wrapper-size-lg > .u-file-uploader, .input-group-lg > .u-date-picker, .u-textarea-wrapper-size-lg > .u-date-picker, .u-input-wrapper-size-lg > .u-date-picker, .input-group-lg > .u-google-map-autocomplete, .u-textarea-wrapper-size-lg > .u-google-map-autocomplete, .u-input-wrapper-size-lg > .u-google-map-autocomplete,
 .input-group-lg > .form-select,
+.u-textarea-wrapper-size-lg > .form-select,
 .input-group-lg > .u-select,
+.u-textarea-wrapper-size-lg > .u-select,
 .u-input-wrapper-size-lg > .form-select,
 .u-input-wrapper-size-lg > .u-select,
 .input-group-lg > .input-group-text,
+.u-textarea-wrapper.input-group-lg > span,
+.u-textarea-wrapper-size-lg > .input-group-text,
+.u-textarea-wrapper.u-textarea-wrapper-size-lg > span,
 .u-input-wrapper.input-group-lg > span,
+.u-input-wrapper.u-textarea-wrapper-size-lg > span,
 .u-input-wrapper-size-lg > .input-group-text,
+.u-textarea-wrapper.u-input-wrapper-size-lg > span,
 .u-input-wrapper.u-input-wrapper-size-lg > span,
 .input-group-lg > .btn,
+.u-textarea-wrapper-size-lg > .btn,
 .u-input-wrapper-size-lg > .btn,
 .input-group-lg > .u-button,
+.u-textarea-wrapper-size-lg > .u-button,
 .u-input-wrapper-size-lg > .u-button {
   padding: 0.5rem 0.75rem;
   font-size: 1.25rem;
   border-radius: 8px;
 }
 
-.input-group-sm > .form-control, .input-group-sm > .u-textarea, .u-input-wrapper-size-sm > .form-control, .u-input-wrapper-size-sm > .u-textarea, .input-group-sm > .u-input-size-md, .u-input-wrapper-size-sm > .u-input-size-md, .input-group-sm > .u-input, .u-input-wrapper-size-sm > .u-input, .input-group-sm > .u-file-uploader, .u-input-wrapper-size-sm > .u-file-uploader, .input-group-sm > .u-date-picker, .u-input-wrapper-size-sm > .u-date-picker, .input-group-sm > .u-google-map-autocomplete, .u-input-wrapper-size-sm > .u-google-map-autocomplete,
+.input-group-sm > .form-control, .u-textarea-wrapper-size-sm > .form-control, .input-group-sm > .u-textarea-size-md, .u-textarea-wrapper-size-sm > .u-textarea-size-md, .input-group-sm > .u-textarea, .u-textarea-wrapper-size-sm > .u-textarea, .u-input-wrapper-size-sm > .form-control, .u-input-wrapper-size-sm > .u-textarea-size-md, .u-input-wrapper-size-sm > .u-textarea, .input-group-sm > .u-input-size-md, .u-textarea-wrapper-size-sm > .u-input-size-md, .u-input-wrapper-size-sm > .u-input-size-md, .input-group-sm > .u-input, .u-textarea-wrapper-size-sm > .u-input, .u-input-wrapper-size-sm > .u-input, .input-group-sm > .u-file-uploader, .u-textarea-wrapper-size-sm > .u-file-uploader, .u-input-wrapper-size-sm > .u-file-uploader, .input-group-sm > .u-date-picker, .u-textarea-wrapper-size-sm > .u-date-picker, .u-input-wrapper-size-sm > .u-date-picker, .input-group-sm > .u-google-map-autocomplete, .u-textarea-wrapper-size-sm > .u-google-map-autocomplete, .u-input-wrapper-size-sm > .u-google-map-autocomplete,
 .input-group-sm > .form-select,
+.u-textarea-wrapper-size-sm > .form-select,
 .input-group-sm > .u-select,
+.u-textarea-wrapper-size-sm > .u-select,
 .u-input-wrapper-size-sm > .form-select,
 .u-input-wrapper-size-sm > .u-select,
 .input-group-sm > .input-group-text,
+.u-textarea-wrapper.input-group-sm > span,
+.u-textarea-wrapper-size-sm > .input-group-text,
+.u-textarea-wrapper.u-textarea-wrapper-size-sm > span,
 .u-input-wrapper.input-group-sm > span,
+.u-input-wrapper.u-textarea-wrapper-size-sm > span,
 .u-input-wrapper-size-sm > .input-group-text,
+.u-textarea-wrapper.u-input-wrapper-size-sm > span,
 .u-input-wrapper.u-input-wrapper-size-sm > span,
 .input-group-sm > .btn,
+.u-textarea-wrapper-size-sm > .btn,
 .u-input-wrapper-size-sm > .btn,
 .input-group-sm > .u-button,
+.u-textarea-wrapper-size-sm > .u-button,
 .u-input-wrapper-size-sm > .u-button {
   padding: 0.125rem 0.25rem;
   font-size: 0.75rem;
   border-radius: 2px;
 }
 
-.input-group-lg > .form-select, .input-group-lg > .u-select, .u-input-wrapper-size-lg > .form-select, .u-input-wrapper-size-lg > .u-select,
+.input-group-lg > .form-select, .u-textarea-wrapper-size-lg > .form-select, .input-group-lg > .u-select, .u-textarea-wrapper-size-lg > .u-select, .u-input-wrapper-size-lg > .form-select, .u-input-wrapper-size-lg > .u-select,
 .input-group-sm > .form-select,
+.u-textarea-wrapper-size-sm > .form-select,
 .input-group-sm > .u-select,
+.u-textarea-wrapper-size-sm > .u-select,
 .u-input-wrapper-size-sm > .form-select,
 .u-input-wrapper-size-sm > .u-select {
   padding-right: 3rem;
 }
 
-.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .u-input-wrapper-size-md:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .u-input-wrapper:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating),
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .u-textarea-wrapper-size-md:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .u-textarea-wrapper:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .u-input-wrapper-size-md:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .u-input-wrapper:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating),
 .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
+.u-textarea-wrapper-size-md:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
+.u-textarea-wrapper:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
 .u-input-wrapper-size-md:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
 .u-input-wrapper:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea-size-md,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea-size-md,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea-size-md,
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea,
 .u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea-size-md,
 .u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea,
 .u-input-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.u-input-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea-size-md,
 .u-input-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-textarea,
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .u-input-size-md,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-input-size-md,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-input-size-md,
 .u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-input-size-md,
 .u-input-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-input-size-md,
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .u-input,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-input,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-input,
 .u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-input,
 .u-input-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-input,
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .u-file-uploader,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-file-uploader,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-file-uploader,
 .u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-file-uploader,
 .u-input-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-file-uploader,
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .u-date-picker,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-date-picker,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-date-picker,
 .u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-date-picker,
 .u-input-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-date-picker,
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .u-google-map-autocomplete,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-google-map-autocomplete,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-google-map-autocomplete,
 .u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-google-map-autocomplete,
 .u-input-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-google-map-autocomplete,
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .u-select,
+.u-textarea-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-select,
+.u-textarea-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .u-select,
 .u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
 .u-input-wrapper-size-md:not(.has-validation) > .form-floating:not(:last-child) > .u-select,
 .u-input-wrapper:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
@@ -3043,33 +3101,58 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .has-validation.u-input-wrapper-size-md > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .has-validation.u-input-wrapper > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating),
+.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .has-validation.u-textarea-wrapper-size-md > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .has-validation.u-textarea-wrapper > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .has-validation.u-input-wrapper-size-md > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating), .has-validation.u-input-wrapper > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.form-floating),
 .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
+.has-validation.u-textarea-wrapper-size-md > .dropdown-toggle:nth-last-child(n+4),
+.has-validation.u-textarea-wrapper > .dropdown-toggle:nth-last-child(n+4),
 .has-validation.u-input-wrapper-size-md > .dropdown-toggle:nth-last-child(n+4),
 .has-validation.u-input-wrapper > .dropdown-toggle:nth-last-child(n+4),
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .form-control,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .form-control,
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .u-textarea-size-md,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-textarea-size-md,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .u-textarea-size-md,
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .u-textarea,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-textarea,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .u-textarea,
 .has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .form-control,
+.has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-textarea-size-md,
 .has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-textarea,
 .has-validation.u-input-wrapper > .form-floating:nth-last-child(n+3) > .form-control,
+.has-validation.u-input-wrapper > .form-floating:nth-last-child(n+3) > .u-textarea-size-md,
 .has-validation.u-input-wrapper > .form-floating:nth-last-child(n+3) > .u-textarea,
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .u-input-size-md,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-input-size-md,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .u-input-size-md,
 .has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-input-size-md,
 .has-validation.u-input-wrapper > .form-floating:nth-last-child(n+3) > .u-input-size-md,
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .u-input,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-input,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .u-input,
 .has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-input,
 .has-validation.u-input-wrapper > .form-floating:nth-last-child(n+3) > .u-input,
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .u-file-uploader,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-file-uploader,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .u-file-uploader,
 .has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-file-uploader,
 .has-validation.u-input-wrapper > .form-floating:nth-last-child(n+3) > .u-file-uploader,
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .u-date-picker,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-date-picker,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .u-date-picker,
 .has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-date-picker,
 .has-validation.u-input-wrapper > .form-floating:nth-last-child(n+3) > .u-date-picker,
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .u-google-map-autocomplete,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-google-map-autocomplete,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .u-google-map-autocomplete,
 .has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-google-map-autocomplete,
 .has-validation.u-input-wrapper > .form-floating:nth-last-child(n+3) > .u-google-map-autocomplete,
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .form-select,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .form-select,
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .u-select,
+.has-validation.u-textarea-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-select,
+.has-validation.u-textarea-wrapper > .form-floating:nth-last-child(n+3) > .u-select,
 .has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .form-select,
 .has-validation.u-input-wrapper-size-md > .form-floating:nth-last-child(n+3) > .u-select,
 .has-validation.u-input-wrapper > .form-floating:nth-last-child(n+3) > .form-select,
@@ -3077,14 +3160,18 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.input-group > :not(:first-child):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.valid-tooltip):not(.valid-feedback):not(.u-form-hint-state-valid):not(.invalid-tooltip):not(.invalid-feedback):not(.u-form-hint-state-invalid), .u-input-wrapper-size-md > :not(:first-child):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.valid-tooltip):not(.valid-feedback):not(.u-form-hint-state-valid):not(.invalid-tooltip):not(.invalid-feedback):not(.u-form-hint-state-invalid), .u-input-wrapper > :not(:first-child):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.valid-tooltip):not(.valid-feedback):not(.u-form-hint-state-valid):not(.invalid-tooltip):not(.invalid-feedback):not(.u-form-hint-state-invalid) {
+.input-group > :not(:first-child):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.valid-tooltip):not(.valid-feedback):not(.u-form-hint-state-valid):not(.invalid-tooltip):not(.invalid-feedback):not(.u-form-hint-state-invalid), .u-textarea-wrapper-size-md > :not(:first-child):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.valid-tooltip):not(.valid-feedback):not(.u-form-hint-state-valid):not(.invalid-tooltip):not(.invalid-feedback):not(.u-form-hint-state-invalid), .u-textarea-wrapper > :not(:first-child):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.valid-tooltip):not(.valid-feedback):not(.u-form-hint-state-valid):not(.invalid-tooltip):not(.invalid-feedback):not(.u-form-hint-state-invalid), .u-input-wrapper-size-md > :not(:first-child):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.valid-tooltip):not(.valid-feedback):not(.u-form-hint-state-valid):not(.invalid-tooltip):not(.invalid-feedback):not(.u-form-hint-state-invalid), .u-input-wrapper > :not(:first-child):not(.dropdown-menu):not(.u-menu):not(.u-autocomplete-items):not(.valid-tooltip):not(.valid-feedback):not(.u-form-hint-state-valid):not(.invalid-tooltip):not(.invalid-feedback):not(.u-form-hint-state-invalid) {
   margin-left: -1px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .u-textarea, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .form-control, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-textarea, .u-input-wrapper > .form-floating:not(:first-child) > .form-control, .u-input-wrapper > .form-floating:not(:first-child) > .u-textarea, .input-group > .form-floating:not(:first-child) > .u-input-size-md, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-input-size-md, .u-input-wrapper > .form-floating:not(:first-child) > .u-input-size-md, .input-group > .form-floating:not(:first-child) > .u-input, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-input, .u-input-wrapper > .form-floating:not(:first-child) > .u-input, .input-group > .form-floating:not(:first-child) > .u-file-uploader, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-file-uploader, .u-input-wrapper > .form-floating:not(:first-child) > .u-file-uploader, .input-group > .form-floating:not(:first-child) > .u-date-picker, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-date-picker, .u-input-wrapper > .form-floating:not(:first-child) > .u-date-picker, .input-group > .form-floating:not(:first-child) > .u-google-map-autocomplete, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-google-map-autocomplete, .u-input-wrapper > .form-floating:not(:first-child) > .u-google-map-autocomplete,
+.input-group > .form-floating:not(:first-child) > .form-control, .u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .form-control, .u-textarea-wrapper > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .u-textarea-size-md, .u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .u-textarea-size-md, .u-textarea-wrapper > .form-floating:not(:first-child) > .u-textarea-size-md, .input-group > .form-floating:not(:first-child) > .u-textarea, .u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .u-textarea, .u-textarea-wrapper > .form-floating:not(:first-child) > .u-textarea, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .form-control, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-textarea-size-md, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-textarea, .u-input-wrapper > .form-floating:not(:first-child) > .form-control, .u-input-wrapper > .form-floating:not(:first-child) > .u-textarea-size-md, .u-input-wrapper > .form-floating:not(:first-child) > .u-textarea, .input-group > .form-floating:not(:first-child) > .u-input-size-md, .u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .u-input-size-md, .u-textarea-wrapper > .form-floating:not(:first-child) > .u-input-size-md, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-input-size-md, .u-input-wrapper > .form-floating:not(:first-child) > .u-input-size-md, .input-group > .form-floating:not(:first-child) > .u-input, .u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .u-input, .u-textarea-wrapper > .form-floating:not(:first-child) > .u-input, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-input, .u-input-wrapper > .form-floating:not(:first-child) > .u-input, .input-group > .form-floating:not(:first-child) > .u-file-uploader, .u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .u-file-uploader, .u-textarea-wrapper > .form-floating:not(:first-child) > .u-file-uploader, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-file-uploader, .u-input-wrapper > .form-floating:not(:first-child) > .u-file-uploader, .input-group > .form-floating:not(:first-child) > .u-date-picker, .u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .u-date-picker, .u-textarea-wrapper > .form-floating:not(:first-child) > .u-date-picker, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-date-picker, .u-input-wrapper > .form-floating:not(:first-child) > .u-date-picker, .input-group > .form-floating:not(:first-child) > .u-google-map-autocomplete, .u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .u-google-map-autocomplete, .u-textarea-wrapper > .form-floating:not(:first-child) > .u-google-map-autocomplete, .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-google-map-autocomplete, .u-input-wrapper > .form-floating:not(:first-child) > .u-google-map-autocomplete,
 .input-group > .form-floating:not(:first-child) > .form-select,
+.u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .form-select,
+.u-textarea-wrapper > .form-floating:not(:first-child) > .form-select,
 .input-group > .form-floating:not(:first-child) > .u-select,
+.u-textarea-wrapper-size-md > .form-floating:not(:first-child) > .u-select,
+.u-textarea-wrapper > .form-floating:not(:first-child) > .u-select,
 .u-input-wrapper-size-md > .form-floating:not(:first-child) > .form-select,
 .u-input-wrapper-size-md > .form-floating:not(:first-child) > .u-select,
 .u-input-wrapper > .form-floating:not(:first-child) > .form-select,
@@ -3118,15 +3205,18 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
 .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .u-form-hint-state-valid,
 .was-validated :valid ~ .valid-tooltip,
 .is-valid ~ .valid-feedback,
+.u-textarea-state-valid ~ .valid-feedback,
 .u-input-state-valid ~ .valid-feedback,
 .is-valid ~ .u-form-hint-state-valid,
+.u-textarea-state-valid ~ .u-form-hint-state-valid,
 .u-input-state-valid ~ .u-form-hint-state-valid,
 .is-valid ~ .valid-tooltip,
+.u-textarea-state-valid ~ .valid-tooltip,
 .u-input-state-valid ~ .valid-tooltip {
   display: block;
 }
 
-.was-validated .form-control:valid, .was-validated .u-textarea:valid, .was-validated .u-input-size-md:valid, .was-validated .u-input:valid, .was-validated .u-file-uploader:valid, .was-validated .u-date-picker:valid, .was-validated .u-google-map-autocomplete:valid, .form-control.is-valid, .is-valid.u-textarea, .form-control.u-input-state-valid, .u-input-state-valid.u-textarea, .is-valid.u-input-size-md, .u-input-size-md.u-input-state-valid, .is-valid.u-input, .u-input.u-input-state-valid, .is-valid.u-file-uploader, .u-file-uploader.u-input-state-valid, .is-valid.u-date-picker, .u-date-picker.u-input-state-valid, .is-valid.u-google-map-autocomplete, .u-google-map-autocomplete.u-input-state-valid {
+.was-validated .form-control:valid, .was-validated .u-textarea-size-md:valid, .was-validated .u-textarea:valid, .was-validated .u-input-size-md:valid, .was-validated .u-input:valid, .was-validated .u-file-uploader:valid, .was-validated .u-date-picker:valid, .was-validated .u-google-map-autocomplete:valid, .form-control.is-valid, .form-control.u-textarea-state-valid, .is-valid.u-textarea-size-md, .u-textarea-size-md.u-textarea-state-valid, .is-valid.u-textarea, .u-textarea.u-textarea-state-valid, .form-control.u-input-state-valid, .u-input-state-valid.u-textarea-size-md, .u-input-state-valid.u-textarea, .is-valid.u-input-size-md, .u-input-size-md.u-textarea-state-valid, .u-input-size-md.u-input-state-valid, .is-valid.u-input, .u-input.u-textarea-state-valid, .u-input.u-input-state-valid, .is-valid.u-file-uploader, .u-file-uploader.u-textarea-state-valid, .u-file-uploader.u-input-state-valid, .is-valid.u-date-picker, .u-date-picker.u-textarea-state-valid, .u-date-picker.u-input-state-valid, .is-valid.u-google-map-autocomplete, .u-google-map-autocomplete.u-textarea-state-valid, .u-google-map-autocomplete.u-input-state-valid {
   border-color: #2fb344;
   padding-right: calc(1.4285714286em + 0.875rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
@@ -3134,44 +3224,44 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   background-position: right calc(0.3571428572em + 0.21875rem) center;
   background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 }
-.was-validated .form-control:valid:focus, .was-validated .u-textarea:valid:focus, .was-validated .u-input-size-md:valid:focus, .was-validated .u-input:valid:focus, .was-validated .u-file-uploader:valid:focus, .was-validated .u-date-picker:valid:focus, .was-validated .u-google-map-autocomplete:valid:focus, .form-control.is-valid:focus, .is-valid.u-textarea:focus, .form-control.u-input-state-valid:focus, .u-input-state-valid.u-textarea:focus, .is-valid.u-input-size-md:focus, .u-input-size-md.u-input-state-valid:focus, .is-valid.u-input:focus, .u-input.u-input-state-valid:focus, .is-valid.u-file-uploader:focus, .u-file-uploader.u-input-state-valid:focus, .is-valid.u-date-picker:focus, .u-date-picker.u-input-state-valid:focus, .is-valid.u-google-map-autocomplete:focus, .u-google-map-autocomplete.u-input-state-valid:focus {
+.was-validated .form-control:valid:focus, .was-validated .u-textarea-size-md:valid:focus, .was-validated .u-textarea:valid:focus, .was-validated .u-input-size-md:valid:focus, .was-validated .u-input:valid:focus, .was-validated .u-file-uploader:valid:focus, .was-validated .u-date-picker:valid:focus, .was-validated .u-google-map-autocomplete:valid:focus, .form-control.is-valid:focus, .form-control.u-textarea-state-valid:focus, .is-valid.u-textarea-size-md:focus, .u-textarea-size-md.u-textarea-state-valid:focus, .is-valid.u-textarea:focus, .u-textarea.u-textarea-state-valid:focus, .form-control.u-input-state-valid:focus, .u-input-state-valid.u-textarea-size-md:focus, .u-input-state-valid.u-textarea:focus, .is-valid.u-input-size-md:focus, .u-input-size-md.u-textarea-state-valid:focus, .u-input-size-md.u-input-state-valid:focus, .is-valid.u-input:focus, .u-input.u-textarea-state-valid:focus, .u-input.u-input-state-valid:focus, .is-valid.u-file-uploader:focus, .u-file-uploader.u-textarea-state-valid:focus, .u-file-uploader.u-input-state-valid:focus, .is-valid.u-date-picker:focus, .u-date-picker.u-textarea-state-valid:focus, .u-date-picker.u-input-state-valid:focus, .is-valid.u-google-map-autocomplete:focus, .u-google-map-autocomplete.u-textarea-state-valid:focus, .u-google-map-autocomplete.u-input-state-valid:focus {
   border-color: #2fb344;
   box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
 }
 
-.was-validated textarea.form-control:valid, .was-validated textarea.u-textarea:valid, .was-validated textarea.u-input-size-md:valid, .was-validated textarea.u-input:valid, .was-validated textarea.u-file-uploader:valid, .was-validated textarea.u-date-picker:valid, .was-validated textarea.u-google-map-autocomplete:valid, textarea.form-control.is-valid, textarea.is-valid.u-textarea, textarea.form-control.u-input-state-valid, textarea.u-input-state-valid.u-textarea, textarea.is-valid.u-input-size-md, textarea.u-input-size-md.u-input-state-valid, textarea.is-valid.u-input, textarea.u-input.u-input-state-valid, textarea.is-valid.u-file-uploader, textarea.u-file-uploader.u-input-state-valid, textarea.is-valid.u-date-picker, textarea.u-date-picker.u-input-state-valid, textarea.is-valid.u-google-map-autocomplete, textarea.u-google-map-autocomplete.u-input-state-valid {
+.was-validated textarea.form-control:valid, .was-validated textarea.u-textarea-size-md:valid, .was-validated textarea.u-textarea:valid, .was-validated textarea.u-input-size-md:valid, .was-validated textarea.u-input:valid, .was-validated textarea.u-file-uploader:valid, .was-validated textarea.u-date-picker:valid, .was-validated textarea.u-google-map-autocomplete:valid, textarea.form-control.is-valid, textarea.form-control.u-textarea-state-valid, textarea.is-valid.u-textarea-size-md, textarea.u-textarea-size-md.u-textarea-state-valid, textarea.is-valid.u-textarea, textarea.u-textarea.u-textarea-state-valid, textarea.form-control.u-input-state-valid, textarea.u-input-state-valid.u-textarea-size-md, textarea.u-input-state-valid.u-textarea, textarea.is-valid.u-input-size-md, textarea.u-input-size-md.u-textarea-state-valid, textarea.u-input-size-md.u-input-state-valid, textarea.is-valid.u-input, textarea.u-input.u-textarea-state-valid, textarea.u-input.u-input-state-valid, textarea.is-valid.u-file-uploader, textarea.u-file-uploader.u-textarea-state-valid, textarea.u-file-uploader.u-input-state-valid, textarea.is-valid.u-date-picker, textarea.u-date-picker.u-textarea-state-valid, textarea.u-date-picker.u-input-state-valid, textarea.is-valid.u-google-map-autocomplete, textarea.u-google-map-autocomplete.u-textarea-state-valid, textarea.u-google-map-autocomplete.u-input-state-valid {
   padding-right: calc(1.4285714286em + 0.875rem);
   background-position: top calc(0.3571428572em + 0.21875rem) right calc(0.3571428572em + 0.21875rem);
 }
 
-.was-validated .form-select:valid, .was-validated .u-select:valid, .form-select.is-valid, .is-valid.u-select, .form-select.u-input-state-valid, .u-input-state-valid.u-select {
+.was-validated .form-select:valid, .was-validated .u-select:valid, .form-select.is-valid, .form-select.u-textarea-state-valid, .is-valid.u-select, .u-select.u-textarea-state-valid, .form-select.u-input-state-valid, .u-input-state-valid.u-select {
   border-color: #2fb344;
 }
-.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .u-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .u-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .is-valid.u-select:not([multiple]):not([size]), .form-select.u-input-state-valid:not([multiple]):not([size]), .u-input-state-valid.u-select:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .is-valid.u-select:not([multiple])[size="1"], .form-select.u-input-state-valid:not([multiple])[size="1"], .u-input-state-valid.u-select:not([multiple])[size="1"] {
+.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .u-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .u-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.u-textarea-state-valid:not([multiple]):not([size]), .is-valid.u-select:not([multiple]):not([size]), .u-select.u-textarea-state-valid:not([multiple]):not([size]), .form-select.u-input-state-valid:not([multiple]):not([size]), .u-input-state-valid.u-select:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .form-select.u-textarea-state-valid:not([multiple])[size="1"], .is-valid.u-select:not([multiple])[size="1"], .u-select.u-textarea-state-valid:not([multiple])[size="1"], .form-select.u-input-state-valid:not([multiple])[size="1"], .u-input-state-valid.u-select:not([multiple])[size="1"] {
   padding-right: 4.125rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 }
-.was-validated .form-select:valid:focus, .was-validated .u-select:valid:focus, .form-select.is-valid:focus, .is-valid.u-select:focus, .form-select.u-input-state-valid:focus, .u-input-state-valid.u-select:focus {
+.was-validated .form-select:valid:focus, .was-validated .u-select:valid:focus, .form-select.is-valid:focus, .form-select.u-textarea-state-valid:focus, .is-valid.u-select:focus, .u-select.u-textarea-state-valid:focus, .form-select.u-input-state-valid:focus, .u-input-state-valid.u-select:focus {
   border-color: #2fb344;
   box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
 }
 
-.was-validated .form-control-color:valid, .form-control-color.is-valid, .form-control-color.u-input-state-valid {
+.was-validated .form-control-color:valid, .form-control-color.is-valid, .form-control-color.u-textarea-state-valid, .form-control-color.u-input-state-valid {
   width: calc(3rem + calc(1.4285714286em + 0.875rem));
 }
 
-.was-validated .form-check-input:valid, .was-validated .u-switch:valid, .was-validated .u-radio-input:valid, .was-validated .u-checkbox-input:valid, .form-check-input.is-valid, .is-valid.u-switch, .is-valid.u-radio-input, .form-check-input.u-input-state-valid, .u-input-state-valid.u-switch, .u-input-state-valid.u-radio-input, .is-valid.u-checkbox-input, .u-checkbox-input.u-input-state-valid {
+.was-validated .form-check-input:valid, .was-validated .u-switch:valid, .was-validated .u-radio-input:valid, .was-validated .u-checkbox-input:valid, .form-check-input.is-valid, .form-check-input.u-textarea-state-valid, .is-valid.u-switch, .u-switch.u-textarea-state-valid, .is-valid.u-radio-input, .u-radio-input.u-textarea-state-valid, .form-check-input.u-input-state-valid, .u-input-state-valid.u-switch, .u-input-state-valid.u-radio-input, .is-valid.u-checkbox-input, .u-checkbox-input.u-textarea-state-valid, .u-checkbox-input.u-input-state-valid {
   border-color: #2fb344;
 }
-.was-validated .form-check-input:valid:checked, .was-validated .u-switch:valid:checked, .was-validated .u-radio-input:valid:checked, .was-validated .u-checkbox-input:valid:checked, .form-check-input.is-valid:checked, .is-valid.u-switch:checked, .is-valid.u-radio-input:checked, .form-check-input.u-input-state-valid:checked, .u-input-state-valid.u-switch:checked, .u-input-state-valid.u-radio-input:checked, .is-valid.u-checkbox-input:checked, .u-checkbox-input.u-input-state-valid:checked {
+.was-validated .form-check-input:valid:checked, .was-validated .u-switch:valid:checked, .was-validated .u-radio-input:valid:checked, .was-validated .u-checkbox-input:valid:checked, .form-check-input.is-valid:checked, .form-check-input.u-textarea-state-valid:checked, .is-valid.u-switch:checked, .u-switch.u-textarea-state-valid:checked, .is-valid.u-radio-input:checked, .u-radio-input.u-textarea-state-valid:checked, .form-check-input.u-input-state-valid:checked, .u-input-state-valid.u-switch:checked, .u-input-state-valid.u-radio-input:checked, .is-valid.u-checkbox-input:checked, .u-checkbox-input.u-textarea-state-valid:checked, .u-checkbox-input.u-input-state-valid:checked {
   background-color: #2fb344;
 }
-.was-validated .form-check-input:valid:focus, .was-validated .u-switch:valid:focus, .was-validated .u-radio-input:valid:focus, .was-validated .u-checkbox-input:valid:focus, .form-check-input.is-valid:focus, .is-valid.u-switch:focus, .is-valid.u-radio-input:focus, .form-check-input.u-input-state-valid:focus, .u-input-state-valid.u-switch:focus, .u-input-state-valid.u-radio-input:focus, .is-valid.u-checkbox-input:focus, .u-checkbox-input.u-input-state-valid:focus {
+.was-validated .form-check-input:valid:focus, .was-validated .u-switch:valid:focus, .was-validated .u-radio-input:valid:focus, .was-validated .u-checkbox-input:valid:focus, .form-check-input.is-valid:focus, .form-check-input.u-textarea-state-valid:focus, .is-valid.u-switch:focus, .u-switch.u-textarea-state-valid:focus, .is-valid.u-radio-input:focus, .u-radio-input.u-textarea-state-valid:focus, .form-check-input.u-input-state-valid:focus, .u-input-state-valid.u-switch:focus, .u-input-state-valid.u-radio-input:focus, .is-valid.u-checkbox-input:focus, .u-checkbox-input.u-textarea-state-valid:focus, .u-checkbox-input.u-input-state-valid:focus {
   box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
 }
-.was-validated .form-check-input:valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .u-switch-label, .was-validated .u-switch:valid ~ .form-check-label, .was-validated .u-switch:valid ~ .u-switch-label, .was-validated .form-check-input:valid ~ .u-radio-label, .was-validated .u-switch:valid ~ .u-radio-label, .was-validated .u-radio-input:valid ~ .form-check-label, .was-validated .u-radio-input:valid ~ .u-switch-label, .was-validated .u-radio-input:valid ~ .u-radio-label, .was-validated .form-check-input:valid ~ .u-checkbox-label, .was-validated .u-switch:valid ~ .u-checkbox-label, .was-validated .u-radio-input:valid ~ .u-checkbox-label, .was-validated .u-checkbox-input:valid ~ .form-check-label, .was-validated .u-checkbox-input:valid ~ .u-switch-label, .was-validated .u-checkbox-input:valid ~ .u-radio-label, .was-validated .u-checkbox-input:valid ~ .u-checkbox-label, .form-check-input.is-valid ~ .form-check-label, .form-check-input.is-valid ~ .u-switch-label, .is-valid.u-switch ~ .form-check-label, .is-valid.u-switch ~ .u-switch-label, .form-check-input.is-valid ~ .u-radio-label, .is-valid.u-switch ~ .u-radio-label, .is-valid.u-radio-input ~ .form-check-label, .is-valid.u-radio-input ~ .u-switch-label, .is-valid.u-radio-input ~ .u-radio-label, .form-check-input.u-input-state-valid ~ .form-check-label, .form-check-input.u-input-state-valid ~ .u-switch-label, .u-input-state-valid.u-switch ~ .form-check-label, .u-input-state-valid.u-switch ~ .u-switch-label, .form-check-input.u-input-state-valid ~ .u-radio-label, .u-input-state-valid.u-switch ~ .u-radio-label, .u-input-state-valid.u-radio-input ~ .form-check-label, .u-input-state-valid.u-radio-input ~ .u-switch-label, .u-input-state-valid.u-radio-input ~ .u-radio-label, .form-check-input.is-valid ~ .u-checkbox-label, .is-valid.u-switch ~ .u-checkbox-label, .is-valid.u-radio-input ~ .u-checkbox-label, .form-check-input.u-input-state-valid ~ .u-checkbox-label, .u-input-state-valid.u-switch ~ .u-checkbox-label, .u-input-state-valid.u-radio-input ~ .u-checkbox-label, .is-valid.u-checkbox-input ~ .form-check-label, .is-valid.u-checkbox-input ~ .u-switch-label, .is-valid.u-checkbox-input ~ .u-radio-label, .u-checkbox-input.u-input-state-valid ~ .form-check-label, .u-checkbox-input.u-input-state-valid ~ .u-switch-label, .u-checkbox-input.u-input-state-valid ~ .u-radio-label, .is-valid.u-checkbox-input ~ .u-checkbox-label, .u-checkbox-input.u-input-state-valid ~ .u-checkbox-label {
+.was-validated .form-check-input:valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .u-switch-label, .was-validated .u-switch:valid ~ .form-check-label, .was-validated .u-switch:valid ~ .u-switch-label, .was-validated .form-check-input:valid ~ .u-radio-label, .was-validated .u-switch:valid ~ .u-radio-label, .was-validated .u-radio-input:valid ~ .form-check-label, .was-validated .u-radio-input:valid ~ .u-switch-label, .was-validated .u-radio-input:valid ~ .u-radio-label, .was-validated .form-check-input:valid ~ .u-checkbox-label, .was-validated .u-switch:valid ~ .u-checkbox-label, .was-validated .u-radio-input:valid ~ .u-checkbox-label, .was-validated .u-checkbox-input:valid ~ .form-check-label, .was-validated .u-checkbox-input:valid ~ .u-switch-label, .was-validated .u-checkbox-input:valid ~ .u-radio-label, .was-validated .u-checkbox-input:valid ~ .u-checkbox-label, .form-check-input.is-valid ~ .form-check-label, .form-check-input.u-textarea-state-valid ~ .form-check-label, .form-check-input.is-valid ~ .u-switch-label, .form-check-input.u-textarea-state-valid ~ .u-switch-label, .is-valid.u-switch ~ .form-check-label, .u-switch.u-textarea-state-valid ~ .form-check-label, .is-valid.u-switch ~ .u-switch-label, .u-switch.u-textarea-state-valid ~ .u-switch-label, .form-check-input.is-valid ~ .u-radio-label, .form-check-input.u-textarea-state-valid ~ .u-radio-label, .is-valid.u-switch ~ .u-radio-label, .u-switch.u-textarea-state-valid ~ .u-radio-label, .is-valid.u-radio-input ~ .form-check-label, .u-radio-input.u-textarea-state-valid ~ .form-check-label, .is-valid.u-radio-input ~ .u-switch-label, .u-radio-input.u-textarea-state-valid ~ .u-switch-label, .is-valid.u-radio-input ~ .u-radio-label, .u-radio-input.u-textarea-state-valid ~ .u-radio-label, .form-check-input.u-input-state-valid ~ .form-check-label, .form-check-input.u-input-state-valid ~ .u-switch-label, .u-input-state-valid.u-switch ~ .form-check-label, .u-input-state-valid.u-switch ~ .u-switch-label, .form-check-input.u-input-state-valid ~ .u-radio-label, .u-input-state-valid.u-switch ~ .u-radio-label, .u-input-state-valid.u-radio-input ~ .form-check-label, .u-input-state-valid.u-radio-input ~ .u-switch-label, .u-input-state-valid.u-radio-input ~ .u-radio-label, .form-check-input.is-valid ~ .u-checkbox-label, .form-check-input.u-textarea-state-valid ~ .u-checkbox-label, .is-valid.u-switch ~ .u-checkbox-label, .u-switch.u-textarea-state-valid ~ .u-checkbox-label, .is-valid.u-radio-input ~ .u-checkbox-label, .u-radio-input.u-textarea-state-valid ~ .u-checkbox-label, .form-check-input.u-input-state-valid ~ .u-checkbox-label, .u-input-state-valid.u-switch ~ .u-checkbox-label, .u-input-state-valid.u-radio-input ~ .u-checkbox-label, .is-valid.u-checkbox-input ~ .form-check-label, .u-checkbox-input.u-textarea-state-valid ~ .form-check-label, .is-valid.u-checkbox-input ~ .u-switch-label, .u-checkbox-input.u-textarea-state-valid ~ .u-switch-label, .is-valid.u-checkbox-input ~ .u-radio-label, .u-checkbox-input.u-textarea-state-valid ~ .u-radio-label, .u-checkbox-input.u-input-state-valid ~ .form-check-label, .u-checkbox-input.u-input-state-valid ~ .u-switch-label, .u-checkbox-input.u-input-state-valid ~ .u-radio-label, .is-valid.u-checkbox-input ~ .u-checkbox-label, .u-checkbox-input.u-textarea-state-valid ~ .u-checkbox-label, .u-checkbox-input.u-input-state-valid ~ .u-checkbox-label {
   color: #2fb344;
 }
 
@@ -3179,32 +3269,65 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   margin-left: 0.5em;
 }
 
-.was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .u-textarea:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .form-control:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-textarea:not(:focus):valid, .was-validated .u-input-wrapper > .form-control:not(:focus):valid, .was-validated .u-input-wrapper > .u-textarea:not(:focus):valid, .was-validated .input-group > .u-input-size-md:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-input-size-md:not(:focus):valid, .was-validated .u-input-wrapper > .u-input-size-md:not(:focus):valid, .was-validated .input-group > .u-input:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-input:not(:focus):valid, .was-validated .u-input-wrapper > .u-input:not(:focus):valid, .was-validated .input-group > .u-file-uploader:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-file-uploader:not(:focus):valid, .was-validated .u-input-wrapper > .u-file-uploader:not(:focus):valid, .was-validated .input-group > .u-date-picker:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-date-picker:not(:focus):valid, .was-validated .u-input-wrapper > .u-date-picker:not(:focus):valid, .was-validated .input-group > .u-google-map-autocomplete:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-google-map-autocomplete:not(:focus):valid, .was-validated .u-input-wrapper > .u-google-map-autocomplete:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .input-group > .u-textarea:not(:focus).is-valid, .u-input-wrapper-size-md > .form-control:not(:focus).is-valid, .u-input-wrapper-size-md > .u-textarea:not(:focus).is-valid, .u-input-wrapper > .form-control:not(:focus).is-valid, .u-input-wrapper > .u-textarea:not(:focus).is-valid, .input-group > .form-control.u-input-state-valid:not(:focus), .input-group > .u-input-state-valid.u-textarea:not(:focus), .u-input-wrapper-size-md > .form-control.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-input-state-valid.u-textarea:not(:focus), .u-input-wrapper > .form-control.u-input-state-valid:not(:focus), .u-input-wrapper > .u-input-state-valid.u-textarea:not(:focus), .input-group > .u-input-size-md:not(:focus).is-valid, .u-input-wrapper-size-md > .u-input-size-md:not(:focus).is-valid, .u-input-wrapper > .u-input-size-md:not(:focus).is-valid, .input-group > .u-input-size-md.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-input-size-md.u-input-state-valid:not(:focus), .u-input-wrapper > .u-input-size-md.u-input-state-valid:not(:focus), .input-group > .u-input:not(:focus).is-valid, .u-input-wrapper-size-md > .u-input:not(:focus).is-valid, .u-input-wrapper > .u-input:not(:focus).is-valid, .input-group > .u-input.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-input.u-input-state-valid:not(:focus), .u-input-wrapper > .u-input.u-input-state-valid:not(:focus), .input-group > .u-file-uploader:not(:focus).is-valid, .u-input-wrapper-size-md > .u-file-uploader:not(:focus).is-valid, .u-input-wrapper > .u-file-uploader:not(:focus).is-valid, .input-group > .u-file-uploader.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-file-uploader.u-input-state-valid:not(:focus), .u-input-wrapper > .u-file-uploader.u-input-state-valid:not(:focus), .input-group > .u-date-picker:not(:focus).is-valid, .u-input-wrapper-size-md > .u-date-picker:not(:focus).is-valid, .u-input-wrapper > .u-date-picker:not(:focus).is-valid, .input-group > .u-date-picker.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-date-picker.u-input-state-valid:not(:focus), .u-input-wrapper > .u-date-picker.u-input-state-valid:not(:focus), .input-group > .u-google-map-autocomplete:not(:focus).is-valid, .u-input-wrapper-size-md > .u-google-map-autocomplete:not(:focus).is-valid, .u-input-wrapper > .u-google-map-autocomplete:not(:focus).is-valid, .input-group > .u-google-map-autocomplete.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-google-map-autocomplete.u-input-state-valid:not(:focus), .u-input-wrapper > .u-google-map-autocomplete.u-input-state-valid:not(:focus),
+.was-validated .input-group > .form-control:not(:focus):valid, .was-validated .u-textarea-wrapper-size-md > .form-control:not(:focus):valid, .was-validated .u-textarea-wrapper > .form-control:not(:focus):valid, .was-validated .input-group > .u-textarea-size-md:not(:focus):valid, .was-validated .u-textarea-wrapper-size-md > .u-textarea-size-md:not(:focus):valid, .was-validated .u-textarea-wrapper > .u-textarea-size-md:not(:focus):valid, .was-validated .input-group > .u-textarea:not(:focus):valid, .was-validated .u-textarea-wrapper-size-md > .u-textarea:not(:focus):valid, .was-validated .u-textarea-wrapper > .u-textarea:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .form-control:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-textarea-size-md:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-textarea:not(:focus):valid, .was-validated .u-input-wrapper > .form-control:not(:focus):valid, .was-validated .u-input-wrapper > .u-textarea-size-md:not(:focus):valid, .was-validated .u-input-wrapper > .u-textarea:not(:focus):valid, .was-validated .input-group > .u-input-size-md:not(:focus):valid, .was-validated .u-textarea-wrapper-size-md > .u-input-size-md:not(:focus):valid, .was-validated .u-textarea-wrapper > .u-input-size-md:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-input-size-md:not(:focus):valid, .was-validated .u-input-wrapper > .u-input-size-md:not(:focus):valid, .was-validated .input-group > .u-input:not(:focus):valid, .was-validated .u-textarea-wrapper-size-md > .u-input:not(:focus):valid, .was-validated .u-textarea-wrapper > .u-input:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-input:not(:focus):valid, .was-validated .u-input-wrapper > .u-input:not(:focus):valid, .was-validated .input-group > .u-file-uploader:not(:focus):valid, .was-validated .u-textarea-wrapper-size-md > .u-file-uploader:not(:focus):valid, .was-validated .u-textarea-wrapper > .u-file-uploader:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-file-uploader:not(:focus):valid, .was-validated .u-input-wrapper > .u-file-uploader:not(:focus):valid, .was-validated .input-group > .u-date-picker:not(:focus):valid, .was-validated .u-textarea-wrapper-size-md > .u-date-picker:not(:focus):valid, .was-validated .u-textarea-wrapper > .u-date-picker:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-date-picker:not(:focus):valid, .was-validated .u-input-wrapper > .u-date-picker:not(:focus):valid, .was-validated .input-group > .u-google-map-autocomplete:not(:focus):valid, .was-validated .u-textarea-wrapper-size-md > .u-google-map-autocomplete:not(:focus):valid, .was-validated .u-textarea-wrapper > .u-google-map-autocomplete:not(:focus):valid, .was-validated .u-input-wrapper-size-md > .u-google-map-autocomplete:not(:focus):valid, .was-validated .u-input-wrapper > .u-google-map-autocomplete:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .u-textarea-wrapper-size-md > .form-control:not(:focus).is-valid, .u-textarea-wrapper > .form-control:not(:focus).is-valid, .input-group > .form-control.u-textarea-state-valid:not(:focus), .u-textarea-wrapper-size-md > .form-control.u-textarea-state-valid:not(:focus), .u-textarea-wrapper > .form-control.u-textarea-state-valid:not(:focus), .input-group > .u-textarea-size-md:not(:focus).is-valid, .u-textarea-wrapper-size-md > .u-textarea-size-md:not(:focus).is-valid, .u-textarea-wrapper > .u-textarea-size-md:not(:focus).is-valid, .input-group > .u-textarea-size-md.u-textarea-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-textarea-size-md.u-textarea-state-valid:not(:focus), .u-textarea-wrapper > .u-textarea-size-md.u-textarea-state-valid:not(:focus), .input-group > .u-textarea:not(:focus).is-valid, .u-textarea-wrapper-size-md > .u-textarea:not(:focus).is-valid, .u-textarea-wrapper > .u-textarea:not(:focus).is-valid, .input-group > .u-textarea.u-textarea-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-textarea.u-textarea-state-valid:not(:focus), .u-textarea-wrapper > .u-textarea.u-textarea-state-valid:not(:focus), .u-input-wrapper-size-md > .form-control:not(:focus).is-valid, .u-input-wrapper-size-md > .form-control.u-textarea-state-valid:not(:focus), .u-input-wrapper-size-md > .u-textarea-size-md:not(:focus).is-valid, .u-input-wrapper-size-md > .u-textarea-size-md.u-textarea-state-valid:not(:focus), .u-input-wrapper-size-md > .u-textarea:not(:focus).is-valid, .u-input-wrapper-size-md > .u-textarea.u-textarea-state-valid:not(:focus), .u-input-wrapper > .form-control:not(:focus).is-valid, .u-input-wrapper > .form-control.u-textarea-state-valid:not(:focus), .u-input-wrapper > .u-textarea-size-md:not(:focus).is-valid, .u-input-wrapper > .u-textarea-size-md.u-textarea-state-valid:not(:focus), .u-input-wrapper > .u-textarea:not(:focus).is-valid, .u-input-wrapper > .u-textarea.u-textarea-state-valid:not(:focus), .input-group > .form-control.u-input-state-valid:not(:focus), .u-textarea-wrapper-size-md > .form-control.u-input-state-valid:not(:focus), .u-textarea-wrapper > .form-control.u-input-state-valid:not(:focus), .input-group > .u-input-state-valid.u-textarea-size-md:not(:focus), .u-textarea-wrapper-size-md > .u-input-state-valid.u-textarea-size-md:not(:focus), .u-textarea-wrapper > .u-input-state-valid.u-textarea-size-md:not(:focus), .input-group > .u-input-state-valid.u-textarea:not(:focus), .u-textarea-wrapper-size-md > .u-input-state-valid.u-textarea:not(:focus), .u-textarea-wrapper > .u-input-state-valid.u-textarea:not(:focus), .u-input-wrapper-size-md > .form-control.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-input-state-valid.u-textarea-size-md:not(:focus), .u-input-wrapper-size-md > .u-input-state-valid.u-textarea:not(:focus), .u-input-wrapper > .form-control.u-input-state-valid:not(:focus), .u-input-wrapper > .u-input-state-valid.u-textarea-size-md:not(:focus), .u-input-wrapper > .u-input-state-valid.u-textarea:not(:focus), .input-group > .u-input-size-md:not(:focus).is-valid, .u-textarea-wrapper-size-md > .u-input-size-md:not(:focus).is-valid, .u-textarea-wrapper > .u-input-size-md:not(:focus).is-valid, .input-group > .u-input-size-md.u-textarea-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-input-size-md.u-textarea-state-valid:not(:focus), .u-textarea-wrapper > .u-input-size-md.u-textarea-state-valid:not(:focus), .u-input-wrapper-size-md > .u-input-size-md:not(:focus).is-valid, .u-input-wrapper-size-md > .u-input-size-md.u-textarea-state-valid:not(:focus), .u-input-wrapper > .u-input-size-md:not(:focus).is-valid, .u-input-wrapper > .u-input-size-md.u-textarea-state-valid:not(:focus), .input-group > .u-input-size-md.u-input-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-input-size-md.u-input-state-valid:not(:focus), .u-textarea-wrapper > .u-input-size-md.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-input-size-md.u-input-state-valid:not(:focus), .u-input-wrapper > .u-input-size-md.u-input-state-valid:not(:focus), .input-group > .u-input:not(:focus).is-valid, .u-textarea-wrapper-size-md > .u-input:not(:focus).is-valid, .u-textarea-wrapper > .u-input:not(:focus).is-valid, .input-group > .u-input.u-textarea-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-input.u-textarea-state-valid:not(:focus), .u-textarea-wrapper > .u-input.u-textarea-state-valid:not(:focus), .u-input-wrapper-size-md > .u-input:not(:focus).is-valid, .u-input-wrapper-size-md > .u-input.u-textarea-state-valid:not(:focus), .u-input-wrapper > .u-input:not(:focus).is-valid, .u-input-wrapper > .u-input.u-textarea-state-valid:not(:focus), .input-group > .u-input.u-input-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-input.u-input-state-valid:not(:focus), .u-textarea-wrapper > .u-input.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-input.u-input-state-valid:not(:focus), .u-input-wrapper > .u-input.u-input-state-valid:not(:focus), .input-group > .u-file-uploader:not(:focus).is-valid, .u-textarea-wrapper-size-md > .u-file-uploader:not(:focus).is-valid, .u-textarea-wrapper > .u-file-uploader:not(:focus).is-valid, .input-group > .u-file-uploader.u-textarea-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-file-uploader.u-textarea-state-valid:not(:focus), .u-textarea-wrapper > .u-file-uploader.u-textarea-state-valid:not(:focus), .u-input-wrapper-size-md > .u-file-uploader:not(:focus).is-valid, .u-input-wrapper-size-md > .u-file-uploader.u-textarea-state-valid:not(:focus), .u-input-wrapper > .u-file-uploader:not(:focus).is-valid, .u-input-wrapper > .u-file-uploader.u-textarea-state-valid:not(:focus), .input-group > .u-file-uploader.u-input-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-file-uploader.u-input-state-valid:not(:focus), .u-textarea-wrapper > .u-file-uploader.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-file-uploader.u-input-state-valid:not(:focus), .u-input-wrapper > .u-file-uploader.u-input-state-valid:not(:focus), .input-group > .u-date-picker:not(:focus).is-valid, .u-textarea-wrapper-size-md > .u-date-picker:not(:focus).is-valid, .u-textarea-wrapper > .u-date-picker:not(:focus).is-valid, .input-group > .u-date-picker.u-textarea-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-date-picker.u-textarea-state-valid:not(:focus), .u-textarea-wrapper > .u-date-picker.u-textarea-state-valid:not(:focus), .u-input-wrapper-size-md > .u-date-picker:not(:focus).is-valid, .u-input-wrapper-size-md > .u-date-picker.u-textarea-state-valid:not(:focus), .u-input-wrapper > .u-date-picker:not(:focus).is-valid, .u-input-wrapper > .u-date-picker.u-textarea-state-valid:not(:focus), .input-group > .u-date-picker.u-input-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-date-picker.u-input-state-valid:not(:focus), .u-textarea-wrapper > .u-date-picker.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-date-picker.u-input-state-valid:not(:focus), .u-input-wrapper > .u-date-picker.u-input-state-valid:not(:focus), .input-group > .u-google-map-autocomplete:not(:focus).is-valid, .u-textarea-wrapper-size-md > .u-google-map-autocomplete:not(:focus).is-valid, .u-textarea-wrapper > .u-google-map-autocomplete:not(:focus).is-valid, .input-group > .u-google-map-autocomplete.u-textarea-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-google-map-autocomplete.u-textarea-state-valid:not(:focus), .u-textarea-wrapper > .u-google-map-autocomplete.u-textarea-state-valid:not(:focus), .u-input-wrapper-size-md > .u-google-map-autocomplete:not(:focus).is-valid, .u-input-wrapper-size-md > .u-google-map-autocomplete.u-textarea-state-valid:not(:focus), .u-input-wrapper > .u-google-map-autocomplete:not(:focus).is-valid, .u-input-wrapper > .u-google-map-autocomplete.u-textarea-state-valid:not(:focus), .input-group > .u-google-map-autocomplete.u-input-state-valid:not(:focus), .u-textarea-wrapper-size-md > .u-google-map-autocomplete.u-input-state-valid:not(:focus), .u-textarea-wrapper > .u-google-map-autocomplete.u-input-state-valid:not(:focus), .u-input-wrapper-size-md > .u-google-map-autocomplete.u-input-state-valid:not(:focus), .u-input-wrapper > .u-google-map-autocomplete.u-input-state-valid:not(:focus),
 .was-validated .input-group > .form-select:not(:focus):valid,
+.was-validated .u-textarea-wrapper-size-md > .form-select:not(:focus):valid,
+.was-validated .u-textarea-wrapper > .form-select:not(:focus):valid,
 .was-validated .input-group > .u-select:not(:focus):valid,
+.was-validated .u-textarea-wrapper-size-md > .u-select:not(:focus):valid,
+.was-validated .u-textarea-wrapper > .u-select:not(:focus):valid,
 .was-validated .u-input-wrapper-size-md > .form-select:not(:focus):valid,
 .was-validated .u-input-wrapper-size-md > .u-select:not(:focus):valid,
 .was-validated .u-input-wrapper > .form-select:not(:focus):valid,
 .was-validated .u-input-wrapper > .u-select:not(:focus):valid,
 .input-group > .form-select:not(:focus).is-valid,
+.u-textarea-wrapper-size-md > .form-select:not(:focus).is-valid,
+.u-textarea-wrapper > .form-select:not(:focus).is-valid,
+.input-group > .form-select.u-textarea-state-valid:not(:focus),
+.u-textarea-wrapper-size-md > .form-select.u-textarea-state-valid:not(:focus),
+.u-textarea-wrapper > .form-select.u-textarea-state-valid:not(:focus),
 .input-group > .u-select:not(:focus).is-valid,
+.u-textarea-wrapper-size-md > .u-select:not(:focus).is-valid,
+.u-textarea-wrapper > .u-select:not(:focus).is-valid,
+.input-group > .u-select.u-textarea-state-valid:not(:focus),
+.u-textarea-wrapper-size-md > .u-select.u-textarea-state-valid:not(:focus),
+.u-textarea-wrapper > .u-select.u-textarea-state-valid:not(:focus),
 .u-input-wrapper-size-md > .form-select:not(:focus).is-valid,
+.u-input-wrapper-size-md > .form-select.u-textarea-state-valid:not(:focus),
 .u-input-wrapper-size-md > .u-select:not(:focus).is-valid,
+.u-input-wrapper-size-md > .u-select.u-textarea-state-valid:not(:focus),
 .u-input-wrapper > .form-select:not(:focus).is-valid,
+.u-input-wrapper > .form-select.u-textarea-state-valid:not(:focus),
 .u-input-wrapper > .u-select:not(:focus).is-valid,
+.u-input-wrapper > .u-select.u-textarea-state-valid:not(:focus),
 .input-group > .form-select.u-input-state-valid:not(:focus),
+.u-textarea-wrapper-size-md > .form-select.u-input-state-valid:not(:focus),
+.u-textarea-wrapper > .form-select.u-input-state-valid:not(:focus),
 .input-group > .u-input-state-valid.u-select:not(:focus),
+.u-textarea-wrapper-size-md > .u-input-state-valid.u-select:not(:focus),
+.u-textarea-wrapper > .u-input-state-valid.u-select:not(:focus),
 .u-input-wrapper-size-md > .form-select.u-input-state-valid:not(:focus),
 .u-input-wrapper-size-md > .u-input-state-valid.u-select:not(:focus),
 .u-input-wrapper > .form-select.u-input-state-valid:not(:focus),
 .u-input-wrapper > .u-input-state-valid.u-select:not(:focus),
 .was-validated .input-group > .form-floating:not(:focus-within):valid,
+.was-validated .u-textarea-wrapper-size-md > .form-floating:not(:focus-within):valid,
+.was-validated .u-textarea-wrapper > .form-floating:not(:focus-within):valid,
 .was-validated .u-input-wrapper-size-md > .form-floating:not(:focus-within):valid,
 .was-validated .u-input-wrapper > .form-floating:not(:focus-within):valid,
 .input-group > .form-floating:not(:focus-within).is-valid,
+.u-textarea-wrapper-size-md > .form-floating:not(:focus-within).is-valid,
+.u-textarea-wrapper > .form-floating:not(:focus-within).is-valid,
+.input-group > .form-floating.u-textarea-state-valid:not(:focus-within),
+.u-textarea-wrapper-size-md > .form-floating.u-textarea-state-valid:not(:focus-within),
+.u-textarea-wrapper > .form-floating.u-textarea-state-valid:not(:focus-within),
 .u-input-wrapper-size-md > .form-floating:not(:focus-within).is-valid,
+.u-input-wrapper-size-md > .form-floating.u-textarea-state-valid:not(:focus-within),
 .u-input-wrapper > .form-floating:not(:focus-within).is-valid,
+.u-input-wrapper > .form-floating.u-textarea-state-valid:not(:focus-within),
 .input-group > .form-floating.u-input-state-valid:not(:focus-within),
+.u-textarea-wrapper-size-md > .form-floating.u-input-state-valid:not(:focus-within),
+.u-textarea-wrapper > .form-floating.u-input-state-valid:not(:focus-within),
 .u-input-wrapper-size-md > .form-floating.u-input-state-valid:not(:focus-within),
 .u-input-wrapper > .form-floating.u-input-state-valid:not(:focus-within) {
   z-index: 3;
@@ -3235,15 +3358,18 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
 .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .u-form-hint-state-invalid,
 .was-validated :invalid ~ .invalid-tooltip,
 .is-invalid ~ .invalid-feedback,
+.u-textarea-state-invalid ~ .invalid-feedback,
 .u-input-state-invalid ~ .invalid-feedback,
 .is-invalid ~ .u-form-hint-state-invalid,
+.u-textarea-state-invalid ~ .u-form-hint-state-invalid,
 .u-input-state-invalid ~ .u-form-hint-state-invalid,
 .is-invalid ~ .invalid-tooltip,
+.u-textarea-state-invalid ~ .invalid-tooltip,
 .u-input-state-invalid ~ .invalid-tooltip {
   display: block;
 }
 
-.was-validated .form-control:invalid, .was-validated .u-textarea:invalid, .was-validated .u-input-size-md:invalid, .was-validated .u-input:invalid, .was-validated .u-file-uploader:invalid, .was-validated .u-date-picker:invalid, .was-validated .u-google-map-autocomplete:invalid, .form-control.is-invalid, .is-invalid.u-textarea, .form-control.u-input-state-invalid, .u-input-state-invalid.u-textarea, .is-invalid.u-input-size-md, .u-input-size-md.u-input-state-invalid, .is-invalid.u-input, .u-input.u-input-state-invalid, .is-invalid.u-file-uploader, .u-file-uploader.u-input-state-invalid, .is-invalid.u-date-picker, .u-date-picker.u-input-state-invalid, .is-invalid.u-google-map-autocomplete, .u-google-map-autocomplete.u-input-state-invalid {
+.was-validated .form-control:invalid, .was-validated .u-textarea-size-md:invalid, .was-validated .u-textarea:invalid, .was-validated .u-input-size-md:invalid, .was-validated .u-input:invalid, .was-validated .u-file-uploader:invalid, .was-validated .u-date-picker:invalid, .was-validated .u-google-map-autocomplete:invalid, .form-control.is-invalid, .form-control.u-textarea-state-invalid, .is-invalid.u-textarea-size-md, .u-textarea-size-md.u-textarea-state-invalid, .is-invalid.u-textarea, .u-textarea.u-textarea-state-invalid, .form-control.u-input-state-invalid, .u-input-state-invalid.u-textarea-size-md, .u-input-state-invalid.u-textarea, .is-invalid.u-input-size-md, .u-input-size-md.u-textarea-state-invalid, .u-input-size-md.u-input-state-invalid, .is-invalid.u-input, .u-input.u-textarea-state-invalid, .u-input.u-input-state-invalid, .is-invalid.u-file-uploader, .u-file-uploader.u-textarea-state-invalid, .u-file-uploader.u-input-state-invalid, .is-invalid.u-date-picker, .u-date-picker.u-textarea-state-invalid, .u-date-picker.u-input-state-invalid, .is-invalid.u-google-map-autocomplete, .u-google-map-autocomplete.u-textarea-state-invalid, .u-google-map-autocomplete.u-input-state-invalid {
   border-color: #d63939;
   padding-right: calc(1.4285714286em + 0.875rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
@@ -3251,44 +3377,44 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   background-position: right calc(0.3571428572em + 0.21875rem) center;
   background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 }
-.was-validated .form-control:invalid:focus, .was-validated .u-textarea:invalid:focus, .was-validated .u-input-size-md:invalid:focus, .was-validated .u-input:invalid:focus, .was-validated .u-file-uploader:invalid:focus, .was-validated .u-date-picker:invalid:focus, .was-validated .u-google-map-autocomplete:invalid:focus, .form-control.is-invalid:focus, .is-invalid.u-textarea:focus, .form-control.u-input-state-invalid:focus, .u-input-state-invalid.u-textarea:focus, .is-invalid.u-input-size-md:focus, .u-input-size-md.u-input-state-invalid:focus, .is-invalid.u-input:focus, .u-input.u-input-state-invalid:focus, .is-invalid.u-file-uploader:focus, .u-file-uploader.u-input-state-invalid:focus, .is-invalid.u-date-picker:focus, .u-date-picker.u-input-state-invalid:focus, .is-invalid.u-google-map-autocomplete:focus, .u-google-map-autocomplete.u-input-state-invalid:focus {
+.was-validated .form-control:invalid:focus, .was-validated .u-textarea-size-md:invalid:focus, .was-validated .u-textarea:invalid:focus, .was-validated .u-input-size-md:invalid:focus, .was-validated .u-input:invalid:focus, .was-validated .u-file-uploader:invalid:focus, .was-validated .u-date-picker:invalid:focus, .was-validated .u-google-map-autocomplete:invalid:focus, .form-control.is-invalid:focus, .form-control.u-textarea-state-invalid:focus, .is-invalid.u-textarea-size-md:focus, .u-textarea-size-md.u-textarea-state-invalid:focus, .is-invalid.u-textarea:focus, .u-textarea.u-textarea-state-invalid:focus, .form-control.u-input-state-invalid:focus, .u-input-state-invalid.u-textarea-size-md:focus, .u-input-state-invalid.u-textarea:focus, .is-invalid.u-input-size-md:focus, .u-input-size-md.u-textarea-state-invalid:focus, .u-input-size-md.u-input-state-invalid:focus, .is-invalid.u-input:focus, .u-input.u-textarea-state-invalid:focus, .u-input.u-input-state-invalid:focus, .is-invalid.u-file-uploader:focus, .u-file-uploader.u-textarea-state-invalid:focus, .u-file-uploader.u-input-state-invalid:focus, .is-invalid.u-date-picker:focus, .u-date-picker.u-textarea-state-invalid:focus, .u-date-picker.u-input-state-invalid:focus, .is-invalid.u-google-map-autocomplete:focus, .u-google-map-autocomplete.u-textarea-state-invalid:focus, .u-google-map-autocomplete.u-input-state-invalid:focus {
   border-color: #d63939;
   box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
 }
 
-.was-validated textarea.form-control:invalid, .was-validated textarea.u-textarea:invalid, .was-validated textarea.u-input-size-md:invalid, .was-validated textarea.u-input:invalid, .was-validated textarea.u-file-uploader:invalid, .was-validated textarea.u-date-picker:invalid, .was-validated textarea.u-google-map-autocomplete:invalid, textarea.form-control.is-invalid, textarea.is-invalid.u-textarea, textarea.form-control.u-input-state-invalid, textarea.u-input-state-invalid.u-textarea, textarea.is-invalid.u-input-size-md, textarea.u-input-size-md.u-input-state-invalid, textarea.is-invalid.u-input, textarea.u-input.u-input-state-invalid, textarea.is-invalid.u-file-uploader, textarea.u-file-uploader.u-input-state-invalid, textarea.is-invalid.u-date-picker, textarea.u-date-picker.u-input-state-invalid, textarea.is-invalid.u-google-map-autocomplete, textarea.u-google-map-autocomplete.u-input-state-invalid {
+.was-validated textarea.form-control:invalid, .was-validated textarea.u-textarea-size-md:invalid, .was-validated textarea.u-textarea:invalid, .was-validated textarea.u-input-size-md:invalid, .was-validated textarea.u-input:invalid, .was-validated textarea.u-file-uploader:invalid, .was-validated textarea.u-date-picker:invalid, .was-validated textarea.u-google-map-autocomplete:invalid, textarea.form-control.is-invalid, textarea.form-control.u-textarea-state-invalid, textarea.is-invalid.u-textarea-size-md, textarea.u-textarea-size-md.u-textarea-state-invalid, textarea.is-invalid.u-textarea, textarea.u-textarea.u-textarea-state-invalid, textarea.form-control.u-input-state-invalid, textarea.u-input-state-invalid.u-textarea-size-md, textarea.u-input-state-invalid.u-textarea, textarea.is-invalid.u-input-size-md, textarea.u-input-size-md.u-textarea-state-invalid, textarea.u-input-size-md.u-input-state-invalid, textarea.is-invalid.u-input, textarea.u-input.u-textarea-state-invalid, textarea.u-input.u-input-state-invalid, textarea.is-invalid.u-file-uploader, textarea.u-file-uploader.u-textarea-state-invalid, textarea.u-file-uploader.u-input-state-invalid, textarea.is-invalid.u-date-picker, textarea.u-date-picker.u-textarea-state-invalid, textarea.u-date-picker.u-input-state-invalid, textarea.is-invalid.u-google-map-autocomplete, textarea.u-google-map-autocomplete.u-textarea-state-invalid, textarea.u-google-map-autocomplete.u-input-state-invalid {
   padding-right: calc(1.4285714286em + 0.875rem);
   background-position: top calc(0.3571428572em + 0.21875rem) right calc(0.3571428572em + 0.21875rem);
 }
 
-.was-validated .form-select:invalid, .was-validated .u-select:invalid, .form-select.is-invalid, .is-invalid.u-select, .form-select.u-input-state-invalid, .u-input-state-invalid.u-select {
+.was-validated .form-select:invalid, .was-validated .u-select:invalid, .form-select.is-invalid, .form-select.u-textarea-state-invalid, .is-invalid.u-select, .u-select.u-textarea-state-invalid, .form-select.u-input-state-invalid, .u-input-state-invalid.u-select {
   border-color: #d63939;
 }
-.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .u-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .u-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .is-invalid.u-select:not([multiple]):not([size]), .form-select.u-input-state-invalid:not([multiple]):not([size]), .u-input-state-invalid.u-select:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .is-invalid.u-select:not([multiple])[size="1"], .form-select.u-input-state-invalid:not([multiple])[size="1"], .u-input-state-invalid.u-select:not([multiple])[size="1"] {
+.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .u-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .u-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.u-textarea-state-invalid:not([multiple]):not([size]), .is-invalid.u-select:not([multiple]):not([size]), .u-select.u-textarea-state-invalid:not([multiple]):not([size]), .form-select.u-input-state-invalid:not([multiple]):not([size]), .u-input-state-invalid.u-select:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .form-select.u-textarea-state-invalid:not([multiple])[size="1"], .is-invalid.u-select:not([multiple])[size="1"], .u-select.u-textarea-state-invalid:not([multiple])[size="1"], .form-select.u-input-state-invalid:not([multiple])[size="1"], .u-input-state-invalid.u-select:not([multiple])[size="1"] {
   padding-right: 4.125rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 }
-.was-validated .form-select:invalid:focus, .was-validated .u-select:invalid:focus, .form-select.is-invalid:focus, .is-invalid.u-select:focus, .form-select.u-input-state-invalid:focus, .u-input-state-invalid.u-select:focus {
+.was-validated .form-select:invalid:focus, .was-validated .u-select:invalid:focus, .form-select.is-invalid:focus, .form-select.u-textarea-state-invalid:focus, .is-invalid.u-select:focus, .u-select.u-textarea-state-invalid:focus, .form-select.u-input-state-invalid:focus, .u-input-state-invalid.u-select:focus {
   border-color: #d63939;
   box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
 }
 
-.was-validated .form-control-color:invalid, .form-control-color.is-invalid, .form-control-color.u-input-state-invalid {
+.was-validated .form-control-color:invalid, .form-control-color.is-invalid, .form-control-color.u-textarea-state-invalid, .form-control-color.u-input-state-invalid {
   width: calc(3rem + calc(1.4285714286em + 0.875rem));
 }
 
-.was-validated .form-check-input:invalid, .was-validated .u-switch:invalid, .was-validated .u-radio-input:invalid, .was-validated .u-checkbox-input:invalid, .form-check-input.is-invalid, .is-invalid.u-switch, .is-invalid.u-radio-input, .form-check-input.u-input-state-invalid, .u-input-state-invalid.u-switch, .u-input-state-invalid.u-radio-input, .is-invalid.u-checkbox-input, .u-checkbox-input.u-input-state-invalid {
+.was-validated .form-check-input:invalid, .was-validated .u-switch:invalid, .was-validated .u-radio-input:invalid, .was-validated .u-checkbox-input:invalid, .form-check-input.is-invalid, .form-check-input.u-textarea-state-invalid, .is-invalid.u-switch, .u-switch.u-textarea-state-invalid, .is-invalid.u-radio-input, .u-radio-input.u-textarea-state-invalid, .form-check-input.u-input-state-invalid, .u-input-state-invalid.u-switch, .u-input-state-invalid.u-radio-input, .is-invalid.u-checkbox-input, .u-checkbox-input.u-textarea-state-invalid, .u-checkbox-input.u-input-state-invalid {
   border-color: #d63939;
 }
-.was-validated .form-check-input:invalid:checked, .was-validated .u-switch:invalid:checked, .was-validated .u-radio-input:invalid:checked, .was-validated .u-checkbox-input:invalid:checked, .form-check-input.is-invalid:checked, .is-invalid.u-switch:checked, .is-invalid.u-radio-input:checked, .form-check-input.u-input-state-invalid:checked, .u-input-state-invalid.u-switch:checked, .u-input-state-invalid.u-radio-input:checked, .is-invalid.u-checkbox-input:checked, .u-checkbox-input.u-input-state-invalid:checked {
+.was-validated .form-check-input:invalid:checked, .was-validated .u-switch:invalid:checked, .was-validated .u-radio-input:invalid:checked, .was-validated .u-checkbox-input:invalid:checked, .form-check-input.is-invalid:checked, .form-check-input.u-textarea-state-invalid:checked, .is-invalid.u-switch:checked, .u-switch.u-textarea-state-invalid:checked, .is-invalid.u-radio-input:checked, .u-radio-input.u-textarea-state-invalid:checked, .form-check-input.u-input-state-invalid:checked, .u-input-state-invalid.u-switch:checked, .u-input-state-invalid.u-radio-input:checked, .is-invalid.u-checkbox-input:checked, .u-checkbox-input.u-textarea-state-invalid:checked, .u-checkbox-input.u-input-state-invalid:checked {
   background-color: #d63939;
 }
-.was-validated .form-check-input:invalid:focus, .was-validated .u-switch:invalid:focus, .was-validated .u-radio-input:invalid:focus, .was-validated .u-checkbox-input:invalid:focus, .form-check-input.is-invalid:focus, .is-invalid.u-switch:focus, .is-invalid.u-radio-input:focus, .form-check-input.u-input-state-invalid:focus, .u-input-state-invalid.u-switch:focus, .u-input-state-invalid.u-radio-input:focus, .is-invalid.u-checkbox-input:focus, .u-checkbox-input.u-input-state-invalid:focus {
+.was-validated .form-check-input:invalid:focus, .was-validated .u-switch:invalid:focus, .was-validated .u-radio-input:invalid:focus, .was-validated .u-checkbox-input:invalid:focus, .form-check-input.is-invalid:focus, .form-check-input.u-textarea-state-invalid:focus, .is-invalid.u-switch:focus, .u-switch.u-textarea-state-invalid:focus, .is-invalid.u-radio-input:focus, .u-radio-input.u-textarea-state-invalid:focus, .form-check-input.u-input-state-invalid:focus, .u-input-state-invalid.u-switch:focus, .u-input-state-invalid.u-radio-input:focus, .is-invalid.u-checkbox-input:focus, .u-checkbox-input.u-textarea-state-invalid:focus, .u-checkbox-input.u-input-state-invalid:focus {
   box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
 }
-.was-validated .form-check-input:invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .u-switch-label, .was-validated .u-switch:invalid ~ .form-check-label, .was-validated .u-switch:invalid ~ .u-switch-label, .was-validated .form-check-input:invalid ~ .u-radio-label, .was-validated .u-switch:invalid ~ .u-radio-label, .was-validated .u-radio-input:invalid ~ .form-check-label, .was-validated .u-radio-input:invalid ~ .u-switch-label, .was-validated .u-radio-input:invalid ~ .u-radio-label, .was-validated .form-check-input:invalid ~ .u-checkbox-label, .was-validated .u-switch:invalid ~ .u-checkbox-label, .was-validated .u-radio-input:invalid ~ .u-checkbox-label, .was-validated .u-checkbox-input:invalid ~ .form-check-label, .was-validated .u-checkbox-input:invalid ~ .u-switch-label, .was-validated .u-checkbox-input:invalid ~ .u-radio-label, .was-validated .u-checkbox-input:invalid ~ .u-checkbox-label, .form-check-input.is-invalid ~ .form-check-label, .form-check-input.is-invalid ~ .u-switch-label, .is-invalid.u-switch ~ .form-check-label, .is-invalid.u-switch ~ .u-switch-label, .form-check-input.is-invalid ~ .u-radio-label, .is-invalid.u-switch ~ .u-radio-label, .is-invalid.u-radio-input ~ .form-check-label, .is-invalid.u-radio-input ~ .u-switch-label, .is-invalid.u-radio-input ~ .u-radio-label, .form-check-input.u-input-state-invalid ~ .form-check-label, .form-check-input.u-input-state-invalid ~ .u-switch-label, .u-input-state-invalid.u-switch ~ .form-check-label, .u-input-state-invalid.u-switch ~ .u-switch-label, .form-check-input.u-input-state-invalid ~ .u-radio-label, .u-input-state-invalid.u-switch ~ .u-radio-label, .u-input-state-invalid.u-radio-input ~ .form-check-label, .u-input-state-invalid.u-radio-input ~ .u-switch-label, .u-input-state-invalid.u-radio-input ~ .u-radio-label, .form-check-input.is-invalid ~ .u-checkbox-label, .is-invalid.u-switch ~ .u-checkbox-label, .is-invalid.u-radio-input ~ .u-checkbox-label, .form-check-input.u-input-state-invalid ~ .u-checkbox-label, .u-input-state-invalid.u-switch ~ .u-checkbox-label, .u-input-state-invalid.u-radio-input ~ .u-checkbox-label, .is-invalid.u-checkbox-input ~ .form-check-label, .is-invalid.u-checkbox-input ~ .u-switch-label, .is-invalid.u-checkbox-input ~ .u-radio-label, .u-checkbox-input.u-input-state-invalid ~ .form-check-label, .u-checkbox-input.u-input-state-invalid ~ .u-switch-label, .u-checkbox-input.u-input-state-invalid ~ .u-radio-label, .is-invalid.u-checkbox-input ~ .u-checkbox-label, .u-checkbox-input.u-input-state-invalid ~ .u-checkbox-label {
+.was-validated .form-check-input:invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .u-switch-label, .was-validated .u-switch:invalid ~ .form-check-label, .was-validated .u-switch:invalid ~ .u-switch-label, .was-validated .form-check-input:invalid ~ .u-radio-label, .was-validated .u-switch:invalid ~ .u-radio-label, .was-validated .u-radio-input:invalid ~ .form-check-label, .was-validated .u-radio-input:invalid ~ .u-switch-label, .was-validated .u-radio-input:invalid ~ .u-radio-label, .was-validated .form-check-input:invalid ~ .u-checkbox-label, .was-validated .u-switch:invalid ~ .u-checkbox-label, .was-validated .u-radio-input:invalid ~ .u-checkbox-label, .was-validated .u-checkbox-input:invalid ~ .form-check-label, .was-validated .u-checkbox-input:invalid ~ .u-switch-label, .was-validated .u-checkbox-input:invalid ~ .u-radio-label, .was-validated .u-checkbox-input:invalid ~ .u-checkbox-label, .form-check-input.is-invalid ~ .form-check-label, .form-check-input.u-textarea-state-invalid ~ .form-check-label, .form-check-input.is-invalid ~ .u-switch-label, .form-check-input.u-textarea-state-invalid ~ .u-switch-label, .is-invalid.u-switch ~ .form-check-label, .u-switch.u-textarea-state-invalid ~ .form-check-label, .is-invalid.u-switch ~ .u-switch-label, .u-switch.u-textarea-state-invalid ~ .u-switch-label, .form-check-input.is-invalid ~ .u-radio-label, .form-check-input.u-textarea-state-invalid ~ .u-radio-label, .is-invalid.u-switch ~ .u-radio-label, .u-switch.u-textarea-state-invalid ~ .u-radio-label, .is-invalid.u-radio-input ~ .form-check-label, .u-radio-input.u-textarea-state-invalid ~ .form-check-label, .is-invalid.u-radio-input ~ .u-switch-label, .u-radio-input.u-textarea-state-invalid ~ .u-switch-label, .is-invalid.u-radio-input ~ .u-radio-label, .u-radio-input.u-textarea-state-invalid ~ .u-radio-label, .form-check-input.u-input-state-invalid ~ .form-check-label, .form-check-input.u-input-state-invalid ~ .u-switch-label, .u-input-state-invalid.u-switch ~ .form-check-label, .u-input-state-invalid.u-switch ~ .u-switch-label, .form-check-input.u-input-state-invalid ~ .u-radio-label, .u-input-state-invalid.u-switch ~ .u-radio-label, .u-input-state-invalid.u-radio-input ~ .form-check-label, .u-input-state-invalid.u-radio-input ~ .u-switch-label, .u-input-state-invalid.u-radio-input ~ .u-radio-label, .form-check-input.is-invalid ~ .u-checkbox-label, .form-check-input.u-textarea-state-invalid ~ .u-checkbox-label, .is-invalid.u-switch ~ .u-checkbox-label, .u-switch.u-textarea-state-invalid ~ .u-checkbox-label, .is-invalid.u-radio-input ~ .u-checkbox-label, .u-radio-input.u-textarea-state-invalid ~ .u-checkbox-label, .form-check-input.u-input-state-invalid ~ .u-checkbox-label, .u-input-state-invalid.u-switch ~ .u-checkbox-label, .u-input-state-invalid.u-radio-input ~ .u-checkbox-label, .is-invalid.u-checkbox-input ~ .form-check-label, .u-checkbox-input.u-textarea-state-invalid ~ .form-check-label, .is-invalid.u-checkbox-input ~ .u-switch-label, .u-checkbox-input.u-textarea-state-invalid ~ .u-switch-label, .is-invalid.u-checkbox-input ~ .u-radio-label, .u-checkbox-input.u-textarea-state-invalid ~ .u-radio-label, .u-checkbox-input.u-input-state-invalid ~ .form-check-label, .u-checkbox-input.u-input-state-invalid ~ .u-switch-label, .u-checkbox-input.u-input-state-invalid ~ .u-radio-label, .is-invalid.u-checkbox-input ~ .u-checkbox-label, .u-checkbox-input.u-textarea-state-invalid ~ .u-checkbox-label, .u-checkbox-input.u-input-state-invalid ~ .u-checkbox-label {
   color: #d63939;
 }
 
@@ -3296,32 +3422,65 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   margin-left: 0.5em;
 }
 
-.was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .u-textarea:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .form-control:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-textarea:not(:focus):invalid, .was-validated .u-input-wrapper > .form-control:not(:focus):invalid, .was-validated .u-input-wrapper > .u-textarea:not(:focus):invalid, .was-validated .input-group > .u-input-size-md:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-input-size-md:not(:focus):invalid, .was-validated .u-input-wrapper > .u-input-size-md:not(:focus):invalid, .was-validated .input-group > .u-input:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-input:not(:focus):invalid, .was-validated .u-input-wrapper > .u-input:not(:focus):invalid, .was-validated .input-group > .u-file-uploader:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-file-uploader:not(:focus):invalid, .was-validated .u-input-wrapper > .u-file-uploader:not(:focus):invalid, .was-validated .input-group > .u-date-picker:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-date-picker:not(:focus):invalid, .was-validated .u-input-wrapper > .u-date-picker:not(:focus):invalid, .was-validated .input-group > .u-google-map-autocomplete:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-google-map-autocomplete:not(:focus):invalid, .was-validated .u-input-wrapper > .u-google-map-autocomplete:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .input-group > .u-textarea:not(:focus).is-invalid, .u-input-wrapper-size-md > .form-control:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-textarea:not(:focus).is-invalid, .u-input-wrapper > .form-control:not(:focus).is-invalid, .u-input-wrapper > .u-textarea:not(:focus).is-invalid, .input-group > .form-control.u-input-state-invalid:not(:focus), .input-group > .u-input-state-invalid.u-textarea:not(:focus), .u-input-wrapper-size-md > .form-control.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-input-state-invalid.u-textarea:not(:focus), .u-input-wrapper > .form-control.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-input-state-invalid.u-textarea:not(:focus), .input-group > .u-input-size-md:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-input-size-md:not(:focus).is-invalid, .u-input-wrapper > .u-input-size-md:not(:focus).is-invalid, .input-group > .u-input-size-md.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-input-size-md.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-input-size-md.u-input-state-invalid:not(:focus), .input-group > .u-input:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-input:not(:focus).is-invalid, .u-input-wrapper > .u-input:not(:focus).is-invalid, .input-group > .u-input.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-input.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-input.u-input-state-invalid:not(:focus), .input-group > .u-file-uploader:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-file-uploader:not(:focus).is-invalid, .u-input-wrapper > .u-file-uploader:not(:focus).is-invalid, .input-group > .u-file-uploader.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-file-uploader.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-file-uploader.u-input-state-invalid:not(:focus), .input-group > .u-date-picker:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-date-picker:not(:focus).is-invalid, .u-input-wrapper > .u-date-picker:not(:focus).is-invalid, .input-group > .u-date-picker.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-date-picker.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-date-picker.u-input-state-invalid:not(:focus), .input-group > .u-google-map-autocomplete:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-google-map-autocomplete:not(:focus).is-invalid, .u-input-wrapper > .u-google-map-autocomplete:not(:focus).is-invalid, .input-group > .u-google-map-autocomplete.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-google-map-autocomplete.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-google-map-autocomplete.u-input-state-invalid:not(:focus),
+.was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .u-textarea-wrapper-size-md > .form-control:not(:focus):invalid, .was-validated .u-textarea-wrapper > .form-control:not(:focus):invalid, .was-validated .input-group > .u-textarea-size-md:not(:focus):invalid, .was-validated .u-textarea-wrapper-size-md > .u-textarea-size-md:not(:focus):invalid, .was-validated .u-textarea-wrapper > .u-textarea-size-md:not(:focus):invalid, .was-validated .input-group > .u-textarea:not(:focus):invalid, .was-validated .u-textarea-wrapper-size-md > .u-textarea:not(:focus):invalid, .was-validated .u-textarea-wrapper > .u-textarea:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .form-control:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-textarea-size-md:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-textarea:not(:focus):invalid, .was-validated .u-input-wrapper > .form-control:not(:focus):invalid, .was-validated .u-input-wrapper > .u-textarea-size-md:not(:focus):invalid, .was-validated .u-input-wrapper > .u-textarea:not(:focus):invalid, .was-validated .input-group > .u-input-size-md:not(:focus):invalid, .was-validated .u-textarea-wrapper-size-md > .u-input-size-md:not(:focus):invalid, .was-validated .u-textarea-wrapper > .u-input-size-md:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-input-size-md:not(:focus):invalid, .was-validated .u-input-wrapper > .u-input-size-md:not(:focus):invalid, .was-validated .input-group > .u-input:not(:focus):invalid, .was-validated .u-textarea-wrapper-size-md > .u-input:not(:focus):invalid, .was-validated .u-textarea-wrapper > .u-input:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-input:not(:focus):invalid, .was-validated .u-input-wrapper > .u-input:not(:focus):invalid, .was-validated .input-group > .u-file-uploader:not(:focus):invalid, .was-validated .u-textarea-wrapper-size-md > .u-file-uploader:not(:focus):invalid, .was-validated .u-textarea-wrapper > .u-file-uploader:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-file-uploader:not(:focus):invalid, .was-validated .u-input-wrapper > .u-file-uploader:not(:focus):invalid, .was-validated .input-group > .u-date-picker:not(:focus):invalid, .was-validated .u-textarea-wrapper-size-md > .u-date-picker:not(:focus):invalid, .was-validated .u-textarea-wrapper > .u-date-picker:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-date-picker:not(:focus):invalid, .was-validated .u-input-wrapper > .u-date-picker:not(:focus):invalid, .was-validated .input-group > .u-google-map-autocomplete:not(:focus):invalid, .was-validated .u-textarea-wrapper-size-md > .u-google-map-autocomplete:not(:focus):invalid, .was-validated .u-textarea-wrapper > .u-google-map-autocomplete:not(:focus):invalid, .was-validated .u-input-wrapper-size-md > .u-google-map-autocomplete:not(:focus):invalid, .was-validated .u-input-wrapper > .u-google-map-autocomplete:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .u-textarea-wrapper-size-md > .form-control:not(:focus).is-invalid, .u-textarea-wrapper > .form-control:not(:focus).is-invalid, .input-group > .form-control.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .form-control.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper > .form-control.u-textarea-state-invalid:not(:focus), .input-group > .u-textarea-size-md:not(:focus).is-invalid, .u-textarea-wrapper-size-md > .u-textarea-size-md:not(:focus).is-invalid, .u-textarea-wrapper > .u-textarea-size-md:not(:focus).is-invalid, .input-group > .u-textarea-size-md.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-textarea-size-md.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper > .u-textarea-size-md.u-textarea-state-invalid:not(:focus), .input-group > .u-textarea:not(:focus).is-invalid, .u-textarea-wrapper-size-md > .u-textarea:not(:focus).is-invalid, .u-textarea-wrapper > .u-textarea:not(:focus).is-invalid, .input-group > .u-textarea.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-textarea.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper > .u-textarea.u-textarea-state-invalid:not(:focus), .u-input-wrapper-size-md > .form-control:not(:focus).is-invalid, .u-input-wrapper-size-md > .form-control.u-textarea-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-textarea-size-md:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-textarea-size-md.u-textarea-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-textarea:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-textarea.u-textarea-state-invalid:not(:focus), .u-input-wrapper > .form-control:not(:focus).is-invalid, .u-input-wrapper > .form-control.u-textarea-state-invalid:not(:focus), .u-input-wrapper > .u-textarea-size-md:not(:focus).is-invalid, .u-input-wrapper > .u-textarea-size-md.u-textarea-state-invalid:not(:focus), .u-input-wrapper > .u-textarea:not(:focus).is-invalid, .u-input-wrapper > .u-textarea.u-textarea-state-invalid:not(:focus), .input-group > .form-control.u-input-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .form-control.u-input-state-invalid:not(:focus), .u-textarea-wrapper > .form-control.u-input-state-invalid:not(:focus), .input-group > .u-input-state-invalid.u-textarea-size-md:not(:focus), .u-textarea-wrapper-size-md > .u-input-state-invalid.u-textarea-size-md:not(:focus), .u-textarea-wrapper > .u-input-state-invalid.u-textarea-size-md:not(:focus), .input-group > .u-input-state-invalid.u-textarea:not(:focus), .u-textarea-wrapper-size-md > .u-input-state-invalid.u-textarea:not(:focus), .u-textarea-wrapper > .u-input-state-invalid.u-textarea:not(:focus), .u-input-wrapper-size-md > .form-control.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-input-state-invalid.u-textarea-size-md:not(:focus), .u-input-wrapper-size-md > .u-input-state-invalid.u-textarea:not(:focus), .u-input-wrapper > .form-control.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-input-state-invalid.u-textarea-size-md:not(:focus), .u-input-wrapper > .u-input-state-invalid.u-textarea:not(:focus), .input-group > .u-input-size-md:not(:focus).is-invalid, .u-textarea-wrapper-size-md > .u-input-size-md:not(:focus).is-invalid, .u-textarea-wrapper > .u-input-size-md:not(:focus).is-invalid, .input-group > .u-input-size-md.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-input-size-md.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper > .u-input-size-md.u-textarea-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-input-size-md:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-input-size-md.u-textarea-state-invalid:not(:focus), .u-input-wrapper > .u-input-size-md:not(:focus).is-invalid, .u-input-wrapper > .u-input-size-md.u-textarea-state-invalid:not(:focus), .input-group > .u-input-size-md.u-input-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-input-size-md.u-input-state-invalid:not(:focus), .u-textarea-wrapper > .u-input-size-md.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-input-size-md.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-input-size-md.u-input-state-invalid:not(:focus), .input-group > .u-input:not(:focus).is-invalid, .u-textarea-wrapper-size-md > .u-input:not(:focus).is-invalid, .u-textarea-wrapper > .u-input:not(:focus).is-invalid, .input-group > .u-input.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-input.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper > .u-input.u-textarea-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-input:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-input.u-textarea-state-invalid:not(:focus), .u-input-wrapper > .u-input:not(:focus).is-invalid, .u-input-wrapper > .u-input.u-textarea-state-invalid:not(:focus), .input-group > .u-input.u-input-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-input.u-input-state-invalid:not(:focus), .u-textarea-wrapper > .u-input.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-input.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-input.u-input-state-invalid:not(:focus), .input-group > .u-file-uploader:not(:focus).is-invalid, .u-textarea-wrapper-size-md > .u-file-uploader:not(:focus).is-invalid, .u-textarea-wrapper > .u-file-uploader:not(:focus).is-invalid, .input-group > .u-file-uploader.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-file-uploader.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper > .u-file-uploader.u-textarea-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-file-uploader:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-file-uploader.u-textarea-state-invalid:not(:focus), .u-input-wrapper > .u-file-uploader:not(:focus).is-invalid, .u-input-wrapper > .u-file-uploader.u-textarea-state-invalid:not(:focus), .input-group > .u-file-uploader.u-input-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-file-uploader.u-input-state-invalid:not(:focus), .u-textarea-wrapper > .u-file-uploader.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-file-uploader.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-file-uploader.u-input-state-invalid:not(:focus), .input-group > .u-date-picker:not(:focus).is-invalid, .u-textarea-wrapper-size-md > .u-date-picker:not(:focus).is-invalid, .u-textarea-wrapper > .u-date-picker:not(:focus).is-invalid, .input-group > .u-date-picker.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-date-picker.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper > .u-date-picker.u-textarea-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-date-picker:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-date-picker.u-textarea-state-invalid:not(:focus), .u-input-wrapper > .u-date-picker:not(:focus).is-invalid, .u-input-wrapper > .u-date-picker.u-textarea-state-invalid:not(:focus), .input-group > .u-date-picker.u-input-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-date-picker.u-input-state-invalid:not(:focus), .u-textarea-wrapper > .u-date-picker.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-date-picker.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-date-picker.u-input-state-invalid:not(:focus), .input-group > .u-google-map-autocomplete:not(:focus).is-invalid, .u-textarea-wrapper-size-md > .u-google-map-autocomplete:not(:focus).is-invalid, .u-textarea-wrapper > .u-google-map-autocomplete:not(:focus).is-invalid, .input-group > .u-google-map-autocomplete.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-google-map-autocomplete.u-textarea-state-invalid:not(:focus), .u-textarea-wrapper > .u-google-map-autocomplete.u-textarea-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-google-map-autocomplete:not(:focus).is-invalid, .u-input-wrapper-size-md > .u-google-map-autocomplete.u-textarea-state-invalid:not(:focus), .u-input-wrapper > .u-google-map-autocomplete:not(:focus).is-invalid, .u-input-wrapper > .u-google-map-autocomplete.u-textarea-state-invalid:not(:focus), .input-group > .u-google-map-autocomplete.u-input-state-invalid:not(:focus), .u-textarea-wrapper-size-md > .u-google-map-autocomplete.u-input-state-invalid:not(:focus), .u-textarea-wrapper > .u-google-map-autocomplete.u-input-state-invalid:not(:focus), .u-input-wrapper-size-md > .u-google-map-autocomplete.u-input-state-invalid:not(:focus), .u-input-wrapper > .u-google-map-autocomplete.u-input-state-invalid:not(:focus),
 .was-validated .input-group > .form-select:not(:focus):invalid,
+.was-validated .u-textarea-wrapper-size-md > .form-select:not(:focus):invalid,
+.was-validated .u-textarea-wrapper > .form-select:not(:focus):invalid,
 .was-validated .input-group > .u-select:not(:focus):invalid,
+.was-validated .u-textarea-wrapper-size-md > .u-select:not(:focus):invalid,
+.was-validated .u-textarea-wrapper > .u-select:not(:focus):invalid,
 .was-validated .u-input-wrapper-size-md > .form-select:not(:focus):invalid,
 .was-validated .u-input-wrapper-size-md > .u-select:not(:focus):invalid,
 .was-validated .u-input-wrapper > .form-select:not(:focus):invalid,
 .was-validated .u-input-wrapper > .u-select:not(:focus):invalid,
 .input-group > .form-select:not(:focus).is-invalid,
+.u-textarea-wrapper-size-md > .form-select:not(:focus).is-invalid,
+.u-textarea-wrapper > .form-select:not(:focus).is-invalid,
+.input-group > .form-select.u-textarea-state-invalid:not(:focus),
+.u-textarea-wrapper-size-md > .form-select.u-textarea-state-invalid:not(:focus),
+.u-textarea-wrapper > .form-select.u-textarea-state-invalid:not(:focus),
 .input-group > .u-select:not(:focus).is-invalid,
+.u-textarea-wrapper-size-md > .u-select:not(:focus).is-invalid,
+.u-textarea-wrapper > .u-select:not(:focus).is-invalid,
+.input-group > .u-select.u-textarea-state-invalid:not(:focus),
+.u-textarea-wrapper-size-md > .u-select.u-textarea-state-invalid:not(:focus),
+.u-textarea-wrapper > .u-select.u-textarea-state-invalid:not(:focus),
 .u-input-wrapper-size-md > .form-select:not(:focus).is-invalid,
+.u-input-wrapper-size-md > .form-select.u-textarea-state-invalid:not(:focus),
 .u-input-wrapper-size-md > .u-select:not(:focus).is-invalid,
+.u-input-wrapper-size-md > .u-select.u-textarea-state-invalid:not(:focus),
 .u-input-wrapper > .form-select:not(:focus).is-invalid,
+.u-input-wrapper > .form-select.u-textarea-state-invalid:not(:focus),
 .u-input-wrapper > .u-select:not(:focus).is-invalid,
+.u-input-wrapper > .u-select.u-textarea-state-invalid:not(:focus),
 .input-group > .form-select.u-input-state-invalid:not(:focus),
+.u-textarea-wrapper-size-md > .form-select.u-input-state-invalid:not(:focus),
+.u-textarea-wrapper > .form-select.u-input-state-invalid:not(:focus),
 .input-group > .u-input-state-invalid.u-select:not(:focus),
+.u-textarea-wrapper-size-md > .u-input-state-invalid.u-select:not(:focus),
+.u-textarea-wrapper > .u-input-state-invalid.u-select:not(:focus),
 .u-input-wrapper-size-md > .form-select.u-input-state-invalid:not(:focus),
 .u-input-wrapper-size-md > .u-input-state-invalid.u-select:not(:focus),
 .u-input-wrapper > .form-select.u-input-state-invalid:not(:focus),
 .u-input-wrapper > .u-input-state-invalid.u-select:not(:focus),
 .was-validated .input-group > .form-floating:not(:focus-within):invalid,
+.was-validated .u-textarea-wrapper-size-md > .form-floating:not(:focus-within):invalid,
+.was-validated .u-textarea-wrapper > .form-floating:not(:focus-within):invalid,
 .was-validated .u-input-wrapper-size-md > .form-floating:not(:focus-within):invalid,
 .was-validated .u-input-wrapper > .form-floating:not(:focus-within):invalid,
 .input-group > .form-floating:not(:focus-within).is-invalid,
+.u-textarea-wrapper-size-md > .form-floating:not(:focus-within).is-invalid,
+.u-textarea-wrapper > .form-floating:not(:focus-within).is-invalid,
+.input-group > .form-floating.u-textarea-state-invalid:not(:focus-within),
+.u-textarea-wrapper-size-md > .form-floating.u-textarea-state-invalid:not(:focus-within),
+.u-textarea-wrapper > .form-floating.u-textarea-state-invalid:not(:focus-within),
 .u-input-wrapper-size-md > .form-floating:not(:focus-within).is-invalid,
+.u-input-wrapper-size-md > .form-floating.u-textarea-state-invalid:not(:focus-within),
 .u-input-wrapper > .form-floating:not(:focus-within).is-invalid,
+.u-input-wrapper > .form-floating.u-textarea-state-invalid:not(:focus-within),
 .input-group > .form-floating.u-input-state-invalid:not(:focus-within),
+.u-textarea-wrapper-size-md > .form-floating.u-input-state-invalid:not(:focus-within),
+.u-textarea-wrapper > .form-floating.u-input-state-invalid:not(:focus-within),
 .u-input-wrapper-size-md > .form-floating.u-input-state-invalid:not(:focus-within),
 .u-input-wrapper > .form-floating.u-input-state-invalid:not(:focus-within) {
   z-index: 4;
@@ -3850,7 +4009,7 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   flex-wrap: wrap;
   justify-content: flex-start;
 }
-.btn-toolbar .input-group, .btn-toolbar .u-input-wrapper-size-md, .btn-toolbar .u-input-wrapper {
+.btn-toolbar .input-group, .btn-toolbar .u-textarea-wrapper-size-md, .btn-toolbar .u-textarea-wrapper, .btn-toolbar .u-input-wrapper-size-md, .btn-toolbar .u-input-wrapper {
   width: auto;
 }
 
@@ -6580,7 +6739,6 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   display: block;
 }
 
-/* rtl:begin:ignore */
 .carousel-item-next:not(.carousel-item-start),
 .active.carousel-item-end,
 .u-tabs .u-tabs-panels .carousel-item-end.u-tabs-panel-active,
@@ -6603,7 +6761,6 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   transform: translateX(-100%);
 }
 
-/* rtl:end:ignore */
 .carousel-fade .carousel-item, .carousel-fade .u-carousel-item {
   opacity: 0;
   transition-property: opacity;
@@ -9638,182 +9795,182 @@ textarea.form-control-lg, textarea.u-input-size-lg, textarea.u-file-uploader.u-f
   --u-text-opacity: 1;
 }
 
-.bg-primary, .u-stamp-bg-color-primary > .icon, .u-stamp-bg-color-primary > .u-icon, .u-ribbon-bg-color-primary, .u-progress-bar-color-primary, .u-card-status-color-primary, .u-el-bg-color-primary, .u-badge-color-primary:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-primary, .u-stamp-bg-color-primary > .icon, .u-stamp-bg-color-primary > .u-icon, .u-ribbon-bg-color-primary, .u-progress-bar-color-primary, .u-card-status-color-primary, .u-el-bg-color-primary, .u-badge-color-primary:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-primary {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-primary-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-secondary, .u-stamp-bg-color-secondary > .icon, .u-stamp-bg-color-secondary > .u-icon, .u-ribbon-bg-color-secondary, .u-progress-bar-color-secondary, .u-card-status-color-secondary, .u-el-bg-color-secondary, .u-badge-color-secondary:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-secondary, .u-stamp-bg-color-secondary > .icon, .u-stamp-bg-color-secondary > .u-icon, .u-ribbon-bg-color-secondary, .u-progress-bar-color-secondary, .u-card-status-color-secondary, .u-el-bg-color-secondary, .u-badge-color-secondary:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-secondary {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-secondary-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-success, .u-stamp-bg-color-success > .icon, .u-stamp-bg-color-success > .u-icon, .u-ribbon-bg-color-success, .u-progress-bar-color-success, .u-card-status-color-success, .u-el-bg-color-success, .u-badge-color-success:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-success, .u-stamp-bg-color-success > .icon, .u-stamp-bg-color-success > .u-icon, .u-ribbon-bg-color-success, .u-progress-bar-color-success, .u-card-status-color-success, .u-el-bg-color-success, .u-badge-color-success:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-success {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-success-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-info, .u-stamp-bg-color-info > .icon, .u-stamp-bg-color-info > .u-icon, .u-ribbon-bg-color-info, .u-progress-bar-color-info, .u-card-status-color-info, .u-el-bg-color-info, .u-badge-color-info:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-info, .u-stamp-bg-color-info > .icon, .u-stamp-bg-color-info > .u-icon, .u-ribbon-bg-color-info, .u-progress-bar-color-info, .u-card-status-color-info, .u-el-bg-color-info, .u-badge-color-info:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-info {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-info-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-warning, .u-stamp-bg-color-warning > .icon, .u-stamp-bg-color-warning > .u-icon, .u-ribbon-bg-color-warning, .u-progress-bar-color-warning, .u-card-status-color-warning, .u-el-bg-color-warning, .u-badge-color-warning:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-warning, .u-stamp-bg-color-warning > .icon, .u-stamp-bg-color-warning > .u-icon, .u-ribbon-bg-color-warning, .u-progress-bar-color-warning, .u-card-status-color-warning, .u-el-bg-color-warning, .u-badge-color-warning:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-warning {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-warning-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-danger, .u-stamp-bg-color-danger > .icon, .u-stamp-bg-color-danger > .u-icon, .u-ribbon-bg-color-danger, .u-progress-bar-color-danger, .u-card-status-color-danger, .u-el-bg-color-danger, .u-badge-color-danger:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-danger, .u-stamp-bg-color-danger > .icon, .u-stamp-bg-color-danger > .u-icon, .u-ribbon-bg-color-danger, .u-progress-bar-color-danger, .u-card-status-color-danger, .u-el-bg-color-danger, .u-badge-color-danger:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-danger {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-danger-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-light, .u-stamp-bg-color-light > .icon, .u-stamp-bg-color-light > .u-icon, .u-ribbon-bg-color-light, .u-progress-bar-color-light, .u-card-status-color-light, .u-el-bg-color-light, .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-light, .u-stamp-bg-color-light > .icon, .u-stamp-bg-color-light > .u-icon, .u-ribbon-bg-color-light, .u-progress-bar-color-light, .u-card-status-color-light, .u-el-bg-color-light, .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-light {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-light-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-dark, .u-stamp-bg-color-dark > .icon, .u-stamp-bg-color-dark > .u-icon, .u-ribbon-bg-color-dark, .u-progress-bar-color-dark, .u-card-status-color-dark, .u-el-bg-color-dark, .u-badge-color-dark:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-dark, .u-stamp-bg-color-dark > .icon, .u-stamp-bg-color-dark > .u-icon, .u-ribbon-bg-color-dark, .u-progress-bar-color-dark, .u-card-status-color-dark, .u-el-bg-color-dark, .u-badge-color-dark:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-dark {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-dark-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-muted, .u-stamp-bg-color-muted > .icon, .u-stamp-bg-color-muted > .u-icon, .u-ribbon-bg-color-muted, .u-progress-bar-color-muted, .u-card-status-color-muted, .u-el-bg-color-muted, .u-badge-color-muted:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-muted, .u-stamp-bg-color-muted > .icon, .u-stamp-bg-color-muted > .u-icon, .u-ribbon-bg-color-muted, .u-progress-bar-color-muted, .u-card-status-color-muted, .u-el-bg-color-muted, .u-badge-color-muted:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-muted {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-muted-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-blue, .u-stamp-bg-color-blue > .icon, .u-stamp-bg-color-blue > .u-icon, .u-ribbon-bg-color-blue, .u-progress-bar-color-blue, .u-card-status-color-blue, .u-el-bg-color-blue, .u-badge-color-blue:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-blue, .u-stamp-bg-color-blue > .icon, .u-stamp-bg-color-blue > .u-icon, .u-ribbon-bg-color-blue, .u-progress-bar-color-blue, .u-card-status-color-blue, .u-el-bg-color-blue, .u-badge-color-blue:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-blue {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-blue-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-azure, .u-stamp-bg-color-azure > .icon, .u-stamp-bg-color-azure > .u-icon, .u-ribbon-bg-color-azure, .u-progress-bar-color-azure, .u-card-status-color-azure, .u-el-bg-color-azure, .u-badge-color-azure:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-azure, .u-stamp-bg-color-azure > .icon, .u-stamp-bg-color-azure > .u-icon, .u-ribbon-bg-color-azure, .u-progress-bar-color-azure, .u-card-status-color-azure, .u-el-bg-color-azure, .u-badge-color-azure:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-azure {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-azure-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-indigo, .u-stamp-bg-color-indigo > .icon, .u-stamp-bg-color-indigo > .u-icon, .u-ribbon-bg-color-indigo, .u-progress-bar-color-indigo, .u-card-status-color-indigo, .u-el-bg-color-indigo, .u-badge-color-indigo:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-indigo, .u-stamp-bg-color-indigo > .icon, .u-stamp-bg-color-indigo > .u-icon, .u-ribbon-bg-color-indigo, .u-progress-bar-color-indigo, .u-card-status-color-indigo, .u-el-bg-color-indigo, .u-badge-color-indigo:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-indigo {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-indigo-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-purple, .u-stamp-bg-color-purple > .icon, .u-stamp-bg-color-purple > .u-icon, .u-ribbon-bg-color-purple, .u-progress-bar-color-purple, .u-card-status-color-purple, .u-el-bg-color-purple, .u-badge-color-purple:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-purple, .u-stamp-bg-color-purple > .icon, .u-stamp-bg-color-purple > .u-icon, .u-ribbon-bg-color-purple, .u-progress-bar-color-purple, .u-card-status-color-purple, .u-el-bg-color-purple, .u-badge-color-purple:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-purple {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-purple-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-pink, .u-stamp-bg-color-pink > .icon, .u-stamp-bg-color-pink > .u-icon, .u-ribbon-bg-color-pink, .u-progress-bar-color-pink, .u-card-status-color-pink, .u-el-bg-color-pink, .u-badge-color-pink:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-pink, .u-stamp-bg-color-pink > .icon, .u-stamp-bg-color-pink > .u-icon, .u-ribbon-bg-color-pink, .u-progress-bar-color-pink, .u-card-status-color-pink, .u-el-bg-color-pink, .u-badge-color-pink:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-pink {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-pink-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-red, .u-stamp-bg-color-red > .icon, .u-stamp-bg-color-red > .u-icon, .u-ribbon-bg-color-red, .u-progress-bar-color-red, .u-card-status-color-red, .u-el-bg-color-red, .u-badge-color-red:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-red, .u-stamp-bg-color-red > .icon, .u-stamp-bg-color-red > .u-icon, .u-ribbon-bg-color-red, .u-progress-bar-color-red, .u-card-status-color-red, .u-el-bg-color-red, .u-badge-color-red:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-red {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-red-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-orange, .u-stamp-bg-color-orange > .icon, .u-stamp-bg-color-orange > .u-icon, .u-ribbon-bg-color-orange, .u-progress-bar-color-orange, .u-card-status-color-orange, .u-el-bg-color-orange, .u-badge-color-orange:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-orange, .u-stamp-bg-color-orange > .icon, .u-stamp-bg-color-orange > .u-icon, .u-ribbon-bg-color-orange, .u-progress-bar-color-orange, .u-card-status-color-orange, .u-el-bg-color-orange, .u-badge-color-orange:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-orange {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-orange-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-yellow, .u-stamp-bg-color-yellow > .icon, .u-stamp-bg-color-yellow > .u-icon, .u-ribbon-bg-color-yellow, .u-progress-bar-color-yellow, .u-card-status-color-yellow, .u-el-bg-color-yellow, .u-badge-color-yellow:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-yellow, .u-stamp-bg-color-yellow > .icon, .u-stamp-bg-color-yellow > .u-icon, .u-ribbon-bg-color-yellow, .u-progress-bar-color-yellow, .u-card-status-color-yellow, .u-el-bg-color-yellow, .u-badge-color-yellow:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-yellow {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-yellow-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-lime, .u-stamp-bg-color-lime > .icon, .u-stamp-bg-color-lime > .u-icon, .u-ribbon-bg-color-lime, .u-progress-bar-color-lime, .u-card-status-color-lime, .u-el-bg-color-lime, .u-badge-color-lime:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-lime, .u-stamp-bg-color-lime > .icon, .u-stamp-bg-color-lime > .u-icon, .u-ribbon-bg-color-lime, .u-progress-bar-color-lime, .u-card-status-color-lime, .u-el-bg-color-lime, .u-badge-color-lime:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-lime {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-lime-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-green, .u-stamp-bg-color-green > .icon, .u-stamp-bg-color-green > .u-icon, .u-ribbon-bg-color-green, .u-progress-bar-color-green, .u-card-status-color-green, .u-el-bg-color-green, .u-badge-color-green:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-green, .u-stamp-bg-color-green > .icon, .u-stamp-bg-color-green > .u-icon, .u-ribbon-bg-color-green, .u-progress-bar-color-green, .u-card-status-color-green, .u-el-bg-color-green, .u-badge-color-green:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-green {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-green-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-teal, .u-stamp-bg-color-teal > .icon, .u-stamp-bg-color-teal > .u-icon, .u-ribbon-bg-color-teal, .u-progress-bar-color-teal, .u-card-status-color-teal, .u-el-bg-color-teal, .u-badge-color-teal:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-teal, .u-stamp-bg-color-teal > .icon, .u-stamp-bg-color-teal > .u-icon, .u-ribbon-bg-color-teal, .u-progress-bar-color-teal, .u-card-status-color-teal, .u-el-bg-color-teal, .u-badge-color-teal:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-teal {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-teal-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-cyan, .u-stamp-bg-color-cyan > .icon, .u-stamp-bg-color-cyan > .u-icon, .u-ribbon-bg-color-cyan, .u-progress-bar-color-cyan, .u-card-status-color-cyan, .u-el-bg-color-cyan, .u-badge-color-cyan:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-cyan, .u-stamp-bg-color-cyan > .icon, .u-stamp-bg-color-cyan > .u-icon, .u-ribbon-bg-color-cyan, .u-progress-bar-color-cyan, .u-card-status-color-cyan, .u-el-bg-color-cyan, .u-badge-color-cyan:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-cyan {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-cyan-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-facebook, .u-stamp-bg-color-facebook > .icon, .u-stamp-bg-color-facebook > .u-icon, .u-ribbon-bg-color-facebook, .u-progress-bar-color-facebook, .u-card-status-color-facebook, .u-el-bg-color-facebook, .u-badge-color-facebook:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-facebook, .u-stamp-bg-color-facebook > .icon, .u-stamp-bg-color-facebook > .u-icon, .u-ribbon-bg-color-facebook, .u-progress-bar-color-facebook, .u-card-status-color-facebook, .u-el-bg-color-facebook, .u-badge-color-facebook:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-facebook {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-facebook-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-twitter, .u-stamp-bg-color-twitter > .icon, .u-stamp-bg-color-twitter > .u-icon, .u-ribbon-bg-color-twitter, .u-progress-bar-color-twitter, .u-card-status-color-twitter, .u-el-bg-color-twitter, .u-badge-color-twitter:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-twitter, .u-stamp-bg-color-twitter > .icon, .u-stamp-bg-color-twitter > .u-icon, .u-ribbon-bg-color-twitter, .u-progress-bar-color-twitter, .u-card-status-color-twitter, .u-el-bg-color-twitter, .u-badge-color-twitter:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-twitter {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-twitter-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-linkedin, .u-stamp-bg-color-linkedin > .icon, .u-stamp-bg-color-linkedin > .u-icon, .u-ribbon-bg-color-linkedin, .u-progress-bar-color-linkedin, .u-card-status-color-linkedin, .u-el-bg-color-linkedin, .u-badge-color-linkedin:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-linkedin, .u-stamp-bg-color-linkedin > .icon, .u-stamp-bg-color-linkedin > .u-icon, .u-ribbon-bg-color-linkedin, .u-progress-bar-color-linkedin, .u-card-status-color-linkedin, .u-el-bg-color-linkedin, .u-badge-color-linkedin:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-linkedin {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-linkedin-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-google, .u-stamp-bg-color-google > .icon, .u-stamp-bg-color-google > .u-icon, .u-ribbon-bg-color-google, .u-progress-bar-color-google, .u-card-status-color-google, .u-el-bg-color-google, .u-badge-color-google:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-google, .u-stamp-bg-color-google > .icon, .u-stamp-bg-color-google > .u-icon, .u-ribbon-bg-color-google, .u-progress-bar-color-google, .u-card-status-color-google, .u-el-bg-color-google, .u-badge-color-google:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-google {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-google-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-youtube, .u-stamp-bg-color-youtube > .icon, .u-stamp-bg-color-youtube > .u-icon, .u-ribbon-bg-color-youtube, .u-progress-bar-color-youtube, .u-card-status-color-youtube, .u-el-bg-color-youtube, .u-badge-color-youtube:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-youtube, .u-stamp-bg-color-youtube > .icon, .u-stamp-bg-color-youtube > .u-icon, .u-ribbon-bg-color-youtube, .u-progress-bar-color-youtube, .u-card-status-color-youtube, .u-el-bg-color-youtube, .u-badge-color-youtube:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-youtube {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-youtube-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-vimeo, .u-stamp-bg-color-vimeo > .icon, .u-stamp-bg-color-vimeo > .u-icon, .u-ribbon-bg-color-vimeo, .u-progress-bar-color-vimeo, .u-card-status-color-vimeo, .u-el-bg-color-vimeo, .u-badge-color-vimeo:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-vimeo, .u-stamp-bg-color-vimeo > .icon, .u-stamp-bg-color-vimeo > .u-icon, .u-ribbon-bg-color-vimeo, .u-progress-bar-color-vimeo, .u-card-status-color-vimeo, .u-el-bg-color-vimeo, .u-badge-color-vimeo:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-vimeo {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-vimeo-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-dribbble, .u-stamp-bg-color-dribbble > .icon, .u-stamp-bg-color-dribbble > .u-icon, .u-ribbon-bg-color-dribbble, .u-progress-bar-color-dribbble, .u-card-status-color-dribbble, .u-el-bg-color-dribbble, .u-badge-color-dribbble:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-dribbble, .u-stamp-bg-color-dribbble > .icon, .u-stamp-bg-color-dribbble > .u-icon, .u-ribbon-bg-color-dribbble, .u-progress-bar-color-dribbble, .u-card-status-color-dribbble, .u-el-bg-color-dribbble, .u-badge-color-dribbble:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-dribbble {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-dribbble-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-github, .u-stamp-bg-color-github > .icon, .u-stamp-bg-color-github > .u-icon, .u-ribbon-bg-color-github, .u-progress-bar-color-github, .u-card-status-color-github, .u-el-bg-color-github, .u-badge-color-github:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-github, .u-stamp-bg-color-github > .icon, .u-stamp-bg-color-github > .u-icon, .u-ribbon-bg-color-github, .u-progress-bar-color-github, .u-card-status-color-github, .u-el-bg-color-github, .u-badge-color-github:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-github {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-github-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-instagram, .u-stamp-bg-color-instagram > .icon, .u-stamp-bg-color-instagram > .u-icon, .u-ribbon-bg-color-instagram, .u-progress-bar-color-instagram, .u-card-status-color-instagram, .u-el-bg-color-instagram, .u-badge-color-instagram:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-instagram, .u-stamp-bg-color-instagram > .icon, .u-stamp-bg-color-instagram > .u-icon, .u-ribbon-bg-color-instagram, .u-progress-bar-color-instagram, .u-card-status-color-instagram, .u-el-bg-color-instagram, .u-badge-color-instagram:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-instagram {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-instagram-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-pinterest, .u-stamp-bg-color-pinterest > .icon, .u-stamp-bg-color-pinterest > .u-icon, .u-ribbon-bg-color-pinterest, .u-progress-bar-color-pinterest, .u-card-status-color-pinterest, .u-el-bg-color-pinterest, .u-badge-color-pinterest:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-pinterest, .u-stamp-bg-color-pinterest > .icon, .u-stamp-bg-color-pinterest > .u-icon, .u-ribbon-bg-color-pinterest, .u-progress-bar-color-pinterest, .u-card-status-color-pinterest, .u-el-bg-color-pinterest, .u-badge-color-pinterest:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-pinterest {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-pinterest-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-vk, .u-stamp-bg-color-vk > .icon, .u-stamp-bg-color-vk > .u-icon, .u-ribbon-bg-color-vk, .u-progress-bar-color-vk, .u-card-status-color-vk, .u-el-bg-color-vk, .u-badge-color-vk:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-vk, .u-stamp-bg-color-vk > .icon, .u-stamp-bg-color-vk > .u-icon, .u-ribbon-bg-color-vk, .u-progress-bar-color-vk, .u-card-status-color-vk, .u-el-bg-color-vk, .u-badge-color-vk:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-vk {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-vk-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-rss, .u-stamp-bg-color-rss > .icon, .u-stamp-bg-color-rss > .u-icon, .u-ribbon-bg-color-rss, .u-progress-bar-color-rss, .u-card-status-color-rss, .u-el-bg-color-rss, .u-badge-color-rss:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-rss, .u-stamp-bg-color-rss > .icon, .u-stamp-bg-color-rss > .u-icon, .u-ribbon-bg-color-rss, .u-progress-bar-color-rss, .u-card-status-color-rss, .u-el-bg-color-rss, .u-badge-color-rss:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-rss {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-rss-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-flickr, .u-stamp-bg-color-flickr > .icon, .u-stamp-bg-color-flickr > .u-icon, .u-ribbon-bg-color-flickr, .u-progress-bar-color-flickr, .u-card-status-color-flickr, .u-el-bg-color-flickr, .u-badge-color-flickr:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-flickr, .u-stamp-bg-color-flickr > .icon, .u-stamp-bg-color-flickr > .u-icon, .u-ribbon-bg-color-flickr, .u-progress-bar-color-flickr, .u-card-status-color-flickr, .u-el-bg-color-flickr, .u-badge-color-flickr:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-flickr {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-flickr-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-bitbucket, .u-stamp-bg-color-bitbucket > .icon, .u-stamp-bg-color-bitbucket > .u-icon, .u-ribbon-bg-color-bitbucket, .u-progress-bar-color-bitbucket, .u-card-status-color-bitbucket, .u-el-bg-color-bitbucket, .u-badge-color-bitbucket:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-bitbucket, .u-stamp-bg-color-bitbucket > .icon, .u-stamp-bg-color-bitbucket > .u-icon, .u-ribbon-bg-color-bitbucket, .u-progress-bar-color-bitbucket, .u-card-status-color-bitbucket, .u-el-bg-color-bitbucket, .u-badge-color-bitbucket:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-bitbucket {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-bitbucket-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-tabler, .u-stamp-bg-color-tabler > .icon, .u-stamp-bg-color-tabler > .u-icon, .u-ribbon-bg-color-tabler, .u-progress-bar-color-tabler, .u-card-status-color-tabler, .u-el-bg-color-tabler, .u-badge-color-tabler:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-tabler, .u-stamp-bg-color-tabler > .icon, .u-stamp-bg-color-tabler > .u-icon, .u-ribbon-bg-color-tabler, .u-progress-bar-color-tabler, .u-card-status-color-tabler, .u-el-bg-color-tabler, .u-badge-color-tabler:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-tabler {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-tabler-rgb), var(--u-bg-opacity)) !important;
 }
@@ -15920,7 +16077,7 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
   .theme-dark .modal, .theme-dark .u-dialog, .u-app-theme-dark .modal, .u-app-theme-dark .u-dialog {
     --u-modal-border-color: var(--u-border-color);
   }
-  .theme-dark .bg-light, .theme-dark .u-stamp-bg-color-light > .icon, .theme-dark .u-stamp-bg-color-light > .u-icon, .theme-dark .u-ribbon-bg-color-light, .theme-dark .u-progress-bar-color-light, .theme-dark .u-card-status-color-light, .theme-dark .u-el-bg-color-light, .theme-dark .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost), .u-app-theme-dark .bg-light, .u-app-theme-dark .u-stamp-bg-color-light > .icon, .u-app-theme-dark .u-stamp-bg-color-light > .u-icon, .u-app-theme-dark .u-ribbon-bg-color-light, .u-app-theme-dark .u-progress-bar-color-light, .u-app-theme-dark .u-card-status-color-light, .u-app-theme-dark .u-el-bg-color-light, .u-app-theme-dark .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost) {
+  .theme-dark .bg-light, .theme-dark .u-stamp-bg-color-light > .icon, .theme-dark .u-stamp-bg-color-light > .u-icon, .theme-dark .u-ribbon-bg-color-light, .theme-dark .u-progress-bar-color-light, .theme-dark .u-card-status-color-light, .theme-dark .u-el-bg-color-light, .theme-dark .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost), .theme-dark .u-app-loading-bar-body-color-light, .u-app-theme-dark .bg-light, .u-app-theme-dark .u-stamp-bg-color-light > .icon, .u-app-theme-dark .u-stamp-bg-color-light > .u-icon, .u-app-theme-dark .u-ribbon-bg-color-light, .u-app-theme-dark .u-progress-bar-color-light, .u-app-theme-dark .u-card-status-color-light, .u-app-theme-dark .u-el-bg-color-light, .u-app-theme-dark .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost), .u-app-theme-dark .u-app-loading-bar-body-color-light {
     background-color: #1a2234 !important;
   }
   .theme-dark .card-tabs .nav-tabs .nav-link, .u-tabs .u-tabs-items .theme-dark .card-tabs .nav-tabs .u-tabs-item, .theme-dark .card-tabs .u-tabs .u-tabs-items .nav-link, .theme-dark .card-tabs .u-tabs .u-tabs-items .u-tabs-item, .u-tabs .theme-dark .card-tabs .u-tabs-items .nav-link, .u-tabs .theme-dark .card-tabs .u-tabs-items .u-tabs-item, .u-app-theme-dark .card-tabs .nav-tabs .nav-link, .u-tabs .u-tabs-items .u-app-theme-dark .card-tabs .nav-tabs .u-tabs-item, .u-app-theme-dark .card-tabs .u-tabs .u-tabs-items .nav-link, .u-app-theme-dark .card-tabs .u-tabs .u-tabs-items .u-tabs-item, .u-tabs .u-app-theme-dark .card-tabs .u-tabs-items .nav-link, .u-tabs .u-app-theme-dark .card-tabs .u-tabs-items .u-tabs-item {
@@ -15939,6 +16096,7 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
   .theme-dark .form-file-text,
   .u-app-theme-dark .form-file-text,
   .theme-dark .form-control,
+  .theme-dark .u-textarea-size-md,
   .theme-dark .u-textarea,
   .theme-dark .u-input-size-md,
   .theme-dark .u-input,
@@ -15946,6 +16104,7 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
   .theme-dark .u-date-picker,
   .theme-dark .u-google-map-autocomplete,
   .u-app-theme-dark .form-control,
+  .u-app-theme-dark .u-textarea-size-md,
   .u-app-theme-dark .u-textarea,
   .u-app-theme-dark .u-input-size-md,
   .u-app-theme-dark .u-input,
@@ -15961,10 +16120,10 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
   .theme-dark .form-control-plaintext, .theme-dark .u-date-picker-preview, .u-app-theme-dark .form-control-plaintext, .u-app-theme-dark .u-date-picker-preview {
     color: #f8fafc;
   }
-  .theme-dark .input-group-flat .input-group-text, .theme-dark .input-group-flat .u-input-wrapper > span, .u-app-theme-dark .input-group-flat .input-group-text, .u-app-theme-dark .input-group-flat .u-input-wrapper > span {
+  .theme-dark .input-group-flat .input-group-text, .theme-dark .input-group-flat .u-textarea-wrapper > span, .theme-dark .input-group-flat .u-input-wrapper > span, .u-app-theme-dark .input-group-flat .input-group-text, .u-app-theme-dark .input-group-flat .u-textarea-wrapper > span, .u-app-theme-dark .input-group-flat .u-input-wrapper > span {
     background-color: #1a2234;
   }
-  .theme-dark .input-group-text, .theme-dark .u-input-wrapper > span, .u-app-theme-dark .input-group-text, .u-app-theme-dark .u-input-wrapper > span {
+  .theme-dark .input-group-text, .theme-dark .u-textarea-wrapper > span, .theme-dark .u-input-wrapper > span, .u-app-theme-dark .input-group-text, .u-app-theme-dark .u-textarea-wrapper > span, .u-app-theme-dark .u-input-wrapper > span {
     border-color: #243049;
   }
   .theme-dark .highlight, .u-app-theme-dark .highlight {
@@ -16007,8 +16166,10 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
   }
   .theme-dark .table thead th, .theme-dark .u-table thead th, .u-app-theme-dark .table thead th, .u-app-theme-dark .u-table thead th, .theme-dark .markdown > table thead th, .u-app-theme-dark .markdown > table thead th,
   .theme-dark .input-group-text,
+  .theme-dark .u-textarea-wrapper > span,
   .theme-dark .u-input-wrapper > span,
   .u-app-theme-dark .input-group-text,
+  .u-app-theme-dark .u-textarea-wrapper > span,
   .u-app-theme-dark .u-input-wrapper > span {
     background: transparent;
   }
@@ -16024,8 +16185,9 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
   .theme-dark .apexcharts-radialbar-area, .u-app-theme-dark .apexcharts-radialbar-area {
     stroke: #243049;
   }
-  .theme-dark .form-control.is-invalid, .theme-dark .is-invalid.u-textarea, .theme-dark .form-control.u-input-state-invalid, .theme-dark .u-input-state-invalid.u-textarea, .theme-dark .is-invalid.u-input-size-md, .theme-dark .u-input-size-md.u-input-state-invalid, .theme-dark .is-invalid.u-input, .theme-dark .u-input.u-input-state-invalid, .theme-dark .is-invalid.u-file-uploader, .theme-dark .u-file-uploader.u-input-state-invalid, .theme-dark .is-invalid.u-date-picker, .theme-dark .u-date-picker.u-input-state-invalid, .theme-dark .is-invalid.u-google-map-autocomplete, .theme-dark .u-google-map-autocomplete.u-input-state-invalid, .u-app-theme-dark .form-control.is-invalid, .u-app-theme-dark .is-invalid.u-textarea, .u-app-theme-dark .form-control.u-input-state-invalid, .u-app-theme-dark .u-input-state-invalid.u-textarea, .u-app-theme-dark .is-invalid.u-input-size-md, .u-app-theme-dark .u-input-size-md.u-input-state-invalid, .u-app-theme-dark .is-invalid.u-input, .u-app-theme-dark .u-input.u-input-state-invalid, .u-app-theme-dark .is-invalid.u-file-uploader, .u-app-theme-dark .u-file-uploader.u-input-state-invalid, .u-app-theme-dark .is-invalid.u-date-picker, .u-app-theme-dark .u-date-picker.u-input-state-invalid, .u-app-theme-dark .is-invalid.u-google-map-autocomplete, .u-app-theme-dark .u-google-map-autocomplete.u-input-state-invalid,
+  .theme-dark .form-control.is-invalid, .theme-dark .form-control.u-textarea-state-invalid, .theme-dark .is-invalid.u-textarea-size-md, .theme-dark .u-textarea-size-md.u-textarea-state-invalid, .theme-dark .is-invalid.u-textarea, .theme-dark .u-textarea.u-textarea-state-invalid, .theme-dark .form-control.u-input-state-invalid, .theme-dark .u-input-state-invalid.u-textarea-size-md, .theme-dark .u-input-state-invalid.u-textarea, .theme-dark .is-invalid.u-input-size-md, .theme-dark .u-input-size-md.u-textarea-state-invalid, .theme-dark .u-input-size-md.u-input-state-invalid, .theme-dark .is-invalid.u-input, .theme-dark .u-input.u-textarea-state-invalid, .theme-dark .u-input.u-input-state-invalid, .theme-dark .is-invalid.u-file-uploader, .theme-dark .u-file-uploader.u-textarea-state-invalid, .theme-dark .u-file-uploader.u-input-state-invalid, .theme-dark .is-invalid.u-date-picker, .theme-dark .u-date-picker.u-textarea-state-invalid, .theme-dark .u-date-picker.u-input-state-invalid, .theme-dark .is-invalid.u-google-map-autocomplete, .theme-dark .u-google-map-autocomplete.u-textarea-state-invalid, .theme-dark .u-google-map-autocomplete.u-input-state-invalid, .u-app-theme-dark .form-control.is-invalid, .u-app-theme-dark .form-control.u-textarea-state-invalid, .u-app-theme-dark .is-invalid.u-textarea-size-md, .u-app-theme-dark .u-textarea-size-md.u-textarea-state-invalid, .u-app-theme-dark .is-invalid.u-textarea, .u-app-theme-dark .u-textarea.u-textarea-state-invalid, .u-app-theme-dark .form-control.u-input-state-invalid, .u-app-theme-dark .u-input-state-invalid.u-textarea-size-md, .u-app-theme-dark .u-input-state-invalid.u-textarea, .u-app-theme-dark .is-invalid.u-input-size-md, .u-app-theme-dark .u-input-size-md.u-textarea-state-invalid, .u-app-theme-dark .u-input-size-md.u-input-state-invalid, .u-app-theme-dark .is-invalid.u-input, .u-app-theme-dark .u-input.u-textarea-state-invalid, .u-app-theme-dark .u-input.u-input-state-invalid, .u-app-theme-dark .is-invalid.u-file-uploader, .u-app-theme-dark .u-file-uploader.u-textarea-state-invalid, .u-app-theme-dark .u-file-uploader.u-input-state-invalid, .u-app-theme-dark .is-invalid.u-date-picker, .u-app-theme-dark .u-date-picker.u-textarea-state-invalid, .u-app-theme-dark .u-date-picker.u-input-state-invalid, .u-app-theme-dark .is-invalid.u-google-map-autocomplete, .u-app-theme-dark .u-google-map-autocomplete.u-textarea-state-invalid, .u-app-theme-dark .u-google-map-autocomplete.u-input-state-invalid,
   .theme-dark .was-validated .form-control:invalid,
+  .theme-dark .was-validated .u-textarea-size-md:invalid,
   .theme-dark .was-validated .u-textarea:invalid,
   .theme-dark .was-validated .u-input-size-md:invalid,
   .theme-dark .was-validated .u-input:invalid,
@@ -16033,6 +16195,7 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
   .theme-dark .was-validated .u-date-picker:invalid,
   .theme-dark .was-validated .u-google-map-autocomplete:invalid,
   .u-app-theme-dark .was-validated .form-control:invalid,
+  .u-app-theme-dark .was-validated .u-textarea-size-md:invalid,
   .u-app-theme-dark .was-validated .u-textarea:invalid,
   .u-app-theme-dark .was-validated .u-input-size-md:invalid,
   .u-app-theme-dark .was-validated .u-input:invalid,
@@ -16041,8 +16204,9 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
   .u-app-theme-dark .was-validated .u-google-map-autocomplete:invalid {
     border-color: var(--u-danger);
   }
-  .theme-dark .form-control.is-valid, .theme-dark .is-valid.u-textarea, .theme-dark .form-control.u-input-state-valid, .theme-dark .u-input-state-valid.u-textarea, .theme-dark .is-valid.u-input-size-md, .theme-dark .u-input-size-md.u-input-state-valid, .theme-dark .is-valid.u-input, .theme-dark .u-input.u-input-state-valid, .theme-dark .is-valid.u-file-uploader, .theme-dark .u-file-uploader.u-input-state-valid, .theme-dark .is-valid.u-date-picker, .theme-dark .u-date-picker.u-input-state-valid, .theme-dark .is-valid.u-google-map-autocomplete, .theme-dark .u-google-map-autocomplete.u-input-state-valid, .u-app-theme-dark .form-control.is-valid, .u-app-theme-dark .is-valid.u-textarea, .u-app-theme-dark .form-control.u-input-state-valid, .u-app-theme-dark .u-input-state-valid.u-textarea, .u-app-theme-dark .is-valid.u-input-size-md, .u-app-theme-dark .u-input-size-md.u-input-state-valid, .u-app-theme-dark .is-valid.u-input, .u-app-theme-dark .u-input.u-input-state-valid, .u-app-theme-dark .is-valid.u-file-uploader, .u-app-theme-dark .u-file-uploader.u-input-state-valid, .u-app-theme-dark .is-valid.u-date-picker, .u-app-theme-dark .u-date-picker.u-input-state-valid, .u-app-theme-dark .is-valid.u-google-map-autocomplete, .u-app-theme-dark .u-google-map-autocomplete.u-input-state-valid,
+  .theme-dark .form-control.is-valid, .theme-dark .form-control.u-textarea-state-valid, .theme-dark .is-valid.u-textarea-size-md, .theme-dark .u-textarea-size-md.u-textarea-state-valid, .theme-dark .is-valid.u-textarea, .theme-dark .u-textarea.u-textarea-state-valid, .theme-dark .form-control.u-input-state-valid, .theme-dark .u-input-state-valid.u-textarea-size-md, .theme-dark .u-input-state-valid.u-textarea, .theme-dark .is-valid.u-input-size-md, .theme-dark .u-input-size-md.u-textarea-state-valid, .theme-dark .u-input-size-md.u-input-state-valid, .theme-dark .is-valid.u-input, .theme-dark .u-input.u-textarea-state-valid, .theme-dark .u-input.u-input-state-valid, .theme-dark .is-valid.u-file-uploader, .theme-dark .u-file-uploader.u-textarea-state-valid, .theme-dark .u-file-uploader.u-input-state-valid, .theme-dark .is-valid.u-date-picker, .theme-dark .u-date-picker.u-textarea-state-valid, .theme-dark .u-date-picker.u-input-state-valid, .theme-dark .is-valid.u-google-map-autocomplete, .theme-dark .u-google-map-autocomplete.u-textarea-state-valid, .theme-dark .u-google-map-autocomplete.u-input-state-valid, .u-app-theme-dark .form-control.is-valid, .u-app-theme-dark .form-control.u-textarea-state-valid, .u-app-theme-dark .is-valid.u-textarea-size-md, .u-app-theme-dark .u-textarea-size-md.u-textarea-state-valid, .u-app-theme-dark .is-valid.u-textarea, .u-app-theme-dark .u-textarea.u-textarea-state-valid, .u-app-theme-dark .form-control.u-input-state-valid, .u-app-theme-dark .u-input-state-valid.u-textarea-size-md, .u-app-theme-dark .u-input-state-valid.u-textarea, .u-app-theme-dark .is-valid.u-input-size-md, .u-app-theme-dark .u-input-size-md.u-textarea-state-valid, .u-app-theme-dark .u-input-size-md.u-input-state-valid, .u-app-theme-dark .is-valid.u-input, .u-app-theme-dark .u-input.u-textarea-state-valid, .u-app-theme-dark .u-input.u-input-state-valid, .u-app-theme-dark .is-valid.u-file-uploader, .u-app-theme-dark .u-file-uploader.u-textarea-state-valid, .u-app-theme-dark .u-file-uploader.u-input-state-valid, .u-app-theme-dark .is-valid.u-date-picker, .u-app-theme-dark .u-date-picker.u-textarea-state-valid, .u-app-theme-dark .u-date-picker.u-input-state-valid, .u-app-theme-dark .is-valid.u-google-map-autocomplete, .u-app-theme-dark .u-google-map-autocomplete.u-textarea-state-valid, .u-app-theme-dark .u-google-map-autocomplete.u-input-state-valid,
   .theme-dark .was-validated .form-control:valid,
+  .theme-dark .was-validated .u-textarea-size-md:valid,
   .theme-dark .was-validated .u-textarea:valid,
   .theme-dark .was-validated .u-input-size-md:valid,
   .theme-dark .was-validated .u-input:valid,
@@ -16050,6 +16214,7 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
   .theme-dark .was-validated .u-date-picker:valid,
   .theme-dark .was-validated .u-google-map-autocomplete:valid,
   .u-app-theme-dark .was-validated .form-control:valid,
+  .u-app-theme-dark .was-validated .u-textarea-size-md:valid,
   .u-app-theme-dark .was-validated .u-textarea:valid,
   .u-app-theme-dark .was-validated .u-input-size-md:valid,
   .u-app-theme-dark .was-validated .u-input:valid,
@@ -16124,7 +16289,7 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
     .theme-dark-auto .modal, .theme-dark-auto .u-dialog {
       --u-modal-border-color: var(--u-border-color);
     }
-    .theme-dark-auto .bg-light, .theme-dark-auto .u-stamp-bg-color-light > .icon, .theme-dark-auto .u-stamp-bg-color-light > .u-icon, .theme-dark-auto .u-ribbon-bg-color-light, .theme-dark-auto .u-progress-bar-color-light, .theme-dark-auto .u-card-status-color-light, .theme-dark-auto .u-el-bg-color-light, .theme-dark-auto .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost) {
+    .theme-dark-auto .bg-light, .theme-dark-auto .u-stamp-bg-color-light > .icon, .theme-dark-auto .u-stamp-bg-color-light > .u-icon, .theme-dark-auto .u-ribbon-bg-color-light, .theme-dark-auto .u-progress-bar-color-light, .theme-dark-auto .u-card-status-color-light, .theme-dark-auto .u-el-bg-color-light, .theme-dark-auto .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost), .theme-dark-auto .u-app-loading-bar-body-color-light {
       background-color: #1a2234 !important;
     }
     .theme-dark-auto .card-tabs .nav-tabs .nav-link, .u-tabs .u-tabs-items .theme-dark-auto .card-tabs .nav-tabs .u-tabs-item, .theme-dark-auto .card-tabs .u-tabs .u-tabs-items .nav-link, .theme-dark-auto .card-tabs .u-tabs .u-tabs-items .u-tabs-item, .u-tabs .theme-dark-auto .card-tabs .u-tabs-items .nav-link, .u-tabs .theme-dark-auto .card-tabs .u-tabs-items .u-tabs-item {
@@ -16140,6 +16305,7 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
     .theme-dark-auto .u-select,
     .theme-dark-auto .form-file-text,
     .theme-dark-auto .form-control,
+    .theme-dark-auto .u-textarea-size-md,
     .theme-dark-auto .u-textarea,
     .theme-dark-auto .u-input-size-md,
     .theme-dark-auto .u-input,
@@ -16154,10 +16320,10 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
     .theme-dark-auto .form-control-plaintext, .theme-dark-auto .u-date-picker-preview {
       color: #f8fafc;
     }
-    .theme-dark-auto .input-group-flat .input-group-text, .theme-dark-auto .input-group-flat .u-input-wrapper > span {
+    .theme-dark-auto .input-group-flat .input-group-text, .theme-dark-auto .input-group-flat .u-textarea-wrapper > span, .theme-dark-auto .input-group-flat .u-input-wrapper > span {
       background-color: #1a2234;
     }
-    .theme-dark-auto .input-group-text, .theme-dark-auto .u-input-wrapper > span {
+    .theme-dark-auto .input-group-text, .theme-dark-auto .u-textarea-wrapper > span, .theme-dark-auto .u-input-wrapper > span {
       border-color: #243049;
     }
     .theme-dark-auto .highlight {
@@ -16193,6 +16359,7 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
     }
     .theme-dark-auto .table thead th, .theme-dark-auto .u-table thead th, .theme-dark-auto .markdown > table thead th,
     .theme-dark-auto .input-group-text,
+    .theme-dark-auto .u-textarea-wrapper > span,
     .theme-dark-auto .u-input-wrapper > span {
       background: transparent;
     }
@@ -16208,8 +16375,9 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
     .theme-dark-auto .apexcharts-radialbar-area {
       stroke: #243049;
     }
-    .theme-dark-auto .form-control.is-invalid, .theme-dark-auto .is-invalid.u-textarea, .theme-dark-auto .form-control.u-input-state-invalid, .theme-dark-auto .u-input-state-invalid.u-textarea, .theme-dark-auto .is-invalid.u-input-size-md, .theme-dark-auto .u-input-size-md.u-input-state-invalid, .theme-dark-auto .is-invalid.u-input, .theme-dark-auto .u-input.u-input-state-invalid, .theme-dark-auto .is-invalid.u-file-uploader, .theme-dark-auto .u-file-uploader.u-input-state-invalid, .theme-dark-auto .is-invalid.u-date-picker, .theme-dark-auto .u-date-picker.u-input-state-invalid, .theme-dark-auto .is-invalid.u-google-map-autocomplete, .theme-dark-auto .u-google-map-autocomplete.u-input-state-invalid,
+    .theme-dark-auto .form-control.is-invalid, .theme-dark-auto .form-control.u-textarea-state-invalid, .theme-dark-auto .is-invalid.u-textarea-size-md, .theme-dark-auto .u-textarea-size-md.u-textarea-state-invalid, .theme-dark-auto .is-invalid.u-textarea, .theme-dark-auto .u-textarea.u-textarea-state-invalid, .theme-dark-auto .form-control.u-input-state-invalid, .theme-dark-auto .u-input-state-invalid.u-textarea-size-md, .theme-dark-auto .u-input-state-invalid.u-textarea, .theme-dark-auto .is-invalid.u-input-size-md, .theme-dark-auto .u-input-size-md.u-textarea-state-invalid, .theme-dark-auto .u-input-size-md.u-input-state-invalid, .theme-dark-auto .is-invalid.u-input, .theme-dark-auto .u-input.u-textarea-state-invalid, .theme-dark-auto .u-input.u-input-state-invalid, .theme-dark-auto .is-invalid.u-file-uploader, .theme-dark-auto .u-file-uploader.u-textarea-state-invalid, .theme-dark-auto .u-file-uploader.u-input-state-invalid, .theme-dark-auto .is-invalid.u-date-picker, .theme-dark-auto .u-date-picker.u-textarea-state-invalid, .theme-dark-auto .u-date-picker.u-input-state-invalid, .theme-dark-auto .is-invalid.u-google-map-autocomplete, .theme-dark-auto .u-google-map-autocomplete.u-textarea-state-invalid, .theme-dark-auto .u-google-map-autocomplete.u-input-state-invalid,
     .theme-dark-auto .was-validated .form-control:invalid,
+    .theme-dark-auto .was-validated .u-textarea-size-md:invalid,
     .theme-dark-auto .was-validated .u-textarea:invalid,
     .theme-dark-auto .was-validated .u-input-size-md:invalid,
     .theme-dark-auto .was-validated .u-input:invalid,
@@ -16218,8 +16386,9 @@ body:not(.theme-dark):not(.u-app-theme-dark) .hide-theme-light {
     .theme-dark-auto .was-validated .u-google-map-autocomplete:invalid {
       border-color: var(--u-danger);
     }
-    .theme-dark-auto .form-control.is-valid, .theme-dark-auto .is-valid.u-textarea, .theme-dark-auto .form-control.u-input-state-valid, .theme-dark-auto .u-input-state-valid.u-textarea, .theme-dark-auto .is-valid.u-input-size-md, .theme-dark-auto .u-input-size-md.u-input-state-valid, .theme-dark-auto .is-valid.u-input, .theme-dark-auto .u-input.u-input-state-valid, .theme-dark-auto .is-valid.u-file-uploader, .theme-dark-auto .u-file-uploader.u-input-state-valid, .theme-dark-auto .is-valid.u-date-picker, .theme-dark-auto .u-date-picker.u-input-state-valid, .theme-dark-auto .is-valid.u-google-map-autocomplete, .theme-dark-auto .u-google-map-autocomplete.u-input-state-valid,
+    .theme-dark-auto .form-control.is-valid, .theme-dark-auto .form-control.u-textarea-state-valid, .theme-dark-auto .is-valid.u-textarea-size-md, .theme-dark-auto .u-textarea-size-md.u-textarea-state-valid, .theme-dark-auto .is-valid.u-textarea, .theme-dark-auto .u-textarea.u-textarea-state-valid, .theme-dark-auto .form-control.u-input-state-valid, .theme-dark-auto .u-input-state-valid.u-textarea-size-md, .theme-dark-auto .u-input-state-valid.u-textarea, .theme-dark-auto .is-valid.u-input-size-md, .theme-dark-auto .u-input-size-md.u-textarea-state-valid, .theme-dark-auto .u-input-size-md.u-input-state-valid, .theme-dark-auto .is-valid.u-input, .theme-dark-auto .u-input.u-textarea-state-valid, .theme-dark-auto .u-input.u-input-state-valid, .theme-dark-auto .is-valid.u-file-uploader, .theme-dark-auto .u-file-uploader.u-textarea-state-valid, .theme-dark-auto .u-file-uploader.u-input-state-valid, .theme-dark-auto .is-valid.u-date-picker, .theme-dark-auto .u-date-picker.u-textarea-state-valid, .theme-dark-auto .u-date-picker.u-input-state-valid, .theme-dark-auto .is-valid.u-google-map-autocomplete, .theme-dark-auto .u-google-map-autocomplete.u-textarea-state-valid, .theme-dark-auto .u-google-map-autocomplete.u-input-state-valid,
     .theme-dark-auto .was-validated .form-control:valid,
+    .theme-dark-auto .was-validated .u-textarea-size-md:valid,
     .theme-dark-auto .was-validated .u-textarea:valid,
     .theme-dark-auto .was-validated .u-input-size-md:valid,
     .theme-dark-auto .was-validated .u-input:valid,
@@ -19954,13 +20123,13 @@ Form hint
 .form-hint:last-child, .u-form-hint-state-normal:last-child {
   margin-bottom: 0;
 }
-.form-hint + .form-control, .form-hint + .u-textarea, .form-hint + .u-input-size-md, .form-hint + .u-input, .form-hint + .u-file-uploader, .form-hint + .u-date-picker, .form-hint + .u-google-map-autocomplete, .u-form-hint-state-normal + .form-control, .u-form-hint-state-normal + .u-textarea, .u-form-hint-state-normal + .u-input-size-md, .u-form-hint-state-normal + .u-input, .u-form-hint-state-normal + .u-file-uploader, .u-form-hint-state-normal + .u-date-picker, .u-form-hint-state-normal + .u-google-map-autocomplete {
+.form-hint + .form-control, .form-hint + .u-textarea-size-md, .form-hint + .u-textarea, .form-hint + .u-input-size-md, .form-hint + .u-input, .form-hint + .u-file-uploader, .form-hint + .u-date-picker, .form-hint + .u-google-map-autocomplete, .u-form-hint-state-normal + .form-control, .u-form-hint-state-normal + .u-textarea-size-md, .u-form-hint-state-normal + .u-textarea, .u-form-hint-state-normal + .u-input-size-md, .u-form-hint-state-normal + .u-input, .u-form-hint-state-normal + .u-file-uploader, .u-form-hint-state-normal + .u-date-picker, .u-form-hint-state-normal + .u-google-map-autocomplete {
   margin-top: 0.25rem;
 }
 .form-label + .form-hint, .u-label + .form-hint, .form-label + .u-form-hint-state-normal, .u-label + .u-form-hint-state-normal {
   margin-top: -0.25rem;
 }
-.input-group + .form-hint, .u-input-wrapper-size-md + .form-hint, .u-input-wrapper + .form-hint, .input-group + .u-form-hint-state-normal, .u-input-wrapper-size-md + .u-form-hint-state-normal, .u-input-wrapper + .u-form-hint-state-normal, .form-control + .form-hint, .u-textarea + .form-hint, .u-input-size-md + .form-hint, .u-input + .form-hint, .u-file-uploader + .form-hint, .u-date-picker + .form-hint, .u-google-map-autocomplete + .form-hint, .form-control + .u-form-hint-state-normal, .u-textarea + .u-form-hint-state-normal, .u-input-size-md + .u-form-hint-state-normal, .u-input + .u-form-hint-state-normal, .u-file-uploader + .u-form-hint-state-normal, .u-date-picker + .u-form-hint-state-normal, .u-google-map-autocomplete + .u-form-hint-state-normal, .form-select + .form-hint, .u-select + .form-hint, .form-select + .u-form-hint-state-normal, .u-select + .u-form-hint-state-normal {
+.input-group + .form-hint, .u-textarea-wrapper-size-md + .form-hint, .u-textarea-wrapper + .form-hint, .u-input-wrapper-size-md + .form-hint, .u-input-wrapper + .form-hint, .input-group + .u-form-hint-state-normal, .u-textarea-wrapper-size-md + .u-form-hint-state-normal, .u-textarea-wrapper + .u-form-hint-state-normal, .u-input-wrapper-size-md + .u-form-hint-state-normal, .u-input-wrapper + .u-form-hint-state-normal, .form-control + .form-hint, .u-textarea-size-md + .form-hint, .u-textarea + .form-hint, .u-input-size-md + .form-hint, .u-input + .form-hint, .u-file-uploader + .form-hint, .u-date-picker + .form-hint, .u-google-map-autocomplete + .form-hint, .form-control + .u-form-hint-state-normal, .u-textarea-size-md + .u-form-hint-state-normal, .u-textarea + .u-form-hint-state-normal, .u-input-size-md + .u-form-hint-state-normal, .u-input + .u-form-hint-state-normal, .u-file-uploader + .u-form-hint-state-normal, .u-date-picker + .u-form-hint-state-normal, .u-google-map-autocomplete + .u-form-hint-state-normal, .form-select + .form-hint, .u-select + .form-hint, .form-select + .u-form-hint-state-normal, .u-select + .u-form-hint-state-normal {
   margin-top: 0.5rem;
 }
 
@@ -19974,15 +20143,15 @@ Form select
 /**
 Form control
  */
-.form-control:-webkit-autofill, .u-textarea:-webkit-autofill, .u-input-size-md:-webkit-autofill, .u-input:-webkit-autofill, .u-file-uploader:-webkit-autofill, .u-date-picker:-webkit-autofill, .u-google-map-autocomplete:-webkit-autofill {
+.form-control:-webkit-autofill, .u-textarea-size-md:-webkit-autofill, .u-textarea:-webkit-autofill, .u-input-size-md:-webkit-autofill, .u-input:-webkit-autofill, .u-file-uploader:-webkit-autofill, .u-date-picker:-webkit-autofill, .u-google-map-autocomplete:-webkit-autofill {
   box-shadow: 0 0 0 1000px var(--u-body-bg) inset;
   color: var(--u-body-color);
 }
-.form-control:disabled, .u-textarea:disabled, .u-input-size-md:disabled, .u-input:disabled, .u-file-uploader:disabled, .u-date-picker:disabled, .u-google-map-autocomplete:disabled, .form-control.disabled, .disabled.u-textarea, .disabled.u-input-size-md, .disabled.u-input, .disabled.u-file-uploader, .disabled.u-date-picker, .disabled.u-google-map-autocomplete, .form-control.u-button-disabled, .u-button-disabled.u-textarea, .u-button-disabled.u-input-size-md, .u-button-disabled.u-input, .u-button-disabled.u-file-uploader, .u-button-disabled.u-date-picker, .u-button-disabled.u-google-map-autocomplete {
+.form-control:disabled, .u-textarea-size-md:disabled, .u-textarea:disabled, .u-input-size-md:disabled, .u-input:disabled, .u-file-uploader:disabled, .u-date-picker:disabled, .u-google-map-autocomplete:disabled, .form-control.disabled, .disabled.u-textarea-size-md, .disabled.u-textarea, .disabled.u-input-size-md, .disabled.u-input, .disabled.u-file-uploader, .disabled.u-date-picker, .disabled.u-google-map-autocomplete, .form-control.u-button-disabled, .u-button-disabled.u-textarea-size-md, .u-button-disabled.u-textarea, .u-button-disabled.u-input-size-md, .u-button-disabled.u-input, .u-button-disabled.u-file-uploader, .u-button-disabled.u-date-picker, .u-button-disabled.u-google-map-autocomplete {
   color: var(--u-muted);
   user-select: none;
 }
-.form-control[size], [size].u-textarea, [size].u-input-size-md, [size].u-input, [size].u-file-uploader, [size].u-date-picker, [size].u-google-map-autocomplete {
+.form-control[size], [size].u-textarea-size-md, [size].u-textarea, [size].u-input-size-md, [size].u-input, [size].u-file-uploader, [size].u-date-picker, [size].u-google-map-autocomplete {
   width: auto;
 }
 
@@ -20005,11 +20174,11 @@ Form control
   color: rgba(255, 255, 255, 0.6);
 }
 
-.form-control-rounded, .u-input-border-rounded {
+.form-control-rounded, .u-textarea-border-rounded, .u-input-border-rounded {
   border-radius: 10rem;
 }
 
-.form-control-flush, .u-input-border-flush {
+.form-control-flush, .u-textarea-border-flush, .u-input-border-flush {
   padding: 0;
   background: none !important;
   border-color: transparent !important;
@@ -20071,34 +20240,35 @@ Input group
   box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
   border-radius: var(--u-border-radius);
 }
-.input-group-flat:focus-within .form-control, .input-group-flat:focus-within .u-textarea, .input-group-flat:focus-within .u-input-size-md, .input-group-flat:focus-within .u-input, .input-group-flat:focus-within .u-file-uploader, .input-group-flat:focus-within .u-date-picker, .input-group-flat:focus-within .u-google-map-autocomplete,
+.input-group-flat:focus-within .form-control, .input-group-flat:focus-within .u-textarea-size-md, .input-group-flat:focus-within .u-textarea, .input-group-flat:focus-within .u-input-size-md, .input-group-flat:focus-within .u-input, .input-group-flat:focus-within .u-file-uploader, .input-group-flat:focus-within .u-date-picker, .input-group-flat:focus-within .u-google-map-autocomplete,
 .input-group-flat:focus-within .input-group-text,
+.input-group-flat:focus-within .u-textarea-wrapper > span,
 .input-group-flat:focus-within .u-input-wrapper > span {
   border-color: #90b5e2 !important;
 }
-.input-group-flat .form-control:focus, .input-group-flat .u-textarea:focus, .input-group-flat .u-input-size-md:focus, .input-group-flat .u-input:focus, .input-group-flat .u-file-uploader:focus, .input-group-flat .u-date-picker:focus, .input-group-flat .u-google-map-autocomplete:focus {
+.input-group-flat .form-control:focus, .input-group-flat .u-textarea-size-md:focus, .input-group-flat .u-textarea:focus, .input-group-flat .u-input-size-md:focus, .input-group-flat .u-input:focus, .input-group-flat .u-file-uploader:focus, .input-group-flat .u-date-picker:focus, .input-group-flat .u-google-map-autocomplete:focus {
   border-color: var(--u-border-color);
   box-shadow: none;
 }
-.input-group-flat .form-control:not(:last-child), .input-group-flat .u-textarea:not(:last-child), .input-group-flat .u-input-size-md:not(:last-child), .input-group-flat .u-input:not(:last-child), .input-group-flat .u-file-uploader:not(:last-child), .input-group-flat .u-date-picker:not(:last-child), .input-group-flat .u-google-map-autocomplete:not(:last-child) {
+.input-group-flat .form-control:not(:last-child), .input-group-flat .u-textarea-size-md:not(:last-child), .input-group-flat .u-textarea:not(:last-child), .input-group-flat .u-input-size-md:not(:last-child), .input-group-flat .u-input:not(:last-child), .input-group-flat .u-file-uploader:not(:last-child), .input-group-flat .u-date-picker:not(:last-child), .input-group-flat .u-google-map-autocomplete:not(:last-child) {
   border-right: 0;
 }
-.input-group-flat .form-control:not(:first-child), .input-group-flat .u-textarea:not(:first-child), .input-group-flat .u-input-size-md:not(:first-child), .input-group-flat .u-input:not(:first-child), .input-group-flat .u-file-uploader:not(:first-child), .input-group-flat .u-date-picker:not(:first-child), .input-group-flat .u-google-map-autocomplete:not(:first-child) {
+.input-group-flat .form-control:not(:first-child), .input-group-flat .u-textarea-size-md:not(:first-child), .input-group-flat .u-textarea:not(:first-child), .input-group-flat .u-input-size-md:not(:first-child), .input-group-flat .u-input:not(:first-child), .input-group-flat .u-file-uploader:not(:first-child), .input-group-flat .u-date-picker:not(:first-child), .input-group-flat .u-google-map-autocomplete:not(:first-child) {
   border-left: 0;
 }
-.input-group-flat .input-group-text, .input-group-flat .u-input-wrapper > span {
+.input-group-flat .input-group-text, .input-group-flat .u-textarea-wrapper > span, .input-group-flat .u-input-wrapper > span {
   background: var(--u-bg-forms);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
-  .input-group-flat .input-group-text, .input-group-flat .u-input-wrapper > span {
+  .input-group-flat .input-group-text, .input-group-flat .u-textarea-wrapper > span, .input-group-flat .u-input-wrapper > span {
     transition: none;
   }
 }
-.input-group-flat .input-group-text:first-child, .input-group-flat .u-input-wrapper > span:first-child {
+.input-group-flat .input-group-text:first-child, .input-group-flat .u-textarea-wrapper > span:first-child, .input-group-flat .u-input-wrapper > span:first-child {
   padding-right: 0;
 }
-.input-group-flat .input-group-text:last-child, .input-group-flat .u-input-wrapper > span:last-child {
+.input-group-flat .input-group-text:last-child, .input-group-flat .u-textarea-wrapper > span:last-child, .input-group-flat .u-input-wrapper > span:last-child {
   padding-left: 0;
 }
 
@@ -20116,12 +20286,12 @@ Icon input
 .input-icon {
   position: relative;
 }
-.input-icon .form-control:not(:last-child), .input-icon .u-textarea:not(:last-child), .input-icon .u-input-size-md:not(:last-child), .input-icon .u-input:not(:last-child), .input-icon .u-file-uploader:not(:last-child), .input-icon .u-date-picker:not(:last-child), .input-icon .u-google-map-autocomplete:not(:last-child),
+.input-icon .form-control:not(:last-child), .input-icon .u-textarea-size-md:not(:last-child), .input-icon .u-textarea:not(:last-child), .input-icon .u-input-size-md:not(:last-child), .input-icon .u-input:not(:last-child), .input-icon .u-file-uploader:not(:last-child), .input-icon .u-date-picker:not(:last-child), .input-icon .u-google-map-autocomplete:not(:last-child),
 .input-icon .form-select:not(:last-child),
 .input-icon .u-select:not(:last-child) {
   padding-right: 2.5rem;
 }
-.input-icon .form-control:not(:first-child), .input-icon .u-textarea:not(:first-child), .input-icon .u-input-size-md:not(:first-child), .input-icon .u-input:not(:first-child), .input-icon .u-file-uploader:not(:first-child), .input-icon .u-date-picker:not(:first-child), .input-icon .u-google-map-autocomplete:not(:first-child),
+.input-icon .form-control:not(:first-child), .input-icon .u-textarea-size-md:not(:first-child), .input-icon .u-textarea:not(:first-child), .input-icon .u-input-size-md:not(:first-child), .input-icon .u-input:not(:first-child), .input-icon .u-file-uploader:not(:first-child), .input-icon .u-date-picker:not(:first-child), .input-icon .u-google-map-autocomplete:not(:first-child),
 .input-icon .form-select:not(:last-child),
 .input-icon .u-select:not(:last-child) {
   padding-left: 2.5rem;
@@ -20459,10 +20629,10 @@ Remove the cancel buttons in Chrome and Safari on macOS.
 /**
 Form control dark theme fix
  */
-.form-control::file-selector-button, .u-textarea::file-selector-button, .u-input-size-md::file-selector-button, .u-input::file-selector-button, .u-file-uploader::file-selector-button, .u-date-picker::file-selector-button, .u-google-map-autocomplete::file-selector-button {
+.form-control::file-selector-button, .u-textarea-size-md::file-selector-button, .u-textarea::file-selector-button, .u-input-size-md::file-selector-button, .u-input::file-selector-button, .u-file-uploader::file-selector-button, .u-date-picker::file-selector-button, .u-google-map-autocomplete::file-selector-button {
   background-color: var(--u-btn-color, #f8fafc);
 }
-.form-control:hover:not(:disabled):not([readonly])::file-selector-button, .u-textarea:hover:not(:disabled):not([readonly])::file-selector-button, .u-input-size-md:hover:not(:disabled):not([readonly])::file-selector-button, .u-input:hover:not(:disabled):not([readonly])::file-selector-button, .u-file-uploader:hover:not(:disabled):not([readonly])::file-selector-button, .u-date-picker:hover:not(:disabled):not([readonly])::file-selector-button, .u-google-map-autocomplete:hover:not(:disabled):not([readonly])::file-selector-button {
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button, .u-textarea-size-md:hover:not(:disabled):not([readonly])::file-selector-button, .u-textarea:hover:not(:disabled):not([readonly])::file-selector-button, .u-input-size-md:hover:not(:disabled):not([readonly])::file-selector-button, .u-input:hover:not(:disabled):not([readonly])::file-selector-button, .u-file-uploader:hover:not(:disabled):not([readonly])::file-selector-button, .u-date-picker:hover:not(:disabled):not([readonly])::file-selector-button, .u-google-map-autocomplete:hover:not(:disabled):not([readonly])::file-selector-button {
   background-color: var(--u-btn-color, #eceeef);
 }
 
@@ -20548,7 +20718,7 @@ Form switch
   border: none;
 }
 
-.form-select.is-invalid-lite, .is-invalid-lite.u-select, .form-control.is-invalid-lite, .is-invalid-lite.u-textarea, .is-invalid-lite.u-input-size-md, .is-invalid-lite.u-input, .is-invalid-lite.u-file-uploader, .is-invalid-lite.u-date-picker, .is-invalid-lite.u-google-map-autocomplete, .form-select.is-valid-lite, .is-valid-lite.u-select, .form-control.is-valid-lite, .is-valid-lite.u-textarea, .is-valid-lite.u-input-size-md, .is-valid-lite.u-input, .is-valid-lite.u-file-uploader, .is-valid-lite.u-date-picker, .is-valid-lite.u-google-map-autocomplete {
+.form-select.is-invalid-lite, .is-invalid-lite.u-select, .form-control.is-invalid-lite, .is-invalid-lite.u-textarea-size-md, .is-invalid-lite.u-textarea, .is-invalid-lite.u-input-size-md, .is-invalid-lite.u-input, .is-invalid-lite.u-file-uploader, .is-invalid-lite.u-date-picker, .is-invalid-lite.u-google-map-autocomplete, .form-select.is-valid-lite, .is-valid-lite.u-select, .form-control.is-valid-lite, .is-valid-lite.u-textarea-size-md, .is-valid-lite.u-textarea, .is-valid-lite.u-input-size-md, .is-valid-lite.u-input, .is-valid-lite.u-file-uploader, .is-valid-lite.u-date-picker, .is-valid-lite.u-google-map-autocomplete {
   border-color: var(--u-border-color) !important;
 }
 
@@ -21224,76 +21394,76 @@ Progressbg
   border-top-color: transparent;
   border-right-color: transparent;
 }
-.ribbon.bg-blue, .u-stamp-bg-color-blue > .ribbon.icon, .u-stamp-bg-color-blue > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-blue, .bg-blue.u-ribbon, .u-stamp-bg-color-blue > .u-ribbon.icon, .u-stamp-bg-color-blue > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-blue, .ribbon.u-progress-bar-color-blue, .u-progress-bar-color-blue.u-ribbon, .ribbon.u-card-status-color-blue, .u-card-status-color-blue.u-ribbon, .ribbon.u-el-bg-color-blue, .u-el-bg-color-blue.u-ribbon, .ribbon.u-badge-color-blue:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-blue.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-blue, .u-stamp-bg-color-blue > .ribbon.icon, .u-stamp-bg-color-blue > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-blue, .bg-blue.u-ribbon, .u-stamp-bg-color-blue > .u-ribbon.icon, .u-stamp-bg-color-blue > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-blue, .ribbon.u-progress-bar-color-blue, .u-progress-bar-color-blue.u-ribbon, .ribbon.u-card-status-color-blue, .u-card-status-color-blue.u-ribbon, .ribbon.u-el-bg-color-blue, .u-el-bg-color-blue.u-ribbon, .ribbon.u-badge-color-blue:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-blue.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-blue, .u-app-loading-bar-body-color-blue.u-ribbon {
   border-color: var(--u-blue);
 }
-.ribbon.bg-blue-lt, .bg-blue-lt.u-ribbon, .ribbon.u-badge-color-blue.u-badge-ghost:not(.u-badge-outline), .u-badge-color-blue.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-blue, .u-avatar-color-blue.u-ribbon {
+.ribbon.bg-blue-lt, .bg-blue-lt.u-ribbon, .ribbon.u-badge-color-blue.u-badge-ghost:not(.u-badge-outline), .u-badge-color-blue.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-blue, .u-avatar-color-blue.u-ribbon, .ribbon.u-app-loading-bar-color-blue, .u-app-loading-bar-color-blue.u-ribbon {
   border-color: rgba(var(--u-blue-rgb), 0.1) !important;
 }
-.ribbon.bg-azure, .u-stamp-bg-color-azure > .ribbon.icon, .u-stamp-bg-color-azure > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-azure, .bg-azure.u-ribbon, .u-stamp-bg-color-azure > .u-ribbon.icon, .u-stamp-bg-color-azure > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-azure, .ribbon.u-progress-bar-color-azure, .u-progress-bar-color-azure.u-ribbon, .ribbon.u-card-status-color-azure, .u-card-status-color-azure.u-ribbon, .ribbon.u-el-bg-color-azure, .u-el-bg-color-azure.u-ribbon, .ribbon.u-badge-color-azure:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-azure.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-azure, .u-stamp-bg-color-azure > .ribbon.icon, .u-stamp-bg-color-azure > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-azure, .bg-azure.u-ribbon, .u-stamp-bg-color-azure > .u-ribbon.icon, .u-stamp-bg-color-azure > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-azure, .ribbon.u-progress-bar-color-azure, .u-progress-bar-color-azure.u-ribbon, .ribbon.u-card-status-color-azure, .u-card-status-color-azure.u-ribbon, .ribbon.u-el-bg-color-azure, .u-el-bg-color-azure.u-ribbon, .ribbon.u-badge-color-azure:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-azure.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-azure, .u-app-loading-bar-body-color-azure.u-ribbon {
   border-color: var(--u-azure);
 }
-.ribbon.bg-azure-lt, .bg-azure-lt.u-ribbon, .ribbon.u-badge-color-azure.u-badge-ghost:not(.u-badge-outline), .u-badge-color-azure.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-azure, .u-avatar-color-azure.u-ribbon {
+.ribbon.bg-azure-lt, .bg-azure-lt.u-ribbon, .ribbon.u-badge-color-azure.u-badge-ghost:not(.u-badge-outline), .u-badge-color-azure.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-azure, .u-avatar-color-azure.u-ribbon, .ribbon.u-app-loading-bar-color-azure, .u-app-loading-bar-color-azure.u-ribbon {
   border-color: rgba(var(--u-azure-rgb), 0.1) !important;
 }
-.ribbon.bg-indigo, .u-stamp-bg-color-indigo > .ribbon.icon, .u-stamp-bg-color-indigo > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-indigo, .bg-indigo.u-ribbon, .u-stamp-bg-color-indigo > .u-ribbon.icon, .u-stamp-bg-color-indigo > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-indigo, .ribbon.u-progress-bar-color-indigo, .u-progress-bar-color-indigo.u-ribbon, .ribbon.u-card-status-color-indigo, .u-card-status-color-indigo.u-ribbon, .ribbon.u-el-bg-color-indigo, .u-el-bg-color-indigo.u-ribbon, .ribbon.u-badge-color-indigo:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-indigo.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-indigo, .u-stamp-bg-color-indigo > .ribbon.icon, .u-stamp-bg-color-indigo > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-indigo, .bg-indigo.u-ribbon, .u-stamp-bg-color-indigo > .u-ribbon.icon, .u-stamp-bg-color-indigo > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-indigo, .ribbon.u-progress-bar-color-indigo, .u-progress-bar-color-indigo.u-ribbon, .ribbon.u-card-status-color-indigo, .u-card-status-color-indigo.u-ribbon, .ribbon.u-el-bg-color-indigo, .u-el-bg-color-indigo.u-ribbon, .ribbon.u-badge-color-indigo:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-indigo.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-indigo, .u-app-loading-bar-body-color-indigo.u-ribbon {
   border-color: var(--u-indigo);
 }
-.ribbon.bg-indigo-lt, .bg-indigo-lt.u-ribbon, .ribbon.u-badge-color-indigo.u-badge-ghost:not(.u-badge-outline), .u-badge-color-indigo.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-indigo, .u-avatar-color-indigo.u-ribbon {
+.ribbon.bg-indigo-lt, .bg-indigo-lt.u-ribbon, .ribbon.u-badge-color-indigo.u-badge-ghost:not(.u-badge-outline), .u-badge-color-indigo.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-indigo, .u-avatar-color-indigo.u-ribbon, .ribbon.u-app-loading-bar-color-indigo, .u-app-loading-bar-color-indigo.u-ribbon {
   border-color: rgba(var(--u-indigo-rgb), 0.1) !important;
 }
-.ribbon.bg-purple, .u-stamp-bg-color-purple > .ribbon.icon, .u-stamp-bg-color-purple > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-purple, .bg-purple.u-ribbon, .u-stamp-bg-color-purple > .u-ribbon.icon, .u-stamp-bg-color-purple > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-purple, .ribbon.u-progress-bar-color-purple, .u-progress-bar-color-purple.u-ribbon, .ribbon.u-card-status-color-purple, .u-card-status-color-purple.u-ribbon, .ribbon.u-el-bg-color-purple, .u-el-bg-color-purple.u-ribbon, .ribbon.u-badge-color-purple:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-purple.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-purple, .u-stamp-bg-color-purple > .ribbon.icon, .u-stamp-bg-color-purple > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-purple, .bg-purple.u-ribbon, .u-stamp-bg-color-purple > .u-ribbon.icon, .u-stamp-bg-color-purple > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-purple, .ribbon.u-progress-bar-color-purple, .u-progress-bar-color-purple.u-ribbon, .ribbon.u-card-status-color-purple, .u-card-status-color-purple.u-ribbon, .ribbon.u-el-bg-color-purple, .u-el-bg-color-purple.u-ribbon, .ribbon.u-badge-color-purple:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-purple.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-purple, .u-app-loading-bar-body-color-purple.u-ribbon {
   border-color: var(--u-purple);
 }
-.ribbon.bg-purple-lt, .bg-purple-lt.u-ribbon, .ribbon.u-badge-color-purple.u-badge-ghost:not(.u-badge-outline), .u-badge-color-purple.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-purple, .u-avatar-color-purple.u-ribbon {
+.ribbon.bg-purple-lt, .bg-purple-lt.u-ribbon, .ribbon.u-badge-color-purple.u-badge-ghost:not(.u-badge-outline), .u-badge-color-purple.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-purple, .u-avatar-color-purple.u-ribbon, .ribbon.u-app-loading-bar-color-purple, .u-app-loading-bar-color-purple.u-ribbon {
   border-color: rgba(var(--u-purple-rgb), 0.1) !important;
 }
-.ribbon.bg-pink, .u-stamp-bg-color-pink > .ribbon.icon, .u-stamp-bg-color-pink > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-pink, .bg-pink.u-ribbon, .u-stamp-bg-color-pink > .u-ribbon.icon, .u-stamp-bg-color-pink > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-pink, .ribbon.u-progress-bar-color-pink, .u-progress-bar-color-pink.u-ribbon, .ribbon.u-card-status-color-pink, .u-card-status-color-pink.u-ribbon, .ribbon.u-el-bg-color-pink, .u-el-bg-color-pink.u-ribbon, .ribbon.u-badge-color-pink:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-pink.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-pink, .u-stamp-bg-color-pink > .ribbon.icon, .u-stamp-bg-color-pink > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-pink, .bg-pink.u-ribbon, .u-stamp-bg-color-pink > .u-ribbon.icon, .u-stamp-bg-color-pink > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-pink, .ribbon.u-progress-bar-color-pink, .u-progress-bar-color-pink.u-ribbon, .ribbon.u-card-status-color-pink, .u-card-status-color-pink.u-ribbon, .ribbon.u-el-bg-color-pink, .u-el-bg-color-pink.u-ribbon, .ribbon.u-badge-color-pink:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-pink.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-pink, .u-app-loading-bar-body-color-pink.u-ribbon {
   border-color: var(--u-pink);
 }
-.ribbon.bg-pink-lt, .bg-pink-lt.u-ribbon, .ribbon.u-badge-color-pink.u-badge-ghost:not(.u-badge-outline), .u-badge-color-pink.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-pink, .u-avatar-color-pink.u-ribbon {
+.ribbon.bg-pink-lt, .bg-pink-lt.u-ribbon, .ribbon.u-badge-color-pink.u-badge-ghost:not(.u-badge-outline), .u-badge-color-pink.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-pink, .u-avatar-color-pink.u-ribbon, .ribbon.u-app-loading-bar-color-pink, .u-app-loading-bar-color-pink.u-ribbon {
   border-color: rgba(var(--u-pink-rgb), 0.1) !important;
 }
-.ribbon.bg-red, .u-stamp-bg-color-red > .ribbon.icon, .u-stamp-bg-color-red > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-red, .bg-red.u-ribbon, .u-stamp-bg-color-red > .u-ribbon.icon, .u-stamp-bg-color-red > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-red, .ribbon.u-progress-bar-color-red, .u-progress-bar-color-red.u-ribbon, .ribbon.u-card-status-color-red, .u-card-status-color-red.u-ribbon, .ribbon.u-el-bg-color-red, .u-el-bg-color-red.u-ribbon, .ribbon.u-badge-color-red:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-red.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-red, .u-stamp-bg-color-red > .ribbon.icon, .u-stamp-bg-color-red > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-red, .bg-red.u-ribbon, .u-stamp-bg-color-red > .u-ribbon.icon, .u-stamp-bg-color-red > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-red, .ribbon.u-progress-bar-color-red, .u-progress-bar-color-red.u-ribbon, .ribbon.u-card-status-color-red, .u-card-status-color-red.u-ribbon, .ribbon.u-el-bg-color-red, .u-el-bg-color-red.u-ribbon, .ribbon.u-badge-color-red:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-red.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-red, .u-app-loading-bar-body-color-red.u-ribbon {
   border-color: var(--u-red);
 }
-.ribbon.bg-red-lt, .bg-red-lt.u-ribbon, .ribbon.u-badge-color-red.u-badge-ghost:not(.u-badge-outline), .u-badge-color-red.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-red, .u-avatar-color-red.u-ribbon {
+.ribbon.bg-red-lt, .bg-red-lt.u-ribbon, .ribbon.u-badge-color-red.u-badge-ghost:not(.u-badge-outline), .u-badge-color-red.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-red, .u-avatar-color-red.u-ribbon, .ribbon.u-app-loading-bar-color-red, .u-app-loading-bar-color-red.u-ribbon {
   border-color: rgba(var(--u-red-rgb), 0.1) !important;
 }
-.ribbon.bg-orange, .u-stamp-bg-color-orange > .ribbon.icon, .u-stamp-bg-color-orange > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-orange, .bg-orange.u-ribbon, .u-stamp-bg-color-orange > .u-ribbon.icon, .u-stamp-bg-color-orange > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-orange, .ribbon.u-progress-bar-color-orange, .u-progress-bar-color-orange.u-ribbon, .ribbon.u-card-status-color-orange, .u-card-status-color-orange.u-ribbon, .ribbon.u-el-bg-color-orange, .u-el-bg-color-orange.u-ribbon, .ribbon.u-badge-color-orange:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-orange.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-orange, .u-stamp-bg-color-orange > .ribbon.icon, .u-stamp-bg-color-orange > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-orange, .bg-orange.u-ribbon, .u-stamp-bg-color-orange > .u-ribbon.icon, .u-stamp-bg-color-orange > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-orange, .ribbon.u-progress-bar-color-orange, .u-progress-bar-color-orange.u-ribbon, .ribbon.u-card-status-color-orange, .u-card-status-color-orange.u-ribbon, .ribbon.u-el-bg-color-orange, .u-el-bg-color-orange.u-ribbon, .ribbon.u-badge-color-orange:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-orange.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-orange, .u-app-loading-bar-body-color-orange.u-ribbon {
   border-color: var(--u-orange);
 }
-.ribbon.bg-orange-lt, .bg-orange-lt.u-ribbon, .ribbon.u-badge-color-orange.u-badge-ghost:not(.u-badge-outline), .u-badge-color-orange.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-orange, .u-avatar-color-orange.u-ribbon {
+.ribbon.bg-orange-lt, .bg-orange-lt.u-ribbon, .ribbon.u-badge-color-orange.u-badge-ghost:not(.u-badge-outline), .u-badge-color-orange.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-orange, .u-avatar-color-orange.u-ribbon, .ribbon.u-app-loading-bar-color-orange, .u-app-loading-bar-color-orange.u-ribbon {
   border-color: rgba(var(--u-orange-rgb), 0.1) !important;
 }
-.ribbon.bg-yellow, .u-stamp-bg-color-yellow > .ribbon.icon, .u-stamp-bg-color-yellow > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-yellow, .bg-yellow.u-ribbon, .u-stamp-bg-color-yellow > .u-ribbon.icon, .u-stamp-bg-color-yellow > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-yellow, .ribbon.u-progress-bar-color-yellow, .u-progress-bar-color-yellow.u-ribbon, .ribbon.u-card-status-color-yellow, .u-card-status-color-yellow.u-ribbon, .ribbon.u-el-bg-color-yellow, .u-el-bg-color-yellow.u-ribbon, .ribbon.u-badge-color-yellow:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-yellow.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-yellow, .u-stamp-bg-color-yellow > .ribbon.icon, .u-stamp-bg-color-yellow > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-yellow, .bg-yellow.u-ribbon, .u-stamp-bg-color-yellow > .u-ribbon.icon, .u-stamp-bg-color-yellow > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-yellow, .ribbon.u-progress-bar-color-yellow, .u-progress-bar-color-yellow.u-ribbon, .ribbon.u-card-status-color-yellow, .u-card-status-color-yellow.u-ribbon, .ribbon.u-el-bg-color-yellow, .u-el-bg-color-yellow.u-ribbon, .ribbon.u-badge-color-yellow:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-yellow.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-yellow, .u-app-loading-bar-body-color-yellow.u-ribbon {
   border-color: var(--u-yellow);
 }
-.ribbon.bg-yellow-lt, .bg-yellow-lt.u-ribbon, .ribbon.u-badge-color-yellow.u-badge-ghost:not(.u-badge-outline), .u-badge-color-yellow.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-yellow, .u-avatar-color-yellow.u-ribbon {
+.ribbon.bg-yellow-lt, .bg-yellow-lt.u-ribbon, .ribbon.u-badge-color-yellow.u-badge-ghost:not(.u-badge-outline), .u-badge-color-yellow.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-yellow, .u-avatar-color-yellow.u-ribbon, .ribbon.u-app-loading-bar-color-yellow, .u-app-loading-bar-color-yellow.u-ribbon {
   border-color: rgba(var(--u-yellow-rgb), 0.1) !important;
 }
-.ribbon.bg-lime, .u-stamp-bg-color-lime > .ribbon.icon, .u-stamp-bg-color-lime > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-lime, .bg-lime.u-ribbon, .u-stamp-bg-color-lime > .u-ribbon.icon, .u-stamp-bg-color-lime > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-lime, .ribbon.u-progress-bar-color-lime, .u-progress-bar-color-lime.u-ribbon, .ribbon.u-card-status-color-lime, .u-card-status-color-lime.u-ribbon, .ribbon.u-el-bg-color-lime, .u-el-bg-color-lime.u-ribbon, .ribbon.u-badge-color-lime:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-lime.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-lime, .u-stamp-bg-color-lime > .ribbon.icon, .u-stamp-bg-color-lime > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-lime, .bg-lime.u-ribbon, .u-stamp-bg-color-lime > .u-ribbon.icon, .u-stamp-bg-color-lime > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-lime, .ribbon.u-progress-bar-color-lime, .u-progress-bar-color-lime.u-ribbon, .ribbon.u-card-status-color-lime, .u-card-status-color-lime.u-ribbon, .ribbon.u-el-bg-color-lime, .u-el-bg-color-lime.u-ribbon, .ribbon.u-badge-color-lime:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-lime.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-lime, .u-app-loading-bar-body-color-lime.u-ribbon {
   border-color: var(--u-lime);
 }
-.ribbon.bg-lime-lt, .bg-lime-lt.u-ribbon, .ribbon.u-badge-color-lime.u-badge-ghost:not(.u-badge-outline), .u-badge-color-lime.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-lime, .u-avatar-color-lime.u-ribbon {
+.ribbon.bg-lime-lt, .bg-lime-lt.u-ribbon, .ribbon.u-badge-color-lime.u-badge-ghost:not(.u-badge-outline), .u-badge-color-lime.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-lime, .u-avatar-color-lime.u-ribbon, .ribbon.u-app-loading-bar-color-lime, .u-app-loading-bar-color-lime.u-ribbon {
   border-color: rgba(var(--u-lime-rgb), 0.1) !important;
 }
-.ribbon.bg-green, .u-stamp-bg-color-green > .ribbon.icon, .u-stamp-bg-color-green > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-green, .bg-green.u-ribbon, .u-stamp-bg-color-green > .u-ribbon.icon, .u-stamp-bg-color-green > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-green, .ribbon.u-progress-bar-color-green, .u-progress-bar-color-green.u-ribbon, .ribbon.u-card-status-color-green, .u-card-status-color-green.u-ribbon, .ribbon.u-el-bg-color-green, .u-el-bg-color-green.u-ribbon, .ribbon.u-badge-color-green:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-green.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-green, .u-stamp-bg-color-green > .ribbon.icon, .u-stamp-bg-color-green > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-green, .bg-green.u-ribbon, .u-stamp-bg-color-green > .u-ribbon.icon, .u-stamp-bg-color-green > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-green, .ribbon.u-progress-bar-color-green, .u-progress-bar-color-green.u-ribbon, .ribbon.u-card-status-color-green, .u-card-status-color-green.u-ribbon, .ribbon.u-el-bg-color-green, .u-el-bg-color-green.u-ribbon, .ribbon.u-badge-color-green:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-green.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-green, .u-app-loading-bar-body-color-green.u-ribbon {
   border-color: var(--u-green);
 }
-.ribbon.bg-green-lt, .bg-green-lt.u-ribbon, .ribbon.u-badge-color-green.u-badge-ghost:not(.u-badge-outline), .u-badge-color-green.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-green, .u-avatar-color-green.u-ribbon {
+.ribbon.bg-green-lt, .bg-green-lt.u-ribbon, .ribbon.u-badge-color-green.u-badge-ghost:not(.u-badge-outline), .u-badge-color-green.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-green, .u-avatar-color-green.u-ribbon, .ribbon.u-app-loading-bar-color-green, .u-app-loading-bar-color-green.u-ribbon {
   border-color: rgba(var(--u-green-rgb), 0.1) !important;
 }
-.ribbon.bg-teal, .u-stamp-bg-color-teal > .ribbon.icon, .u-stamp-bg-color-teal > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-teal, .bg-teal.u-ribbon, .u-stamp-bg-color-teal > .u-ribbon.icon, .u-stamp-bg-color-teal > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-teal, .ribbon.u-progress-bar-color-teal, .u-progress-bar-color-teal.u-ribbon, .ribbon.u-card-status-color-teal, .u-card-status-color-teal.u-ribbon, .ribbon.u-el-bg-color-teal, .u-el-bg-color-teal.u-ribbon, .ribbon.u-badge-color-teal:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-teal.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-teal, .u-stamp-bg-color-teal > .ribbon.icon, .u-stamp-bg-color-teal > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-teal, .bg-teal.u-ribbon, .u-stamp-bg-color-teal > .u-ribbon.icon, .u-stamp-bg-color-teal > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-teal, .ribbon.u-progress-bar-color-teal, .u-progress-bar-color-teal.u-ribbon, .ribbon.u-card-status-color-teal, .u-card-status-color-teal.u-ribbon, .ribbon.u-el-bg-color-teal, .u-el-bg-color-teal.u-ribbon, .ribbon.u-badge-color-teal:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-teal.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-teal, .u-app-loading-bar-body-color-teal.u-ribbon {
   border-color: var(--u-teal);
 }
-.ribbon.bg-teal-lt, .bg-teal-lt.u-ribbon, .ribbon.u-badge-color-teal.u-badge-ghost:not(.u-badge-outline), .u-badge-color-teal.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-teal, .u-avatar-color-teal.u-ribbon {
+.ribbon.bg-teal-lt, .bg-teal-lt.u-ribbon, .ribbon.u-badge-color-teal.u-badge-ghost:not(.u-badge-outline), .u-badge-color-teal.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-teal, .u-avatar-color-teal.u-ribbon, .ribbon.u-app-loading-bar-color-teal, .u-app-loading-bar-color-teal.u-ribbon {
   border-color: rgba(var(--u-teal-rgb), 0.1) !important;
 }
-.ribbon.bg-cyan, .u-stamp-bg-color-cyan > .ribbon.icon, .u-stamp-bg-color-cyan > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-cyan, .bg-cyan.u-ribbon, .u-stamp-bg-color-cyan > .u-ribbon.icon, .u-stamp-bg-color-cyan > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-cyan, .ribbon.u-progress-bar-color-cyan, .u-progress-bar-color-cyan.u-ribbon, .ribbon.u-card-status-color-cyan, .u-card-status-color-cyan.u-ribbon, .ribbon.u-el-bg-color-cyan, .u-el-bg-color-cyan.u-ribbon, .ribbon.u-badge-color-cyan:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-cyan.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost) {
+.ribbon.bg-cyan, .u-stamp-bg-color-cyan > .ribbon.icon, .u-stamp-bg-color-cyan > .ribbon.u-icon, .ribbon.u-ribbon-bg-color-cyan, .bg-cyan.u-ribbon, .u-stamp-bg-color-cyan > .u-ribbon.icon, .u-stamp-bg-color-cyan > .u-ribbon.u-icon, .u-ribbon.u-ribbon-bg-color-cyan, .ribbon.u-progress-bar-color-cyan, .u-progress-bar-color-cyan.u-ribbon, .ribbon.u-card-status-color-cyan, .u-card-status-color-cyan.u-ribbon, .ribbon.u-el-bg-color-cyan, .u-el-bg-color-cyan.u-ribbon, .ribbon.u-badge-color-cyan:not(.u-badge-outline):not(.u-badge-ghost), .u-badge-color-cyan.u-ribbon:not(.u-badge-outline):not(.u-badge-ghost), .ribbon.u-app-loading-bar-body-color-cyan, .u-app-loading-bar-body-color-cyan.u-ribbon {
   border-color: var(--u-cyan);
 }
-.ribbon.bg-cyan-lt, .bg-cyan-lt.u-ribbon, .ribbon.u-badge-color-cyan.u-badge-ghost:not(.u-badge-outline), .u-badge-color-cyan.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-cyan, .u-avatar-color-cyan.u-ribbon {
+.ribbon.bg-cyan-lt, .bg-cyan-lt.u-ribbon, .ribbon.u-badge-color-cyan.u-badge-ghost:not(.u-badge-outline), .u-badge-color-cyan.u-badge-ghost.u-ribbon:not(.u-badge-outline), .ribbon.u-avatar-color-cyan, .u-avatar-color-cyan.u-ribbon, .ribbon.u-app-loading-bar-color-cyan, .u-app-loading-bar-color-cyan.u-ribbon {
   border-color: rgba(var(--u-cyan-rgb), 0.1) !important;
 }
 .ribbon .icon, .u-ribbon .icon, .ribbon .u-icon, .u-ribbon .u-icon {
@@ -23137,432 +23307,432 @@ Chart sparkline
   background-position: center;
 }
 
-.bg-primary, .u-stamp-bg-color-primary > .icon, .u-stamp-bg-color-primary > .u-icon, .u-ribbon-bg-color-primary, .u-progress-bar-color-primary, .u-card-status-color-primary, .u-el-bg-color-primary, .u-badge-color-primary:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-primary, .u-stamp-bg-color-primary > .icon, .u-stamp-bg-color-primary > .u-icon, .u-ribbon-bg-color-primary, .u-progress-bar-color-primary, .u-card-status-color-primary, .u-el-bg-color-primary, .u-badge-color-primary:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-primary {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-primary-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-primary-lt, .u-badge-color-primary.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-primary {
+.bg-primary-lt, .u-badge-color-primary.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-primary, .u-app-loading-bar-color-primary {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-primary-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-primary-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-secondary, .u-stamp-bg-color-secondary > .icon, .u-stamp-bg-color-secondary > .u-icon, .u-ribbon-bg-color-secondary, .u-progress-bar-color-secondary, .u-card-status-color-secondary, .u-el-bg-color-secondary, .u-badge-color-secondary:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-secondary, .u-stamp-bg-color-secondary > .icon, .u-stamp-bg-color-secondary > .u-icon, .u-ribbon-bg-color-secondary, .u-progress-bar-color-secondary, .u-card-status-color-secondary, .u-el-bg-color-secondary, .u-badge-color-secondary:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-secondary {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-secondary-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-secondary-lt, .u-badge-color-secondary.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-secondary {
+.bg-secondary-lt, .u-badge-color-secondary.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-secondary, .u-app-loading-bar-color-secondary {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-secondary-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-secondary-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-success, .u-stamp-bg-color-success > .icon, .u-stamp-bg-color-success > .u-icon, .u-ribbon-bg-color-success, .u-progress-bar-color-success, .u-card-status-color-success, .u-el-bg-color-success, .u-badge-color-success:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-success, .u-stamp-bg-color-success > .icon, .u-stamp-bg-color-success > .u-icon, .u-ribbon-bg-color-success, .u-progress-bar-color-success, .u-card-status-color-success, .u-el-bg-color-success, .u-badge-color-success:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-success {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-success-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-success-lt, .u-badge-color-success.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-success {
+.bg-success-lt, .u-badge-color-success.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-success, .u-app-loading-bar-color-success {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-success-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-success-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-info, .u-stamp-bg-color-info > .icon, .u-stamp-bg-color-info > .u-icon, .u-ribbon-bg-color-info, .u-progress-bar-color-info, .u-card-status-color-info, .u-el-bg-color-info, .u-badge-color-info:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-info, .u-stamp-bg-color-info > .icon, .u-stamp-bg-color-info > .u-icon, .u-ribbon-bg-color-info, .u-progress-bar-color-info, .u-card-status-color-info, .u-el-bg-color-info, .u-badge-color-info:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-info {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-info-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-info-lt, .u-badge-color-info.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-info {
+.bg-info-lt, .u-badge-color-info.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-info, .u-app-loading-bar-color-info {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-info-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-info-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-warning, .u-stamp-bg-color-warning > .icon, .u-stamp-bg-color-warning > .u-icon, .u-ribbon-bg-color-warning, .u-progress-bar-color-warning, .u-card-status-color-warning, .u-el-bg-color-warning, .u-badge-color-warning:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-warning, .u-stamp-bg-color-warning > .icon, .u-stamp-bg-color-warning > .u-icon, .u-ribbon-bg-color-warning, .u-progress-bar-color-warning, .u-card-status-color-warning, .u-el-bg-color-warning, .u-badge-color-warning:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-warning {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-warning-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-warning-lt, .u-badge-color-warning.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-warning {
+.bg-warning-lt, .u-badge-color-warning.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-warning, .u-app-loading-bar-color-warning {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-warning-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-warning-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-danger, .u-stamp-bg-color-danger > .icon, .u-stamp-bg-color-danger > .u-icon, .u-ribbon-bg-color-danger, .u-progress-bar-color-danger, .u-card-status-color-danger, .u-el-bg-color-danger, .u-badge-color-danger:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-danger, .u-stamp-bg-color-danger > .icon, .u-stamp-bg-color-danger > .u-icon, .u-ribbon-bg-color-danger, .u-progress-bar-color-danger, .u-card-status-color-danger, .u-el-bg-color-danger, .u-badge-color-danger:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-danger {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-danger-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-danger-lt, .u-badge-color-danger.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-danger {
+.bg-danger-lt, .u-badge-color-danger.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-danger, .u-app-loading-bar-color-danger {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-danger-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-danger-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-light, .u-stamp-bg-color-light > .icon, .u-stamp-bg-color-light > .u-icon, .u-ribbon-bg-color-light, .u-progress-bar-color-light, .u-card-status-color-light, .u-el-bg-color-light, .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-light, .u-stamp-bg-color-light > .icon, .u-stamp-bg-color-light > .u-icon, .u-ribbon-bg-color-light, .u-progress-bar-color-light, .u-card-status-color-light, .u-el-bg-color-light, .u-badge-color-light:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-light {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-light-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-light-lt, .u-badge-color-light.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-light {
+.bg-light-lt, .u-badge-color-light.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-light, .u-app-loading-bar-color-light {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-light-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-light-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-dark, .u-stamp-bg-color-dark > .icon, .u-stamp-bg-color-dark > .u-icon, .u-ribbon-bg-color-dark, .u-progress-bar-color-dark, .u-card-status-color-dark, .u-el-bg-color-dark, .u-badge-color-dark:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-dark, .u-stamp-bg-color-dark > .icon, .u-stamp-bg-color-dark > .u-icon, .u-ribbon-bg-color-dark, .u-progress-bar-color-dark, .u-card-status-color-dark, .u-el-bg-color-dark, .u-badge-color-dark:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-dark {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-dark-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-dark-lt, .u-badge-color-dark.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-dark {
+.bg-dark-lt, .u-badge-color-dark.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-dark, .u-app-loading-bar-color-dark {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-dark-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-dark-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-muted, .u-stamp-bg-color-muted > .icon, .u-stamp-bg-color-muted > .u-icon, .u-ribbon-bg-color-muted, .u-progress-bar-color-muted, .u-card-status-color-muted, .u-el-bg-color-muted, .u-badge-color-muted:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-muted, .u-stamp-bg-color-muted > .icon, .u-stamp-bg-color-muted > .u-icon, .u-ribbon-bg-color-muted, .u-progress-bar-color-muted, .u-card-status-color-muted, .u-el-bg-color-muted, .u-badge-color-muted:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-muted {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-muted-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-muted-lt, .u-badge-color-muted.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-muted {
+.bg-muted-lt, .u-badge-color-muted.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-muted, .u-app-loading-bar-color-muted {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-muted-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-muted-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-blue, .u-stamp-bg-color-blue > .icon, .u-stamp-bg-color-blue > .u-icon, .u-ribbon-bg-color-blue, .u-progress-bar-color-blue, .u-card-status-color-blue, .u-el-bg-color-blue, .u-badge-color-blue:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-blue, .u-stamp-bg-color-blue > .icon, .u-stamp-bg-color-blue > .u-icon, .u-ribbon-bg-color-blue, .u-progress-bar-color-blue, .u-card-status-color-blue, .u-el-bg-color-blue, .u-badge-color-blue:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-blue {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-blue-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-blue-lt, .u-badge-color-blue.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-blue {
+.bg-blue-lt, .u-badge-color-blue.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-blue, .u-app-loading-bar-color-blue {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-blue-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-blue-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-azure, .u-stamp-bg-color-azure > .icon, .u-stamp-bg-color-azure > .u-icon, .u-ribbon-bg-color-azure, .u-progress-bar-color-azure, .u-card-status-color-azure, .u-el-bg-color-azure, .u-badge-color-azure:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-azure, .u-stamp-bg-color-azure > .icon, .u-stamp-bg-color-azure > .u-icon, .u-ribbon-bg-color-azure, .u-progress-bar-color-azure, .u-card-status-color-azure, .u-el-bg-color-azure, .u-badge-color-azure:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-azure {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-azure-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-azure-lt, .u-badge-color-azure.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-azure {
+.bg-azure-lt, .u-badge-color-azure.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-azure, .u-app-loading-bar-color-azure {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-azure-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-azure-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-indigo, .u-stamp-bg-color-indigo > .icon, .u-stamp-bg-color-indigo > .u-icon, .u-ribbon-bg-color-indigo, .u-progress-bar-color-indigo, .u-card-status-color-indigo, .u-el-bg-color-indigo, .u-badge-color-indigo:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-indigo, .u-stamp-bg-color-indigo > .icon, .u-stamp-bg-color-indigo > .u-icon, .u-ribbon-bg-color-indigo, .u-progress-bar-color-indigo, .u-card-status-color-indigo, .u-el-bg-color-indigo, .u-badge-color-indigo:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-indigo {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-indigo-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-indigo-lt, .u-badge-color-indigo.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-indigo {
+.bg-indigo-lt, .u-badge-color-indigo.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-indigo, .u-app-loading-bar-color-indigo {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-indigo-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-indigo-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-purple, .u-stamp-bg-color-purple > .icon, .u-stamp-bg-color-purple > .u-icon, .u-ribbon-bg-color-purple, .u-progress-bar-color-purple, .u-card-status-color-purple, .u-el-bg-color-purple, .u-badge-color-purple:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-purple, .u-stamp-bg-color-purple > .icon, .u-stamp-bg-color-purple > .u-icon, .u-ribbon-bg-color-purple, .u-progress-bar-color-purple, .u-card-status-color-purple, .u-el-bg-color-purple, .u-badge-color-purple:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-purple {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-purple-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-purple-lt, .u-badge-color-purple.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-purple {
+.bg-purple-lt, .u-badge-color-purple.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-purple, .u-app-loading-bar-color-purple {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-purple-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-purple-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-pink, .u-stamp-bg-color-pink > .icon, .u-stamp-bg-color-pink > .u-icon, .u-ribbon-bg-color-pink, .u-progress-bar-color-pink, .u-card-status-color-pink, .u-el-bg-color-pink, .u-badge-color-pink:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-pink, .u-stamp-bg-color-pink > .icon, .u-stamp-bg-color-pink > .u-icon, .u-ribbon-bg-color-pink, .u-progress-bar-color-pink, .u-card-status-color-pink, .u-el-bg-color-pink, .u-badge-color-pink:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-pink {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-pink-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-pink-lt, .u-badge-color-pink.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-pink {
+.bg-pink-lt, .u-badge-color-pink.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-pink, .u-app-loading-bar-color-pink {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-pink-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-pink-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-red, .u-stamp-bg-color-red > .icon, .u-stamp-bg-color-red > .u-icon, .u-ribbon-bg-color-red, .u-progress-bar-color-red, .u-card-status-color-red, .u-el-bg-color-red, .u-badge-color-red:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-red, .u-stamp-bg-color-red > .icon, .u-stamp-bg-color-red > .u-icon, .u-ribbon-bg-color-red, .u-progress-bar-color-red, .u-card-status-color-red, .u-el-bg-color-red, .u-badge-color-red:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-red {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-red-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-red-lt, .u-badge-color-red.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-red {
+.bg-red-lt, .u-badge-color-red.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-red, .u-app-loading-bar-color-red {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-red-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-red-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-orange, .u-stamp-bg-color-orange > .icon, .u-stamp-bg-color-orange > .u-icon, .u-ribbon-bg-color-orange, .u-progress-bar-color-orange, .u-card-status-color-orange, .u-el-bg-color-orange, .u-badge-color-orange:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-orange, .u-stamp-bg-color-orange > .icon, .u-stamp-bg-color-orange > .u-icon, .u-ribbon-bg-color-orange, .u-progress-bar-color-orange, .u-card-status-color-orange, .u-el-bg-color-orange, .u-badge-color-orange:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-orange {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-orange-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-orange-lt, .u-badge-color-orange.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-orange {
+.bg-orange-lt, .u-badge-color-orange.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-orange, .u-app-loading-bar-color-orange {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-orange-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-orange-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-yellow, .u-stamp-bg-color-yellow > .icon, .u-stamp-bg-color-yellow > .u-icon, .u-ribbon-bg-color-yellow, .u-progress-bar-color-yellow, .u-card-status-color-yellow, .u-el-bg-color-yellow, .u-badge-color-yellow:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-yellow, .u-stamp-bg-color-yellow > .icon, .u-stamp-bg-color-yellow > .u-icon, .u-ribbon-bg-color-yellow, .u-progress-bar-color-yellow, .u-card-status-color-yellow, .u-el-bg-color-yellow, .u-badge-color-yellow:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-yellow {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-yellow-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-yellow-lt, .u-badge-color-yellow.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-yellow {
+.bg-yellow-lt, .u-badge-color-yellow.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-yellow, .u-app-loading-bar-color-yellow {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-yellow-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-yellow-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-lime, .u-stamp-bg-color-lime > .icon, .u-stamp-bg-color-lime > .u-icon, .u-ribbon-bg-color-lime, .u-progress-bar-color-lime, .u-card-status-color-lime, .u-el-bg-color-lime, .u-badge-color-lime:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-lime, .u-stamp-bg-color-lime > .icon, .u-stamp-bg-color-lime > .u-icon, .u-ribbon-bg-color-lime, .u-progress-bar-color-lime, .u-card-status-color-lime, .u-el-bg-color-lime, .u-badge-color-lime:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-lime {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-lime-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-lime-lt, .u-badge-color-lime.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-lime {
+.bg-lime-lt, .u-badge-color-lime.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-lime, .u-app-loading-bar-color-lime {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-lime-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-lime-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-green, .u-stamp-bg-color-green > .icon, .u-stamp-bg-color-green > .u-icon, .u-ribbon-bg-color-green, .u-progress-bar-color-green, .u-card-status-color-green, .u-el-bg-color-green, .u-badge-color-green:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-green, .u-stamp-bg-color-green > .icon, .u-stamp-bg-color-green > .u-icon, .u-ribbon-bg-color-green, .u-progress-bar-color-green, .u-card-status-color-green, .u-el-bg-color-green, .u-badge-color-green:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-green {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-green-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-green-lt, .u-badge-color-green.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-green {
+.bg-green-lt, .u-badge-color-green.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-green, .u-app-loading-bar-color-green {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-green-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-green-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-teal, .u-stamp-bg-color-teal > .icon, .u-stamp-bg-color-teal > .u-icon, .u-ribbon-bg-color-teal, .u-progress-bar-color-teal, .u-card-status-color-teal, .u-el-bg-color-teal, .u-badge-color-teal:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-teal, .u-stamp-bg-color-teal > .icon, .u-stamp-bg-color-teal > .u-icon, .u-ribbon-bg-color-teal, .u-progress-bar-color-teal, .u-card-status-color-teal, .u-el-bg-color-teal, .u-badge-color-teal:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-teal {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-teal-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-teal-lt, .u-badge-color-teal.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-teal {
+.bg-teal-lt, .u-badge-color-teal.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-teal, .u-app-loading-bar-color-teal {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-teal-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-teal-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-cyan, .u-stamp-bg-color-cyan > .icon, .u-stamp-bg-color-cyan > .u-icon, .u-ribbon-bg-color-cyan, .u-progress-bar-color-cyan, .u-card-status-color-cyan, .u-el-bg-color-cyan, .u-badge-color-cyan:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-cyan, .u-stamp-bg-color-cyan > .icon, .u-stamp-bg-color-cyan > .u-icon, .u-ribbon-bg-color-cyan, .u-progress-bar-color-cyan, .u-card-status-color-cyan, .u-el-bg-color-cyan, .u-badge-color-cyan:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-cyan {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-cyan-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-cyan-lt, .u-badge-color-cyan.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-cyan {
+.bg-cyan-lt, .u-badge-color-cyan.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-cyan, .u-app-loading-bar-color-cyan {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-cyan-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-cyan-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-facebook, .u-stamp-bg-color-facebook > .icon, .u-stamp-bg-color-facebook > .u-icon, .u-ribbon-bg-color-facebook, .u-progress-bar-color-facebook, .u-card-status-color-facebook, .u-el-bg-color-facebook, .u-badge-color-facebook:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-facebook, .u-stamp-bg-color-facebook > .icon, .u-stamp-bg-color-facebook > .u-icon, .u-ribbon-bg-color-facebook, .u-progress-bar-color-facebook, .u-card-status-color-facebook, .u-el-bg-color-facebook, .u-badge-color-facebook:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-facebook {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-facebook-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-facebook-lt, .u-badge-color-facebook.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-facebook {
+.bg-facebook-lt, .u-badge-color-facebook.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-facebook, .u-app-loading-bar-color-facebook {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-facebook-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-facebook-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-twitter, .u-stamp-bg-color-twitter > .icon, .u-stamp-bg-color-twitter > .u-icon, .u-ribbon-bg-color-twitter, .u-progress-bar-color-twitter, .u-card-status-color-twitter, .u-el-bg-color-twitter, .u-badge-color-twitter:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-twitter, .u-stamp-bg-color-twitter > .icon, .u-stamp-bg-color-twitter > .u-icon, .u-ribbon-bg-color-twitter, .u-progress-bar-color-twitter, .u-card-status-color-twitter, .u-el-bg-color-twitter, .u-badge-color-twitter:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-twitter {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-twitter-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-twitter-lt, .u-badge-color-twitter.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-twitter {
+.bg-twitter-lt, .u-badge-color-twitter.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-twitter, .u-app-loading-bar-color-twitter {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-twitter-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-twitter-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-linkedin, .u-stamp-bg-color-linkedin > .icon, .u-stamp-bg-color-linkedin > .u-icon, .u-ribbon-bg-color-linkedin, .u-progress-bar-color-linkedin, .u-card-status-color-linkedin, .u-el-bg-color-linkedin, .u-badge-color-linkedin:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-linkedin, .u-stamp-bg-color-linkedin > .icon, .u-stamp-bg-color-linkedin > .u-icon, .u-ribbon-bg-color-linkedin, .u-progress-bar-color-linkedin, .u-card-status-color-linkedin, .u-el-bg-color-linkedin, .u-badge-color-linkedin:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-linkedin {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-linkedin-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-linkedin-lt, .u-badge-color-linkedin.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-linkedin {
+.bg-linkedin-lt, .u-badge-color-linkedin.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-linkedin, .u-app-loading-bar-color-linkedin {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-linkedin-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-linkedin-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-google, .u-stamp-bg-color-google > .icon, .u-stamp-bg-color-google > .u-icon, .u-ribbon-bg-color-google, .u-progress-bar-color-google, .u-card-status-color-google, .u-el-bg-color-google, .u-badge-color-google:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-google, .u-stamp-bg-color-google > .icon, .u-stamp-bg-color-google > .u-icon, .u-ribbon-bg-color-google, .u-progress-bar-color-google, .u-card-status-color-google, .u-el-bg-color-google, .u-badge-color-google:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-google {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-google-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-google-lt, .u-badge-color-google.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-google {
+.bg-google-lt, .u-badge-color-google.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-google, .u-app-loading-bar-color-google {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-google-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-google-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-youtube, .u-stamp-bg-color-youtube > .icon, .u-stamp-bg-color-youtube > .u-icon, .u-ribbon-bg-color-youtube, .u-progress-bar-color-youtube, .u-card-status-color-youtube, .u-el-bg-color-youtube, .u-badge-color-youtube:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-youtube, .u-stamp-bg-color-youtube > .icon, .u-stamp-bg-color-youtube > .u-icon, .u-ribbon-bg-color-youtube, .u-progress-bar-color-youtube, .u-card-status-color-youtube, .u-el-bg-color-youtube, .u-badge-color-youtube:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-youtube {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-youtube-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-youtube-lt, .u-badge-color-youtube.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-youtube {
+.bg-youtube-lt, .u-badge-color-youtube.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-youtube, .u-app-loading-bar-color-youtube {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-youtube-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-youtube-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-vimeo, .u-stamp-bg-color-vimeo > .icon, .u-stamp-bg-color-vimeo > .u-icon, .u-ribbon-bg-color-vimeo, .u-progress-bar-color-vimeo, .u-card-status-color-vimeo, .u-el-bg-color-vimeo, .u-badge-color-vimeo:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-vimeo, .u-stamp-bg-color-vimeo > .icon, .u-stamp-bg-color-vimeo > .u-icon, .u-ribbon-bg-color-vimeo, .u-progress-bar-color-vimeo, .u-card-status-color-vimeo, .u-el-bg-color-vimeo, .u-badge-color-vimeo:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-vimeo {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-vimeo-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-vimeo-lt, .u-badge-color-vimeo.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-vimeo {
+.bg-vimeo-lt, .u-badge-color-vimeo.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-vimeo, .u-app-loading-bar-color-vimeo {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-vimeo-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-vimeo-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-dribbble, .u-stamp-bg-color-dribbble > .icon, .u-stamp-bg-color-dribbble > .u-icon, .u-ribbon-bg-color-dribbble, .u-progress-bar-color-dribbble, .u-card-status-color-dribbble, .u-el-bg-color-dribbble, .u-badge-color-dribbble:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-dribbble, .u-stamp-bg-color-dribbble > .icon, .u-stamp-bg-color-dribbble > .u-icon, .u-ribbon-bg-color-dribbble, .u-progress-bar-color-dribbble, .u-card-status-color-dribbble, .u-el-bg-color-dribbble, .u-badge-color-dribbble:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-dribbble {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-dribbble-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-dribbble-lt, .u-badge-color-dribbble.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-dribbble {
+.bg-dribbble-lt, .u-badge-color-dribbble.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-dribbble, .u-app-loading-bar-color-dribbble {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-dribbble-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-dribbble-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-github, .u-stamp-bg-color-github > .icon, .u-stamp-bg-color-github > .u-icon, .u-ribbon-bg-color-github, .u-progress-bar-color-github, .u-card-status-color-github, .u-el-bg-color-github, .u-badge-color-github:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-github, .u-stamp-bg-color-github > .icon, .u-stamp-bg-color-github > .u-icon, .u-ribbon-bg-color-github, .u-progress-bar-color-github, .u-card-status-color-github, .u-el-bg-color-github, .u-badge-color-github:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-github {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-github-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-github-lt, .u-badge-color-github.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-github {
+.bg-github-lt, .u-badge-color-github.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-github, .u-app-loading-bar-color-github {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-github-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-github-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-instagram, .u-stamp-bg-color-instagram > .icon, .u-stamp-bg-color-instagram > .u-icon, .u-ribbon-bg-color-instagram, .u-progress-bar-color-instagram, .u-card-status-color-instagram, .u-el-bg-color-instagram, .u-badge-color-instagram:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-instagram, .u-stamp-bg-color-instagram > .icon, .u-stamp-bg-color-instagram > .u-icon, .u-ribbon-bg-color-instagram, .u-progress-bar-color-instagram, .u-card-status-color-instagram, .u-el-bg-color-instagram, .u-badge-color-instagram:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-instagram {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-instagram-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-instagram-lt, .u-badge-color-instagram.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-instagram {
+.bg-instagram-lt, .u-badge-color-instagram.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-instagram, .u-app-loading-bar-color-instagram {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-instagram-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-instagram-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-pinterest, .u-stamp-bg-color-pinterest > .icon, .u-stamp-bg-color-pinterest > .u-icon, .u-ribbon-bg-color-pinterest, .u-progress-bar-color-pinterest, .u-card-status-color-pinterest, .u-el-bg-color-pinterest, .u-badge-color-pinterest:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-pinterest, .u-stamp-bg-color-pinterest > .icon, .u-stamp-bg-color-pinterest > .u-icon, .u-ribbon-bg-color-pinterest, .u-progress-bar-color-pinterest, .u-card-status-color-pinterest, .u-el-bg-color-pinterest, .u-badge-color-pinterest:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-pinterest {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-pinterest-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-pinterest-lt, .u-badge-color-pinterest.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-pinterest {
+.bg-pinterest-lt, .u-badge-color-pinterest.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-pinterest, .u-app-loading-bar-color-pinterest {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-pinterest-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-pinterest-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-vk, .u-stamp-bg-color-vk > .icon, .u-stamp-bg-color-vk > .u-icon, .u-ribbon-bg-color-vk, .u-progress-bar-color-vk, .u-card-status-color-vk, .u-el-bg-color-vk, .u-badge-color-vk:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-vk, .u-stamp-bg-color-vk > .icon, .u-stamp-bg-color-vk > .u-icon, .u-ribbon-bg-color-vk, .u-progress-bar-color-vk, .u-card-status-color-vk, .u-el-bg-color-vk, .u-badge-color-vk:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-vk {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-vk-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-vk-lt, .u-badge-color-vk.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-vk {
+.bg-vk-lt, .u-badge-color-vk.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-vk, .u-app-loading-bar-color-vk {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-vk-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-vk-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-rss, .u-stamp-bg-color-rss > .icon, .u-stamp-bg-color-rss > .u-icon, .u-ribbon-bg-color-rss, .u-progress-bar-color-rss, .u-card-status-color-rss, .u-el-bg-color-rss, .u-badge-color-rss:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-rss, .u-stamp-bg-color-rss > .icon, .u-stamp-bg-color-rss > .u-icon, .u-ribbon-bg-color-rss, .u-progress-bar-color-rss, .u-card-status-color-rss, .u-el-bg-color-rss, .u-badge-color-rss:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-rss {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-rss-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-rss-lt, .u-badge-color-rss.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-rss {
+.bg-rss-lt, .u-badge-color-rss.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-rss, .u-app-loading-bar-color-rss {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-rss-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-rss-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-flickr, .u-stamp-bg-color-flickr > .icon, .u-stamp-bg-color-flickr > .u-icon, .u-ribbon-bg-color-flickr, .u-progress-bar-color-flickr, .u-card-status-color-flickr, .u-el-bg-color-flickr, .u-badge-color-flickr:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-flickr, .u-stamp-bg-color-flickr > .icon, .u-stamp-bg-color-flickr > .u-icon, .u-ribbon-bg-color-flickr, .u-progress-bar-color-flickr, .u-card-status-color-flickr, .u-el-bg-color-flickr, .u-badge-color-flickr:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-flickr {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-flickr-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-flickr-lt, .u-badge-color-flickr.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-flickr {
+.bg-flickr-lt, .u-badge-color-flickr.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-flickr, .u-app-loading-bar-color-flickr {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-flickr-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-flickr-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-bitbucket, .u-stamp-bg-color-bitbucket > .icon, .u-stamp-bg-color-bitbucket > .u-icon, .u-ribbon-bg-color-bitbucket, .u-progress-bar-color-bitbucket, .u-card-status-color-bitbucket, .u-el-bg-color-bitbucket, .u-badge-color-bitbucket:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-bitbucket, .u-stamp-bg-color-bitbucket > .icon, .u-stamp-bg-color-bitbucket > .u-icon, .u-ribbon-bg-color-bitbucket, .u-progress-bar-color-bitbucket, .u-card-status-color-bitbucket, .u-el-bg-color-bitbucket, .u-badge-color-bitbucket:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-bitbucket {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-bitbucket-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-bitbucket-lt, .u-badge-color-bitbucket.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-bitbucket {
+.bg-bitbucket-lt, .u-badge-color-bitbucket.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-bitbucket, .u-app-loading-bar-color-bitbucket {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-bitbucket-rgb, var(--u-text-opacity))) !important;
   background-color: rgba(var(--u-bitbucket-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-tabler, .u-stamp-bg-color-tabler > .icon, .u-stamp-bg-color-tabler > .u-icon, .u-ribbon-bg-color-tabler, .u-progress-bar-color-tabler, .u-card-status-color-tabler, .u-el-bg-color-tabler, .u-badge-color-tabler:not(.u-badge-outline):not(.u-badge-ghost) {
+.bg-tabler, .u-stamp-bg-color-tabler > .icon, .u-stamp-bg-color-tabler > .u-icon, .u-ribbon-bg-color-tabler, .u-progress-bar-color-tabler, .u-card-status-color-tabler, .u-el-bg-color-tabler, .u-badge-color-tabler:not(.u-badge-outline):not(.u-badge-ghost), .u-app-loading-bar-body-color-tabler {
   --u-bg-opacity: 1;
   background-color: rgba(var(--u-tabler-rgb), var(--u-bg-opacity)) !important;
 }
 
-.bg-tabler-lt, .u-badge-color-tabler.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-tabler {
+.bg-tabler-lt, .u-badge-color-tabler.u-badge-ghost:not(.u-badge-outline), .u-avatar-color-tabler, .u-app-loading-bar-color-tabler {
   --u-bg-opacity: .1;
   --u-text-opacity: 1;
   color: rgba(var(--u-tabler-rgb, var(--u-text-opacity))) !important;
@@ -24223,6 +24393,46 @@ Antialiasing
 .u-alert-filled .u-alert-title {
   color: #fff;
 }
+.u-app-loading-bar {
+  overflow: hidden;
+  display: none;
+  position: relative;
+  height: 0.25rem;
+  width: 100%;
+}
+.u-app-loading-bar-fixed-position {
+  position: fixed;
+  z-index: 10;
+  top: 0;
+  left: 0;
+}
+.u-app-loading-bar-indeterminate > .u-app-loading-bar-body {
+  animation: u-app-loading-bar-animation 1s linear infinite;
+}
+.u-app-loading-bar-show {
+  display: block;
+}
+.u-app-loading-bar-body {
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  border-radius: 0.125rem;
+}
+@keyframes u-app-loading-bar-animation {
+  0% {
+    left: 0%;
+    width: 0%;
+  }
+  50% {
+    left: 10%;
+    width: 80%;
+  }
+  100% {
+    left: 100%;
+    width: 0%;
+  }
+}
 .u-avatar > .u-img {
   position: absolute;
   width: 100%;
@@ -25158,7 +25368,7 @@ Antialiasing
   white-space: nowrap !important;
 }
 
-.ts-wrapper.form-control, .ts-wrapper.u-textarea, .ts-wrapper.u-input-size-md, .ts-wrapper.u-input, .ts-wrapper.u-file-uploader, .ts-wrapper.u-date-picker, .ts-wrapper.u-google-map-autocomplete,
+.ts-wrapper.form-control, .ts-wrapper.u-textarea-size-md, .ts-wrapper.u-textarea, .ts-wrapper.u-input-size-md, .ts-wrapper.u-input, .ts-wrapper.u-file-uploader, .ts-wrapper.u-date-picker, .ts-wrapper.u-google-map-autocomplete,
 .ts-wrapper.form-select,
 .ts-wrapper.u-select {
   padding: 0 !important;
@@ -25227,12 +25437,12 @@ Antialiasing
   align-items: center;
 }
 
-.ts-wrapper.is-invalid, .ts-wrapper.u-input-state-invalid,
+.ts-wrapper.is-invalid, .ts-wrapper.u-textarea-state-invalid, .ts-wrapper.u-input-state-invalid,
 .was-validated .invalid,
 .was-validated :invalid + .ts-wrapper {
   border-color: #d63939;
 }
-.ts-wrapper.is-invalid:not(.single), .ts-wrapper.u-input-state-invalid:not(.single),
+.ts-wrapper.is-invalid:not(.single), .ts-wrapper.u-textarea-state-invalid:not(.single), .ts-wrapper.u-input-state-invalid:not(.single),
 .was-validated .invalid:not(.single),
 .was-validated :invalid + .ts-wrapper:not(.single) {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
@@ -25240,7 +25450,7 @@ Antialiasing
   background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
   background-repeat: no-repeat;
 }
-.ts-wrapper.is-invalid.single, .ts-wrapper.single.u-input-state-invalid,
+.ts-wrapper.is-invalid.single, .ts-wrapper.single.u-textarea-state-invalid, .ts-wrapper.single.u-input-state-invalid,
 .was-validated .invalid.single,
 .was-validated :invalid + .ts-wrapper.single {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
@@ -25248,19 +25458,19 @@ Antialiasing
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
   background-repeat: no-repeat;
 }
-.ts-wrapper.is-invalid.focus .ts-control, .ts-wrapper.focus.u-input-state-invalid .ts-control,
+.ts-wrapper.is-invalid.focus .ts-control, .ts-wrapper.focus.u-textarea-state-invalid .ts-control, .ts-wrapper.focus.u-input-state-invalid .ts-control,
 .was-validated .invalid.focus .ts-control,
 .was-validated :invalid + .ts-wrapper.focus .ts-control {
   border-color: #d63939;
   box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
 }
 
-.ts-wrapper.is-valid, .ts-wrapper.u-input-state-valid,
+.ts-wrapper.is-valid, .ts-wrapper.u-textarea-state-valid, .ts-wrapper.u-input-state-valid,
 .was-validated .valid,
 .was-validated :valid + .ts-wrapper {
   border-color: #2fb344;
 }
-.ts-wrapper.is-valid:not(.single), .ts-wrapper.u-input-state-valid:not(.single),
+.ts-wrapper.is-valid:not(.single), .ts-wrapper.u-textarea-state-valid:not(.single), .ts-wrapper.u-input-state-valid:not(.single),
 .was-validated .valid:not(.single),
 .was-validated :valid + .ts-wrapper:not(.single) {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
@@ -25268,7 +25478,7 @@ Antialiasing
   background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
   background-repeat: no-repeat;
 }
-.ts-wrapper.is-valid.single, .ts-wrapper.single.u-input-state-valid,
+.ts-wrapper.is-valid.single, .ts-wrapper.single.u-textarea-state-valid, .ts-wrapper.single.u-input-state-valid,
 .was-validated .valid.single,
 .was-validated :valid + .ts-wrapper.single {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
@@ -25276,7 +25486,7 @@ Antialiasing
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
   background-repeat: no-repeat;
 }
-.ts-wrapper.is-valid.focus .ts-control, .ts-wrapper.focus.u-input-state-valid .ts-control,
+.ts-wrapper.is-valid.focus .ts-control, .ts-wrapper.focus.u-textarea-state-valid .ts-control, .ts-wrapper.focus.u-input-state-valid .ts-control,
 .was-validated .valid.focus .ts-control,
 .was-validated :valid + .ts-wrapper.focus .ts-control {
   border-color: #2fb344;
@@ -25287,18 +25497,18 @@ Antialiasing
   min-height: calc(1.4285714286em + 0.875rem + 2px);
   display: flex;
 }
-.input-group-sm > .ts-wrapper, .u-input-wrapper-size-sm > .ts-wrapper, .ts-wrapper.form-select-sm, .ts-wrapper.form-control-sm, .ts-wrapper.u-input-size-sm, .ts-wrapper.u-file-uploader.u-file-uploader-size-sm {
+.input-group-sm > .ts-wrapper, .u-textarea-wrapper-size-sm > .ts-wrapper, .u-input-wrapper-size-sm > .ts-wrapper, .ts-wrapper.form-select-sm, .ts-wrapper.form-control-sm, .ts-wrapper.u-textarea-size-sm, .ts-wrapper.u-input-size-sm, .ts-wrapper.u-file-uploader.u-file-uploader-size-sm {
   min-height: calc(1.4285714286em + 0.25rem + 2px);
 }
-.input-group-sm > .ts-wrapper .ts-control, .u-input-wrapper-size-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control, .ts-wrapper.u-input-size-sm .ts-control, .ts-wrapper.u-file-uploader.u-file-uploader-size-sm .ts-control {
+.input-group-sm > .ts-wrapper .ts-control, .u-textarea-wrapper-size-sm > .ts-wrapper .ts-control, .u-input-wrapper-size-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control, .ts-wrapper.u-textarea-size-sm .ts-control, .ts-wrapper.u-input-size-sm .ts-control, .ts-wrapper.u-file-uploader.u-file-uploader-size-sm .ts-control {
   border-radius: 2px;
   font-size: 0.75rem;
 }
-.input-group-sm > .ts-wrapper.has-items .ts-control, .u-input-wrapper-size-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control, .ts-wrapper.has-items.u-input-size-sm .ts-control, .ts-wrapper.has-items.u-file-uploader.u-file-uploader-size-sm .ts-control {
+.input-group-sm > .ts-wrapper.has-items .ts-control, .u-textarea-wrapper-size-sm > .ts-wrapper.has-items .ts-control, .u-input-wrapper-size-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control, .ts-wrapper.has-items.u-textarea-size-sm .ts-control, .ts-wrapper.has-items.u-input-size-sm .ts-control, .ts-wrapper.has-items.u-file-uploader.u-file-uploader-size-sm .ts-control {
   font-size: 0.75rem;
   padding-bottom: 0;
 }
-.input-group-sm > .ts-wrapper.multi.has-items .ts-control, .u-input-wrapper-size-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control, .ts-wrapper.multi.has-items.u-input-size-sm .ts-control, .ts-wrapper.multi.has-items.u-file-uploader.u-file-uploader-size-sm .ts-control {
+.input-group-sm > .ts-wrapper.multi.has-items .ts-control, .u-textarea-wrapper-size-sm > .ts-wrapper.multi.has-items .ts-control, .u-input-wrapper-size-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control, .ts-wrapper.multi.has-items.u-textarea-size-sm .ts-control, .ts-wrapper.multi.has-items.u-input-size-sm .ts-control, .ts-wrapper.multi.has-items.u-file-uploader.u-file-uploader-size-sm .ts-control {
   padding-top: calc((calc(1.4285714286em + 0.25rem + 2px) - (1.4285714286 * 0.75rem) - 4px) / 2) !important;
 }
 .ts-wrapper.multi.has-items .ts-control {
@@ -25308,22 +25518,22 @@ Antialiasing
 .ts-wrapper.multi .ts-control > div {
   border-radius: calc(var(--u-border-radius) - 1px);
 }
-.input-group-lg > .ts-wrapper, .u-input-wrapper-size-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.u-input-size-lg, .ts-wrapper.u-file-uploader.u-file-uploader-size-lg, .ts-wrapper.form-select-lg {
+.input-group-lg > .ts-wrapper, .u-textarea-wrapper-size-lg > .ts-wrapper, .u-input-wrapper-size-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.u-textarea-size-lg, .ts-wrapper.u-input-size-lg, .ts-wrapper.u-file-uploader.u-file-uploader-size-lg, .ts-wrapper.form-select-lg {
   min-height: calc(1.4285714286em + 1rem + 2px);
 }
-.input-group-lg > .ts-wrapper .ts-control, .u-input-wrapper-size-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.u-input-size-lg .ts-control, .ts-wrapper.u-file-uploader.u-file-uploader-size-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
+.input-group-lg > .ts-wrapper .ts-control, .u-textarea-wrapper-size-lg > .ts-wrapper .ts-control, .u-input-wrapper-size-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.u-textarea-size-lg .ts-control, .ts-wrapper.u-input-size-lg .ts-control, .ts-wrapper.u-file-uploader.u-file-uploader-size-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
   border-radius: 8px;
   font-size: 1.25rem;
 }
 
-.ts-wrapper:not(.form-control):not(.u-textarea):not(.u-input-size-md):not(.u-input):not(.u-file-uploader):not(.u-date-picker):not(.u-google-map-autocomplete):not(.form-select):not(.u-select) {
+.ts-wrapper:not(.form-control):not(.u-textarea-size-md):not(.u-textarea):not(.u-input-size-md):not(.u-input):not(.u-file-uploader):not(.u-date-picker):not(.u-google-map-autocomplete):not(.form-select):not(.u-select) {
   padding: 0;
   border: none;
   height: auto;
   box-shadow: none;
   background: none;
 }
-.ts-wrapper:not(.form-control):not(.u-textarea):not(.u-input-size-md):not(.u-input):not(.u-file-uploader):not(.u-date-picker):not(.u-google-map-autocomplete):not(.form-select):not(.u-select).single .ts-control {
+.ts-wrapper:not(.form-control):not(.u-textarea-size-md):not(.u-textarea):not(.u-input-size-md):not(.u-input):not(.u-file-uploader):not(.u-date-picker):not(.u-google-map-autocomplete):not(.form-select):not(.u-select).single .ts-control {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
@@ -25333,27 +25543,27 @@ Antialiasing
   --ts-pr-caret: 2.25rem;
 }
 
-.ts-wrapper.form-control .ts-control, .ts-wrapper.u-textarea .ts-control, .ts-wrapper.u-input-size-md .ts-control, .ts-wrapper.u-input .ts-control, .ts-wrapper.u-file-uploader .ts-control, .ts-wrapper.u-date-picker .ts-control, .ts-wrapper.u-google-map-autocomplete .ts-control, .ts-wrapper.form-control.single.input-active .ts-control,
+.ts-wrapper.form-control .ts-control, .ts-wrapper.u-textarea-size-md .ts-control, .ts-wrapper.u-textarea .ts-control, .ts-wrapper.u-input-size-md .ts-control, .ts-wrapper.u-input .ts-control, .ts-wrapper.u-file-uploader .ts-control, .ts-wrapper.u-date-picker .ts-control, .ts-wrapper.u-google-map-autocomplete .ts-control, .ts-wrapper.form-control.single.input-active .ts-control,
 .ts-wrapper.form-select .ts-control,
 .ts-wrapper.u-select .ts-control,
 .ts-wrapper.form-select.single.input-active .ts-control {
   border: none !important;
 }
-.ts-wrapper.form-control:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-textarea:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-input-size-md:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-input:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-file-uploader:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-date-picker:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-google-map-autocomplete:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.form-control:not(.disabled):not(.u-button-disabled).single.input-active .ts-control,
+.ts-wrapper.form-control:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-textarea-size-md:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-textarea:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-input-size-md:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-input:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-file-uploader:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-date-picker:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.u-google-map-autocomplete:not(.disabled):not(.u-button-disabled) .ts-control, .ts-wrapper.form-control:not(.disabled):not(.u-button-disabled).single.input-active .ts-control,
 .ts-wrapper.form-select:not(.disabled):not(.u-button-disabled) .ts-control,
 .ts-wrapper.u-select:not(.disabled):not(.u-button-disabled) .ts-control,
 .ts-wrapper.form-select:not(.disabled):not(.u-button-disabled).single.input-active .ts-control {
   background: transparent !important;
 }
 
-.input-group > .ts-wrapper, .u-input-wrapper-size-md > .ts-wrapper, .u-input-wrapper > .ts-wrapper {
+.input-group > .ts-wrapper, .u-textarea-wrapper-size-md > .ts-wrapper, .u-textarea-wrapper > .ts-wrapper, .u-input-wrapper-size-md > .ts-wrapper, .u-input-wrapper > .ts-wrapper {
   flex-grow: 1;
 }
-.input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control, .u-input-wrapper-size-md > .ts-wrapper:not(:nth-child(2)) > .ts-control, .u-input-wrapper > .ts-wrapper:not(:nth-child(2)) > .ts-control {
+.input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control, .u-textarea-wrapper-size-md > .ts-wrapper:not(:nth-child(2)) > .ts-control, .u-textarea-wrapper > .ts-wrapper:not(:nth-child(2)) > .ts-control, .u-input-wrapper-size-md > .ts-wrapper:not(:nth-child(2)) > .ts-control, .u-input-wrapper > .ts-wrapper:not(:nth-child(2)) > .ts-control {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-.input-group > .ts-wrapper:not(:last-child) > .ts-control, .u-input-wrapper-size-md > .ts-wrapper:not(:last-child) > .ts-control, .u-input-wrapper > .ts-wrapper:not(:last-child) > .ts-control {
+.input-group > .ts-wrapper:not(:last-child) > .ts-control, .u-textarea-wrapper-size-md > .ts-wrapper:not(:last-child) > .ts-control, .u-textarea-wrapper > .ts-wrapper:not(:last-child) > .ts-control, .u-input-wrapper-size-md > .ts-wrapper:not(:last-child) > .ts-control, .u-input-wrapper > .ts-wrapper:not(:last-child) > .ts-control {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }

From 7dc5ef76fd82d780e48cd757d73e7ccb6f0cfe27 Mon Sep 17 00:00:00 2001
From: TheHadiAhmadi <thehadiahmadi@gmail.com>
Date: Sat, 17 Dec 2022 23:37:39 +0430
Subject: [PATCH 3/6] update loading bar and add examples

---
 .../AppLoadingBar/AppLoadingBar.svelte        |  1 +
 src/components/AppLoadingBar/index.ts         |  1 +
 .../components/app-loading-bars/+page.svelte  | 40 +++++++++++++++++++
 .../AppLoadingBarColors.svelte                |  2 +-
 .../AppLoadingBarDefault.svelte               |  2 +-
 .../AppLoadingBarDuration.svelte              | 19 +++++++++
 .../AppLoadingBarFixedPosition.svelte         |  9 +++++
 .../AppLoadingBarIndeterminate.svelte         |  9 +++++
 .../AppLoadingBarMethods.svelte               | 14 +++++++
 .../AppLoadingBarTable.svelte                 | 38 ++++++++++++++++++
 10 files changed, 133 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/docs/components/app-loading-bars/AppLoadingBarDuration.svelte
 create mode 100644 src/routes/docs/components/app-loading-bars/AppLoadingBarFixedPosition.svelte
 create mode 100644 src/routes/docs/components/app-loading-bars/AppLoadingBarIndeterminate.svelte
 create mode 100644 src/routes/docs/components/app-loading-bars/AppLoadingBarMethods.svelte
 create mode 100644 src/routes/docs/components/app-loading-bars/AppLoadingBarTable.svelte

diff --git a/src/components/AppLoadingBar/AppLoadingBar.svelte b/src/components/AppLoadingBar/AppLoadingBar.svelte
index 003c950c..806c7620 100644
--- a/src/components/AppLoadingBar/AppLoadingBar.svelte
+++ b/src/components/AppLoadingBar/AppLoadingBar.svelte
@@ -54,6 +54,7 @@
 		show = true
 		value.set(0, { duration: 0 })
 		if (interval) clearInterval(interval)
+		increment()
 		interval = setInterval(increment, duration)
 	}
 	/**
diff --git a/src/components/AppLoadingBar/index.ts b/src/components/AppLoadingBar/index.ts
index 648b22cc..f12e0223 100644
--- a/src/components/AppLoadingBar/index.ts
+++ b/src/components/AppLoadingBar/index.ts
@@ -1 +1,2 @@
 export { default as AppLoadingBar } from './AppLoadingBar.svelte'
+export * from './AppLoadingBar.types'
diff --git a/src/routes/docs/components/app-loading-bars/+page.svelte b/src/routes/docs/components/app-loading-bars/+page.svelte
index f990049b..2e772686 100644
--- a/src/routes/docs/components/app-loading-bars/+page.svelte
+++ b/src/routes/docs/components/app-loading-bars/+page.svelte
@@ -2,6 +2,11 @@
 	import { Doc, Preview } from '$lib/components'
 	import AppLoadingBarColors from './AppLoadingBarColors.svelte'
 	import AppLoadingBarDefault from './AppLoadingBarDefault.svelte'
+	import AppLoadingBarDuration from './AppLoadingBarDuration.svelte'
+	import AppLoadingBarFixedPosition from './AppLoadingBarFixedPosition.svelte'
+	import AppLoadingBarIndeterminate from './AppLoadingBarIndeterminate.svelte'
+	import AppLoadingBarMethods from './AppLoadingBarMethods.svelte'
+	import AppLoadingBarTable from './AppLoadingBarTable.svelte'
 </script>
 
 <h1>AppLoadingBar</h1>
@@ -20,3 +25,38 @@
 <Preview src="./AppLoadingBarColors.svelte">
 	<AppLoadingBarColors />
 </Preview>
+
+<Doc title="Methods">
+	<!--  -->
+</Doc>
+<Preview src="./AppLoadingBarMethods.svelte">
+	<AppLoadingBarMethods />
+</Preview>
+
+<Doc title="Fixed Position">
+	<!--  -->
+</Doc>
+<Preview src="./AppLoadingBarFixedPosition.svelte">
+	<AppLoadingBarFixedPosition />
+</Preview>
+
+<Doc title="Indeterminate">
+	<!--  -->
+</Doc>
+<Preview src="./AppLoadingBarIndeterminate.svelte">
+	<AppLoadingBarIndeterminate />
+</Preview>
+
+<Doc title="Duration">
+	<!--  -->
+</Doc>
+<Preview src="./AppLoadingBarDuration.svelte">
+	<AppLoadingBarDuration />
+</Preview>
+
+<Doc title="Example Usage">
+	<!--  -->
+</Doc>
+<Preview src="./AppLoadingBarTable.svelte">
+	<AppLoadingBarTable />
+</Preview>
diff --git a/src/routes/docs/components/app-loading-bars/AppLoadingBarColors.svelte b/src/routes/docs/components/app-loading-bars/AppLoadingBarColors.svelte
index ce26c966..6c6a553b 100644
--- a/src/routes/docs/components/app-loading-bars/AppLoadingBarColors.svelte
+++ b/src/routes/docs/components/app-loading-bars/AppLoadingBarColors.svelte
@@ -10,4 +10,4 @@
 <Button on:click={() => (show = true)}>Show</Button>
 <Button on:click={() => (show = false)}>Hide</Button>
 
-<AppLoadingBar {show} />
+<AppLoadingBar {color} {show} />
diff --git a/src/routes/docs/components/app-loading-bars/AppLoadingBarDefault.svelte b/src/routes/docs/components/app-loading-bars/AppLoadingBarDefault.svelte
index 77a8a927..68d23721 100644
--- a/src/routes/docs/components/app-loading-bars/AppLoadingBarDefault.svelte
+++ b/src/routes/docs/components/app-loading-bars/AppLoadingBarDefault.svelte
@@ -6,4 +6,4 @@
 
 <Button on:click={() => (show = true)}>Show</Button>
 
-<AppLoadingBar fixedPosition {show} />
+<AppLoadingBar {show} />
diff --git a/src/routes/docs/components/app-loading-bars/AppLoadingBarDuration.svelte b/src/routes/docs/components/app-loading-bars/AppLoadingBarDuration.svelte
new file mode 100644
index 00000000..847ce47a
--- /dev/null
+++ b/src/routes/docs/components/app-loading-bars/AppLoadingBarDuration.svelte
@@ -0,0 +1,19 @@
+<script>
+	import { AppLoadingBar, Button } from '@ubeac/svelte/components'
+
+	let show = false
+</script>
+
+<Button on:click={() => (show = true)}>Show</Button>
+
+<br />
+1000:
+<AppLoadingBar {show} />
+
+<br />
+2000:
+<AppLoadingBar duration={2000} {show} />
+
+<br />
+5000:
+<AppLoadingBar duration={5000} {show} />
diff --git a/src/routes/docs/components/app-loading-bars/AppLoadingBarFixedPosition.svelte b/src/routes/docs/components/app-loading-bars/AppLoadingBarFixedPosition.svelte
new file mode 100644
index 00000000..77a8a927
--- /dev/null
+++ b/src/routes/docs/components/app-loading-bars/AppLoadingBarFixedPosition.svelte
@@ -0,0 +1,9 @@
+<script>
+	import { AppLoadingBar, Button } from '@ubeac/svelte/components'
+
+	let show = false
+</script>
+
+<Button on:click={() => (show = true)}>Show</Button>
+
+<AppLoadingBar fixedPosition {show} />
diff --git a/src/routes/docs/components/app-loading-bars/AppLoadingBarIndeterminate.svelte b/src/routes/docs/components/app-loading-bars/AppLoadingBarIndeterminate.svelte
new file mode 100644
index 00000000..4e15d564
--- /dev/null
+++ b/src/routes/docs/components/app-loading-bars/AppLoadingBarIndeterminate.svelte
@@ -0,0 +1,9 @@
+<script>
+	import { AppLoadingBar, Button } from '@ubeac/svelte/components'
+
+	let show = false
+</script>
+
+<Button on:click={() => (show = true)}>Show</Button>
+
+<AppLoadingBar indeterminate {show} />
diff --git a/src/routes/docs/components/app-loading-bars/AppLoadingBarMethods.svelte b/src/routes/docs/components/app-loading-bars/AppLoadingBarMethods.svelte
new file mode 100644
index 00000000..e529ac23
--- /dev/null
+++ b/src/routes/docs/components/app-loading-bars/AppLoadingBarMethods.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { AppLoadingBar, Button } from '@ubeac/svelte'
+
+	let loadingBar: any
+
+	let show = false
+</script>
+
+<Button on:click={() => loadingBar.start()}>Start</Button>
+<Button on:click={() => loadingBar.done()}>End</Button>
+<Button on:click={() => loadingBar.push()}>Push</Button>
+<Button on:click={() => loadingBar.pop()}>Pop</Button>
+
+<AppLoadingBar bind:this={loadingBar} />
diff --git a/src/routes/docs/components/app-loading-bars/AppLoadingBarTable.svelte b/src/routes/docs/components/app-loading-bars/AppLoadingBarTable.svelte
new file mode 100644
index 00000000..b41db67c
--- /dev/null
+++ b/src/routes/docs/components/app-loading-bars/AppLoadingBarTable.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+	import { Button, Card, Table, TableBody, TableHead, TableRow } from '@ubeac/svelte/components'
+	import AppLoadingBar from '@ubeac/svelte/components/AppLoadingBar/AppLoadingBar.svelte'
+	import TableCell from '@ubeac/svelte/components/Table/TableCell.svelte'
+
+	let todos: any[] = []
+	let loadingBar: any
+
+	async function fetchData() {
+		loadingBar.start()
+		todos = await fetch('https://jsonplaceholder.typicode.com/todos').then((res) => res.json())
+		loadingBar.done()
+	}
+</script>
+
+<Button on:click={fetchData}>Fetch Data</Button>
+
+<Card>
+	<AppLoadingBar indeterminate bind:this={loadingBar} />
+	<Table>
+		<TableHead>
+			<TableCell>User ID</TableCell>
+			<TableCell>ID</TableCell>
+			<TableCell>Title</TableCell>
+			<TableCell>Completed</TableCell>
+		</TableHead>
+		<TableBody>
+			{#each todos.splice(0, 10) as todo}
+				<TableRow>
+					<TableCell>{todo.userId}</TableCell>
+					<TableCell>{todo.id}</TableCell>
+					<TableCell>{todo.title}</TableCell>
+					<TableCell>{todo.completed}</TableCell>
+				</TableRow>
+			{/each}
+		</TableBody>
+	</Table>
+</Card>

From c9d46e910d5f88520d2feb1c52a7dac11a44e7e0 Mon Sep 17 00:00:00 2001
From: TheHadiAhmadi <thehadiahmadi@gmail.com>
Date: Sat, 17 Dec 2022 23:45:06 +0430
Subject: [PATCH 4/6] update tabler.css

---
 static/css/tabler.css | 265 ++++++++++++++++++++++++++----------------
 1 file changed, 162 insertions(+), 103 deletions(-)

diff --git a/static/css/tabler.css b/static/css/tabler.css
index 89d95357..a206e1e5 100644
--- a/static/css/tabler.css
+++ b/static/css/tabler.css
@@ -3252,18 +3252,6 @@ textarea.form-control-lg, textarea.u-textarea-size-lg, textarea.u-input-size-lg,
   width: calc(3rem + calc(1.4285714286em + 0.875rem));
 }
 
-<<<<<<< HEAD
-.was-validated .form-check-input:valid, .was-validated .u-switch:valid, .was-validated .u-radio-input:valid, .was-validated .u-checkbox-input:valid, .form-check-input.is-valid, .form-check-input.u-textarea-state-valid, .is-valid.u-switch, .u-switch.u-textarea-state-valid, .is-valid.u-radio-input, .u-radio-input.u-textarea-state-valid, .form-check-input.u-input-state-valid, .u-input-state-valid.u-switch, .u-input-state-valid.u-radio-input, .is-valid.u-checkbox-input, .u-checkbox-input.u-textarea-state-valid, .u-checkbox-input.u-input-state-valid {
-  border-color: #2fb344;
-}
-.was-validated .form-check-input:valid:checked, .was-validated .u-switch:valid:checked, .was-validated .u-radio-input:valid:checked, .was-validated .u-checkbox-input:valid:checked, .form-check-input.is-valid:checked, .form-check-input.u-textarea-state-valid:checked, .is-valid.u-switch:checked, .u-switch.u-textarea-state-valid:checked, .is-valid.u-radio-input:checked, .u-radio-input.u-textarea-state-valid:checked, .form-check-input.u-input-state-valid:checked, .u-input-state-valid.u-switch:checked, .u-input-state-valid.u-radio-input:checked, .is-valid.u-checkbox-input:checked, .u-checkbox-input.u-textarea-state-valid:checked, .u-checkbox-input.u-input-state-valid:checked {
-  background-color: #2fb344;
-}
-.was-validated .form-check-input:valid:focus, .was-validated .u-switch:valid:focus, .was-validated .u-radio-input:valid:focus, .was-validated .u-checkbox-input:valid:focus, .form-check-input.is-valid:focus, .form-check-input.u-textarea-state-valid:focus, .is-valid.u-switch:focus, .u-switch.u-textarea-state-valid:focus, .is-valid.u-radio-input:focus, .u-radio-input.u-textarea-state-valid:focus, .form-check-input.u-input-state-valid:focus, .u-input-state-valid.u-switch:focus, .u-input-state-valid.u-radio-input:focus, .is-valid.u-checkbox-input:focus, .u-checkbox-input.u-textarea-state-valid:focus, .u-checkbox-input.u-input-state-valid:focus {
-  box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
-}
-.was-validated .form-check-input:valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .u-switch-label, .was-validated .u-switch:valid ~ .form-check-label, .was-validated .u-switch:valid ~ .u-switch-label, .was-validated .form-check-input:valid ~ .u-radio-label, .was-validated .u-switch:valid ~ .u-radio-label, .was-validated .u-radio-input:valid ~ .form-check-label, .was-validated .u-radio-input:valid ~ .u-switch-label, .was-validated .u-radio-input:valid ~ .u-radio-label, .was-validated .form-check-input:valid ~ .u-checkbox-label, .was-validated .u-switch:valid ~ .u-checkbox-label, .was-validated .u-radio-input:valid ~ .u-checkbox-label, .was-validated .u-checkbox-input:valid ~ .form-check-label, .was-validated .u-checkbox-input:valid ~ .u-switch-label, .was-validated .u-checkbox-input:valid ~ .u-radio-label, .was-validated .u-checkbox-input:valid ~ .u-checkbox-label, .form-check-input.is-valid ~ .form-check-label, .form-check-input.u-textarea-state-valid ~ .form-check-label, .form-check-input.is-valid ~ .u-switch-label, .form-check-input.u-textarea-state-valid ~ .u-switch-label, .is-valid.u-switch ~ .form-check-label, .u-switch.u-textarea-state-valid ~ .form-check-label, .is-valid.u-switch ~ .u-switch-label, .u-switch.u-textarea-state-valid ~ .u-switch-label, .form-check-input.is-valid ~ .u-radio-label, .form-check-input.u-textarea-state-valid ~ .u-radio-label, .is-valid.u-switch ~ .u-radio-label, .u-switch.u-textarea-state-valid ~ .u-radio-label, .is-valid.u-radio-input ~ .form-check-label, .u-radio-input.u-textarea-state-valid ~ .form-check-label, .is-valid.u-radio-input ~ .u-switch-label, .u-radio-input.u-textarea-state-valid ~ .u-switch-label, .is-valid.u-radio-input ~ .u-radio-label, .u-radio-input.u-textarea-state-valid ~ .u-radio-label, .form-check-input.u-input-state-valid ~ .form-check-label, .form-check-input.u-input-state-valid ~ .u-switch-label, .u-input-state-valid.u-switch ~ .form-check-label, .u-input-state-valid.u-switch ~ .u-switch-label, .form-check-input.u-input-state-valid ~ .u-radio-label, .u-input-state-valid.u-switch ~ .u-radio-label, .u-input-state-valid.u-radio-input ~ .form-check-label, .u-input-state-valid.u-radio-input ~ .u-switch-label, .u-input-state-valid.u-radio-input ~ .u-radio-label, .form-check-input.is-valid ~ .u-checkbox-label, .form-check-input.u-textarea-state-valid ~ .u-checkbox-label, .is-valid.u-switch ~ .u-checkbox-label, .u-switch.u-textarea-state-valid ~ .u-checkbox-label, .is-valid.u-radio-input ~ .u-checkbox-label, .u-radio-input.u-textarea-state-valid ~ .u-checkbox-label, .form-check-input.u-input-state-valid ~ .u-checkbox-label, .u-input-state-valid.u-switch ~ .u-checkbox-label, .u-input-state-valid.u-radio-input ~ .u-checkbox-label, .is-valid.u-checkbox-input ~ .form-check-label, .u-checkbox-input.u-textarea-state-valid ~ .form-check-label, .is-valid.u-checkbox-input ~ .u-switch-label, .u-checkbox-input.u-textarea-state-valid ~ .u-switch-label, .is-valid.u-checkbox-input ~ .u-radio-label, .u-checkbox-input.u-textarea-state-valid ~ .u-radio-label, .u-checkbox-input.u-input-state-valid ~ .form-check-label, .u-checkbox-input.u-input-state-valid ~ .u-switch-label, .u-checkbox-input.u-input-state-valid ~ .u-radio-label, .is-valid.u-checkbox-input ~ .u-checkbox-label, .u-checkbox-input.u-textarea-state-valid ~ .u-checkbox-label, .u-checkbox-input.u-input-state-valid ~ .u-checkbox-label {
-=======
 .was-validated .form-check-input:valid, .was-validated .u-switch:valid, .was-validated .u-radio:valid, .was-validated .u-checkbox-input:valid, .form-check-input.is-valid, .form-check-input.u-textarea-state-valid, .is-valid.u-switch, .u-switch.u-textarea-state-valid, .is-valid.u-radio, .u-radio.u-textarea-state-valid, .form-check-input.u-input-state-valid, .u-input-state-valid.u-switch, .u-input-state-valid.u-radio, .is-valid.u-checkbox-input, .u-checkbox-input.u-textarea-state-valid, .u-checkbox-input.u-input-state-valid {
   border-color: #2fb344;
 }
@@ -3274,7 +3262,6 @@ textarea.form-control-lg, textarea.u-textarea-size-lg, textarea.u-input-size-lg,
   box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
 }
 .was-validated .form-check-input:valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .u-switch-label, .was-validated .u-switch:valid ~ .form-check-label, .was-validated .u-switch:valid ~ .u-switch-label, .was-validated .form-check-input:valid ~ .u-radio-label, .was-validated .u-switch:valid ~ .u-radio-label, .was-validated .u-radio:valid ~ .form-check-label, .was-validated .u-radio:valid ~ .u-switch-label, .was-validated .u-radio:valid ~ .u-radio-label, .was-validated .form-check-input:valid ~ .u-checkbox-label, .was-validated .u-switch:valid ~ .u-checkbox-label, .was-validated .u-radio:valid ~ .u-checkbox-label, .was-validated .u-checkbox-input:valid ~ .form-check-label, .was-validated .u-checkbox-input:valid ~ .u-switch-label, .was-validated .u-checkbox-input:valid ~ .u-radio-label, .was-validated .u-checkbox-input:valid ~ .u-checkbox-label, .form-check-input.is-valid ~ .form-check-label, .form-check-input.u-textarea-state-valid ~ .form-check-label, .form-check-input.is-valid ~ .u-switch-label, .form-check-input.u-textarea-state-valid ~ .u-switch-label, .is-valid.u-switch ~ .form-check-label, .u-switch.u-textarea-state-valid ~ .form-check-label, .is-valid.u-switch ~ .u-switch-label, .u-switch.u-textarea-state-valid ~ .u-switch-label, .form-check-input.is-valid ~ .u-radio-label, .form-check-input.u-textarea-state-valid ~ .u-radio-label, .is-valid.u-switch ~ .u-radio-label, .u-switch.u-textarea-state-valid ~ .u-radio-label, .is-valid.u-radio ~ .form-check-label, .u-radio.u-textarea-state-valid ~ .form-check-label, .is-valid.u-radio ~ .u-switch-label, .u-radio.u-textarea-state-valid ~ .u-switch-label, .is-valid.u-radio ~ .u-radio-label, .u-radio.u-textarea-state-valid ~ .u-radio-label, .form-check-input.u-input-state-valid ~ .form-check-label, .form-check-input.u-input-state-valid ~ .u-switch-label, .u-input-state-valid.u-switch ~ .form-check-label, .u-input-state-valid.u-switch ~ .u-switch-label, .form-check-input.u-input-state-valid ~ .u-radio-label, .u-input-state-valid.u-switch ~ .u-radio-label, .u-input-state-valid.u-radio ~ .form-check-label, .u-input-state-valid.u-radio ~ .u-switch-label, .u-input-state-valid.u-radio ~ .u-radio-label, .form-check-input.is-valid ~ .u-checkbox-label, .form-check-input.u-textarea-state-valid ~ .u-checkbox-label, .is-valid.u-switch ~ .u-checkbox-label, .u-switch.u-textarea-state-valid ~ .u-checkbox-label, .is-valid.u-radio ~ .u-checkbox-label, .u-radio.u-textarea-state-valid ~ .u-checkbox-label, .form-check-input.u-input-state-valid ~ .u-checkbox-label, .u-input-state-valid.u-switch ~ .u-checkbox-label, .u-input-state-valid.u-radio ~ .u-checkbox-label, .is-valid.u-checkbox-input ~ .form-check-label, .u-checkbox-input.u-textarea-state-valid ~ .form-check-label, .is-valid.u-checkbox-input ~ .u-switch-label, .u-checkbox-input.u-textarea-state-valid ~ .u-switch-label, .is-valid.u-checkbox-input ~ .u-radio-label, .u-checkbox-input.u-textarea-state-valid ~ .u-radio-label, .u-checkbox-input.u-input-state-valid ~ .form-check-label, .u-checkbox-input.u-input-state-valid ~ .u-switch-label, .u-checkbox-input.u-input-state-valid ~ .u-radio-label, .is-valid.u-checkbox-input ~ .u-checkbox-label, .u-checkbox-input.u-textarea-state-valid ~ .u-checkbox-label, .u-checkbox-input.u-input-state-valid ~ .u-checkbox-label {
->>>>>>> 282b35656c2f896ff02b3de574ce1f86bbbddc28
   color: #2fb344;
 }
 
@@ -3418,18 +3405,6 @@ textarea.form-control-lg, textarea.u-textarea-size-lg, textarea.u-input-size-lg,
   width: calc(3rem + calc(1.4285714286em + 0.875rem));
 }
 
-<<<<<<< HEAD
-.was-validated .form-check-input:invalid, .was-validated .u-switch:invalid, .was-validated .u-radio-input:invalid, .was-validated .u-checkbox-input:invalid, .form-check-input.is-invalid, .form-check-input.u-textarea-state-invalid, .is-invalid.u-switch, .u-switch.u-textarea-state-invalid, .is-invalid.u-radio-input, .u-radio-input.u-textarea-state-invalid, .form-check-input.u-input-state-invalid, .u-input-state-invalid.u-switch, .u-input-state-invalid.u-radio-input, .is-invalid.u-checkbox-input, .u-checkbox-input.u-textarea-state-invalid, .u-checkbox-input.u-input-state-invalid {
-  border-color: #d63939;
-}
-.was-validated .form-check-input:invalid:checked, .was-validated .u-switch:invalid:checked, .was-validated .u-radio-input:invalid:checked, .was-validated .u-checkbox-input:invalid:checked, .form-check-input.is-invalid:checked, .form-check-input.u-textarea-state-invalid:checked, .is-invalid.u-switch:checked, .u-switch.u-textarea-state-invalid:checked, .is-invalid.u-radio-input:checked, .u-radio-input.u-textarea-state-invalid:checked, .form-check-input.u-input-state-invalid:checked, .u-input-state-invalid.u-switch:checked, .u-input-state-invalid.u-radio-input:checked, .is-invalid.u-checkbox-input:checked, .u-checkbox-input.u-textarea-state-invalid:checked, .u-checkbox-input.u-input-state-invalid:checked {
-  background-color: #d63939;
-}
-.was-validated .form-check-input:invalid:focus, .was-validated .u-switch:invalid:focus, .was-validated .u-radio-input:invalid:focus, .was-validated .u-checkbox-input:invalid:focus, .form-check-input.is-invalid:focus, .form-check-input.u-textarea-state-invalid:focus, .is-invalid.u-switch:focus, .u-switch.u-textarea-state-invalid:focus, .is-invalid.u-radio-input:focus, .u-radio-input.u-textarea-state-invalid:focus, .form-check-input.u-input-state-invalid:focus, .u-input-state-invalid.u-switch:focus, .u-input-state-invalid.u-radio-input:focus, .is-invalid.u-checkbox-input:focus, .u-checkbox-input.u-textarea-state-invalid:focus, .u-checkbox-input.u-input-state-invalid:focus {
-  box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
-}
-.was-validated .form-check-input:invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .u-switch-label, .was-validated .u-switch:invalid ~ .form-check-label, .was-validated .u-switch:invalid ~ .u-switch-label, .was-validated .form-check-input:invalid ~ .u-radio-label, .was-validated .u-switch:invalid ~ .u-radio-label, .was-validated .u-radio-input:invalid ~ .form-check-label, .was-validated .u-radio-input:invalid ~ .u-switch-label, .was-validated .u-radio-input:invalid ~ .u-radio-label, .was-validated .form-check-input:invalid ~ .u-checkbox-label, .was-validated .u-switch:invalid ~ .u-checkbox-label, .was-validated .u-radio-input:invalid ~ .u-checkbox-label, .was-validated .u-checkbox-input:invalid ~ .form-check-label, .was-validated .u-checkbox-input:invalid ~ .u-switch-label, .was-validated .u-checkbox-input:invalid ~ .u-radio-label, .was-validated .u-checkbox-input:invalid ~ .u-checkbox-label, .form-check-input.is-invalid ~ .form-check-label, .form-check-input.u-textarea-state-invalid ~ .form-check-label, .form-check-input.is-invalid ~ .u-switch-label, .form-check-input.u-textarea-state-invalid ~ .u-switch-label, .is-invalid.u-switch ~ .form-check-label, .u-switch.u-textarea-state-invalid ~ .form-check-label, .is-invalid.u-switch ~ .u-switch-label, .u-switch.u-textarea-state-invalid ~ .u-switch-label, .form-check-input.is-invalid ~ .u-radio-label, .form-check-input.u-textarea-state-invalid ~ .u-radio-label, .is-invalid.u-switch ~ .u-radio-label, .u-switch.u-textarea-state-invalid ~ .u-radio-label, .is-invalid.u-radio-input ~ .form-check-label, .u-radio-input.u-textarea-state-invalid ~ .form-check-label, .is-invalid.u-radio-input ~ .u-switch-label, .u-radio-input.u-textarea-state-invalid ~ .u-switch-label, .is-invalid.u-radio-input ~ .u-radio-label, .u-radio-input.u-textarea-state-invalid ~ .u-radio-label, .form-check-input.u-input-state-invalid ~ .form-check-label, .form-check-input.u-input-state-invalid ~ .u-switch-label, .u-input-state-invalid.u-switch ~ .form-check-label, .u-input-state-invalid.u-switch ~ .u-switch-label, .form-check-input.u-input-state-invalid ~ .u-radio-label, .u-input-state-invalid.u-switch ~ .u-radio-label, .u-input-state-invalid.u-radio-input ~ .form-check-label, .u-input-state-invalid.u-radio-input ~ .u-switch-label, .u-input-state-invalid.u-radio-input ~ .u-radio-label, .form-check-input.is-invalid ~ .u-checkbox-label, .form-check-input.u-textarea-state-invalid ~ .u-checkbox-label, .is-invalid.u-switch ~ .u-checkbox-label, .u-switch.u-textarea-state-invalid ~ .u-checkbox-label, .is-invalid.u-radio-input ~ .u-checkbox-label, .u-radio-input.u-textarea-state-invalid ~ .u-checkbox-label, .form-check-input.u-input-state-invalid ~ .u-checkbox-label, .u-input-state-invalid.u-switch ~ .u-checkbox-label, .u-input-state-invalid.u-radio-input ~ .u-checkbox-label, .is-invalid.u-checkbox-input ~ .form-check-label, .u-checkbox-input.u-textarea-state-invalid ~ .form-check-label, .is-invalid.u-checkbox-input ~ .u-switch-label, .u-checkbox-input.u-textarea-state-invalid ~ .u-switch-label, .is-invalid.u-checkbox-input ~ .u-radio-label, .u-checkbox-input.u-textarea-state-invalid ~ .u-radio-label, .u-checkbox-input.u-input-state-invalid ~ .form-check-label, .u-checkbox-input.u-input-state-invalid ~ .u-switch-label, .u-checkbox-input.u-input-state-invalid ~ .u-radio-label, .is-invalid.u-checkbox-input ~ .u-checkbox-label, .u-checkbox-input.u-textarea-state-invalid ~ .u-checkbox-label, .u-checkbox-input.u-input-state-invalid ~ .u-checkbox-label {
-=======
 .was-validated .form-check-input:invalid, .was-validated .u-switch:invalid, .was-validated .u-radio:invalid, .was-validated .u-checkbox-input:invalid, .form-check-input.is-invalid, .form-check-input.u-textarea-state-invalid, .is-invalid.u-switch, .u-switch.u-textarea-state-invalid, .is-invalid.u-radio, .u-radio.u-textarea-state-invalid, .form-check-input.u-input-state-invalid, .u-input-state-invalid.u-switch, .u-input-state-invalid.u-radio, .is-invalid.u-checkbox-input, .u-checkbox-input.u-textarea-state-invalid, .u-checkbox-input.u-input-state-invalid {
   border-color: #d63939;
 }
@@ -3440,7 +3415,6 @@ textarea.form-control-lg, textarea.u-textarea-size-lg, textarea.u-input-size-lg,
   box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
 }
 .was-validated .form-check-input:invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .u-switch-label, .was-validated .u-switch:invalid ~ .form-check-label, .was-validated .u-switch:invalid ~ .u-switch-label, .was-validated .form-check-input:invalid ~ .u-radio-label, .was-validated .u-switch:invalid ~ .u-radio-label, .was-validated .u-radio:invalid ~ .form-check-label, .was-validated .u-radio:invalid ~ .u-switch-label, .was-validated .u-radio:invalid ~ .u-radio-label, .was-validated .form-check-input:invalid ~ .u-checkbox-label, .was-validated .u-switch:invalid ~ .u-checkbox-label, .was-validated .u-radio:invalid ~ .u-checkbox-label, .was-validated .u-checkbox-input:invalid ~ .form-check-label, .was-validated .u-checkbox-input:invalid ~ .u-switch-label, .was-validated .u-checkbox-input:invalid ~ .u-radio-label, .was-validated .u-checkbox-input:invalid ~ .u-checkbox-label, .form-check-input.is-invalid ~ .form-check-label, .form-check-input.u-textarea-state-invalid ~ .form-check-label, .form-check-input.is-invalid ~ .u-switch-label, .form-check-input.u-textarea-state-invalid ~ .u-switch-label, .is-invalid.u-switch ~ .form-check-label, .u-switch.u-textarea-state-invalid ~ .form-check-label, .is-invalid.u-switch ~ .u-switch-label, .u-switch.u-textarea-state-invalid ~ .u-switch-label, .form-check-input.is-invalid ~ .u-radio-label, .form-check-input.u-textarea-state-invalid ~ .u-radio-label, .is-invalid.u-switch ~ .u-radio-label, .u-switch.u-textarea-state-invalid ~ .u-radio-label, .is-invalid.u-radio ~ .form-check-label, .u-radio.u-textarea-state-invalid ~ .form-check-label, .is-invalid.u-radio ~ .u-switch-label, .u-radio.u-textarea-state-invalid ~ .u-switch-label, .is-invalid.u-radio ~ .u-radio-label, .u-radio.u-textarea-state-invalid ~ .u-radio-label, .form-check-input.u-input-state-invalid ~ .form-check-label, .form-check-input.u-input-state-invalid ~ .u-switch-label, .u-input-state-invalid.u-switch ~ .form-check-label, .u-input-state-invalid.u-switch ~ .u-switch-label, .form-check-input.u-input-state-invalid ~ .u-radio-label, .u-input-state-invalid.u-switch ~ .u-radio-label, .u-input-state-invalid.u-radio ~ .form-check-label, .u-input-state-invalid.u-radio ~ .u-switch-label, .u-input-state-invalid.u-radio ~ .u-radio-label, .form-check-input.is-invalid ~ .u-checkbox-label, .form-check-input.u-textarea-state-invalid ~ .u-checkbox-label, .is-invalid.u-switch ~ .u-checkbox-label, .u-switch.u-textarea-state-invalid ~ .u-checkbox-label, .is-invalid.u-radio ~ .u-checkbox-label, .u-radio.u-textarea-state-invalid ~ .u-checkbox-label, .form-check-input.u-input-state-invalid ~ .u-checkbox-label, .u-input-state-invalid.u-switch ~ .u-checkbox-label, .u-input-state-invalid.u-radio ~ .u-checkbox-label, .is-invalid.u-checkbox-input ~ .form-check-label, .u-checkbox-input.u-textarea-state-invalid ~ .form-check-label, .is-invalid.u-checkbox-input ~ .u-switch-label, .u-checkbox-input.u-textarea-state-invalid ~ .u-switch-label, .is-invalid.u-checkbox-input ~ .u-radio-label, .u-checkbox-input.u-textarea-state-invalid ~ .u-radio-label, .u-checkbox-input.u-input-state-invalid ~ .form-check-label, .u-checkbox-input.u-input-state-invalid ~ .u-switch-label, .u-checkbox-input.u-input-state-invalid ~ .u-radio-label, .is-invalid.u-checkbox-input ~ .u-checkbox-label, .u-checkbox-input.u-textarea-state-invalid ~ .u-checkbox-label, .u-checkbox-input.u-input-state-invalid ~ .u-checkbox-label {
->>>>>>> 282b35656c2f896ff02b3de574ce1f86bbbddc28
   color: #d63939;
 }
 
@@ -3613,14 +3587,14 @@ textarea.form-control-lg, textarea.u-textarea-size-lg, textarea.u-input-size-lg,
   color: var(--u-btn-hover-color);
 }
 
-.btn-lg, .u-button-size-lg, .btn-group-lg > .btn, .btn-group-lg > .u-button {
+.btn-lg, .u-button-size-lg, .btn-group-lg > .btn, .u-button-group-size-lg > .btn, .btn-group-lg > .u-button, .u-button-group-size-lg > .u-button {
   --u-btn-padding-y: 0.5rem;
   --u-btn-padding-x: 0.75rem;
   --u-btn-font-size: 1.25rem;
   --u-btn-border-radius: 8px;
 }
 
-.btn-sm, .u-button-size-sm, .btn-group-sm > .btn, .btn-group-sm > .u-button {
+.btn-sm, .u-button-size-sm, .btn-group-sm > .btn, .u-button-group-size-sm > .btn, .btn-group-sm > .u-button, .u-button-group-size-sm > .u-button {
   --u-btn-padding-y: 0.125rem;
   --u-btn-padding-x: 0.25rem;
   --u-btn-font-size: 0.75rem;
@@ -3968,65 +3942,114 @@ textarea.form-control-lg, textarea.u-textarea-size-lg, textarea.u-input-size-lg,
   --u-dropdown-header-color: #6c7a91;
 }
 
-.btn-group,
-.btn-group-vertical {
+.btn-group, .u-button-group:not(.u-button-group-vertical),
+.btn-group-vertical,
+.u-button-group-vertical {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
-.btn-group > .btn, .btn-group > .u-button,
+.btn-group > .btn, .u-button-group:not(.u-button-group-vertical) > .btn, .btn-group > .u-button, .u-button-group:not(.u-button-group-vertical) > .u-button,
 .btn-group-vertical > .btn,
-.btn-group-vertical > .u-button {
+.u-button-group-vertical > .btn,
+.btn-group-vertical > .u-button,
+.u-button-group-vertical > .u-button {
   position: relative;
   flex: 1 1 auto;
 }
-.btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:checked + .u-button,
+.btn-group > .btn-check:checked + .btn, .u-button-group:not(.u-button-group-vertical) > .btn-check:checked + .btn, .btn-group > .btn-check:checked + .u-button, .u-button-group:not(.u-button-group-vertical) > .btn-check:checked + .u-button,
 .btn-group > .btn-check:focus + .btn,
+.u-button-group:not(.u-button-group-vertical) > .btn-check:focus + .btn,
 .btn-group > .btn-check:focus + .u-button,
+.u-button-group:not(.u-button-group-vertical) > .btn-check:focus + .u-button,
 .btn-group > .btn:hover,
+.u-button-group:not(.u-button-group-vertical) > .btn:hover,
 .btn-group > .u-button:hover,
+.u-button-group:not(.u-button-group-vertical) > .u-button:hover,
 .btn-group > .btn:focus,
+.u-button-group:not(.u-button-group-vertical) > .btn:focus,
 .btn-group > .u-button:focus,
+.u-button-group:not(.u-button-group-vertical) > .u-button:focus,
 .btn-group > .btn:active,
+.u-button-group:not(.u-button-group-vertical) > .btn:active,
 .btn-group > .u-button:active,
+.u-button-group:not(.u-button-group-vertical) > .u-button:active,
 .btn-group > .btn.active,
 .u-tabs .u-tabs-panels .btn-group > .btn.u-tabs-panel-active,
 .u-tabs .u-tabs-items .btn-group > .btn.u-tabs-item-active,
 .btn-group > .btn.u-carousel-item-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.active,
+.u-tabs .u-tabs-panels .u-button-group:not(.u-button-group-vertical) > .btn.u-tabs-panel-active,
+.u-tabs .u-tabs-items .u-button-group:not(.u-button-group-vertical) > .btn.u-tabs-item-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.u-carousel-item-active,
 .btn-group > .btn.u-button-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.u-button-active,
 .btn-group > .active.u-button,
 .u-tabs .u-tabs-panels .btn-group > .u-button.u-tabs-panel-active,
 .u-tabs .u-tabs-items .btn-group > .u-button.u-tabs-item-active,
 .btn-group > .u-button.u-carousel-item-active,
+.u-button-group:not(.u-button-group-vertical) > .active.u-button,
+.u-tabs .u-tabs-panels .u-button-group:not(.u-button-group-vertical) > .u-button.u-tabs-panel-active,
+.u-tabs .u-tabs-items .u-button-group:not(.u-button-group-vertical) > .u-button.u-tabs-item-active,
+.u-button-group:not(.u-button-group-vertical) > .u-button.u-carousel-item-active,
 .btn-group > .u-button.u-button-active,
+.u-button-group:not(.u-button-group-vertical) > .u-button.u-button-active,
 .btn-group > .btn.u-breadcrumb-item-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.u-breadcrumb-item-active,
 .btn-group > .u-breadcrumb-item-active.u-button,
+.u-button-group:not(.u-button-group-vertical) > .u-breadcrumb-item-active.u-button,
 .btn-group > .btn.u-avatar-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.u-avatar-active,
 .btn-group > .u-avatar-active.u-button,
+.u-button-group:not(.u-button-group-vertical) > .u-avatar-active.u-button,
 .btn-group-vertical > .btn-check:checked + .btn,
+.u-button-group-vertical > .btn-check:checked + .btn,
 .btn-group-vertical > .btn-check:checked + .u-button,
+.u-button-group-vertical > .btn-check:checked + .u-button,
 .btn-group-vertical > .btn-check:focus + .btn,
+.u-button-group-vertical > .btn-check:focus + .btn,
 .btn-group-vertical > .btn-check:focus + .u-button,
+.u-button-group-vertical > .btn-check:focus + .u-button,
 .btn-group-vertical > .btn:hover,
+.u-button-group-vertical > .btn:hover,
 .btn-group-vertical > .u-button:hover,
+.u-button-group-vertical > .u-button:hover,
 .btn-group-vertical > .btn:focus,
+.u-button-group-vertical > .btn:focus,
 .btn-group-vertical > .u-button:focus,
+.u-button-group-vertical > .u-button:focus,
 .btn-group-vertical > .btn:active,
+.u-button-group-vertical > .btn:active,
 .btn-group-vertical > .u-button:active,
+.u-button-group-vertical > .u-button:active,
 .btn-group-vertical > .btn.active,
 .u-tabs .u-tabs-panels .btn-group-vertical > .btn.u-tabs-panel-active,
 .u-tabs .u-tabs-items .btn-group-vertical > .btn.u-tabs-item-active,
 .btn-group-vertical > .btn.u-carousel-item-active,
+.u-button-group-vertical > .btn.active,
+.u-tabs .u-tabs-panels .u-button-group-vertical > .btn.u-tabs-panel-active,
+.u-tabs .u-tabs-items .u-button-group-vertical > .btn.u-tabs-item-active,
+.u-button-group-vertical > .btn.u-carousel-item-active,
 .btn-group-vertical > .btn.u-button-active,
+.u-button-group-vertical > .btn.u-button-active,
 .btn-group-vertical > .active.u-button,
 .u-tabs .u-tabs-panels .btn-group-vertical > .u-button.u-tabs-panel-active,
 .u-tabs .u-tabs-items .btn-group-vertical > .u-button.u-tabs-item-active,
 .btn-group-vertical > .u-button.u-carousel-item-active,
+.u-button-group-vertical > .active.u-button,
+.u-tabs .u-tabs-panels .u-button-group-vertical > .u-button.u-tabs-panel-active,
+.u-tabs .u-tabs-items .u-button-group-vertical > .u-button.u-tabs-item-active,
+.u-button-group-vertical > .u-button.u-carousel-item-active,
 .btn-group-vertical > .u-button.u-button-active,
+.u-button-group-vertical > .u-button.u-button-active,
 .btn-group-vertical > .btn.u-breadcrumb-item-active,
+.u-button-group-vertical > .btn.u-breadcrumb-item-active,
 .btn-group-vertical > .u-breadcrumb-item-active.u-button,
+.u-button-group-vertical > .u-breadcrumb-item-active.u-button,
 .btn-group-vertical > .btn.u-avatar-active,
-.btn-group-vertical > .u-avatar-active.u-button {
+.u-button-group-vertical > .btn.u-avatar-active,
+.btn-group-vertical > .u-avatar-active.u-button,
+.u-button-group-vertical > .u-avatar-active.u-button {
   z-index: 1;
 }
 
@@ -4039,26 +4062,45 @@ textarea.form-control-lg, textarea.u-textarea-size-lg, textarea.u-input-size-lg,
   width: auto;
 }
 
-.btn-group {
+.btn-group, .u-button-group:not(.u-button-group-vertical) {
   border-radius: var(--u-border-radius);
 }
-.btn-group > :not(.btn-check:first-child) + .btn, .btn-group > :not(.btn-check:first-child) + .u-button,
-.btn-group > .btn-group:not(:first-child) {
+.btn-group > :not(.btn-check:first-child) + .btn, .u-button-group:not(.u-button-group-vertical) > :not(.btn-check:first-child) + .btn, .btn-group > :not(.btn-check:first-child) + .u-button, .u-button-group:not(.u-button-group-vertical) > :not(.btn-check:first-child) + .u-button,
+.btn-group > .btn-group:not(:first-child),
+.u-button-group:not(.u-button-group-vertical) > .btn-group:not(:first-child),
+.btn-group > .u-button-group:not(:first-child):not(.u-button-group-vertical),
+.u-button-group:not(.u-button-group-vertical) > .u-button-group:not(:first-child):not(.u-button-group-vertical) {
   margin-left: -1px;
 }
-.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .u-button:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .u-button-group:not(.u-button-group-vertical) > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .u-button:not(:last-child):not(.dropdown-toggle), .u-button-group:not(.u-button-group-vertical) > .u-button:not(:last-child):not(.dropdown-toggle),
 .btn-group > .btn.dropdown-toggle-split:first-child,
+.u-button-group:not(.u-button-group-vertical) > .btn.dropdown-toggle-split:first-child,
 .btn-group > .dropdown-toggle-split.u-button:first-child,
+.u-button-group:not(.u-button-group-vertical) > .dropdown-toggle-split.u-button:first-child,
 .btn-group > .btn-group:not(:last-child) > .btn,
-.btn-group > .btn-group:not(:last-child) > .u-button {
+.u-button-group:not(.u-button-group-vertical) > .btn-group:not(:last-child) > .btn,
+.btn-group > .u-button-group:not(:last-child):not(.u-button-group-vertical) > .btn,
+.u-button-group:not(.u-button-group-vertical) > .u-button-group:not(:last-child):not(.u-button-group-vertical) > .btn,
+.btn-group > .btn-group:not(:last-child) > .u-button,
+.u-button-group:not(.u-button-group-vertical) > .btn-group:not(:last-child) > .u-button,
+.btn-group > .u-button-group:not(:last-child):not(.u-button-group-vertical) > .u-button,
+.u-button-group:not(.u-button-group-vertical) > .u-button-group:not(:last-child):not(.u-button-group-vertical) > .u-button {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.btn-group > .btn:nth-child(n+3), .btn-group > .u-button:nth-child(n+3),
+.btn-group > .btn:nth-child(n+3), .u-button-group:not(.u-button-group-vertical) > .btn:nth-child(n+3), .btn-group > .u-button:nth-child(n+3), .u-button-group:not(.u-button-group-vertical) > .u-button:nth-child(n+3),
 .btn-group > :not(.btn-check) + .btn,
+.u-button-group:not(.u-button-group-vertical) > :not(.btn-check) + .btn,
 .btn-group > :not(.btn-check) + .u-button,
+.u-button-group:not(.u-button-group-vertical) > :not(.btn-check) + .u-button,
 .btn-group > .btn-group:not(:first-child) > .btn,
-.btn-group > .btn-group:not(:first-child) > .u-button {
+.u-button-group:not(.u-button-group-vertical) > .btn-group:not(:first-child) > .btn,
+.btn-group > .u-button-group:not(:first-child):not(.u-button-group-vertical) > .btn,
+.u-button-group:not(.u-button-group-vertical) > .u-button-group:not(:first-child):not(.u-button-group-vertical) > .btn,
+.btn-group > .btn-group:not(:first-child) > .u-button,
+.u-button-group:not(.u-button-group-vertical) > .btn-group:not(:first-child) > .u-button,
+.btn-group > .u-button-group:not(:first-child):not(.u-button-group-vertical) > .u-button,
+.u-button-group:not(.u-button-group-vertical) > .u-button-group:not(:first-child):not(.u-button-group-vertical) > .u-button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -4074,38 +4116,56 @@ textarea.form-control-lg, textarea.u-textarea-size-lg, textarea.u-input-size-lg,
   margin-right: 0;
 }
 
-.btn-sm + .dropdown-toggle-split, .u-button-size-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .btn-group-sm > .u-button + .dropdown-toggle-split {
+.btn-sm + .dropdown-toggle-split, .u-button-size-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .u-button-group-size-sm > .btn + .dropdown-toggle-split, .btn-group-sm > .u-button + .dropdown-toggle-split, .u-button-group-size-sm > .u-button + .dropdown-toggle-split {
   padding-right: 0.1875rem;
   padding-left: 0.1875rem;
 }
 
-.btn-lg + .dropdown-toggle-split, .u-button-size-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .btn-group-lg > .u-button + .dropdown-toggle-split {
+.btn-lg + .dropdown-toggle-split, .u-button-size-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .u-button-group-size-lg > .btn + .dropdown-toggle-split, .btn-group-lg > .u-button + .dropdown-toggle-split, .u-button-group-size-lg > .u-button + .dropdown-toggle-split {
   padding-right: 0.5625rem;
   padding-left: 0.5625rem;
 }
 
-.btn-group-vertical {
+.btn-group-vertical, .u-button-group-vertical {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
 }
-.btn-group-vertical > .btn, .btn-group-vertical > .u-button,
-.btn-group-vertical > .btn-group {
+.btn-group-vertical > .btn, .u-button-group-vertical > .btn, .btn-group-vertical > .u-button, .u-button-group-vertical > .u-button,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .u-button-group:not(.u-button-group-vertical),
+.u-button-group-vertical > .btn-group,
+.u-button-group-vertical > .u-button-group:not(.u-button-group-vertical) {
   width: 100%;
 }
-.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .u-button:not(:first-child),
-.btn-group-vertical > .btn-group:not(:first-child) {
+.btn-group-vertical > .btn:not(:first-child), .u-button-group-vertical > .btn:not(:first-child), .btn-group-vertical > .u-button:not(:first-child), .u-button-group-vertical > .u-button:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child),
+.btn-group-vertical > .u-button-group:not(:first-child):not(.u-button-group-vertical),
+.u-button-group-vertical > .btn-group:not(:first-child),
+.u-button-group-vertical > .u-button-group:not(:first-child):not(.u-button-group-vertical) {
   margin-top: -1px;
 }
-.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .u-button:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .u-button-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .u-button:not(:last-child):not(.dropdown-toggle), .u-button-group-vertical > .u-button:not(:last-child):not(.dropdown-toggle),
 .btn-group-vertical > .btn-group:not(:last-child) > .btn,
-.btn-group-vertical > .btn-group:not(:last-child) > .u-button {
+.btn-group-vertical > .u-button-group:not(:last-child):not(.u-button-group-vertical) > .btn,
+.u-button-group-vertical > .btn-group:not(:last-child) > .btn,
+.u-button-group-vertical > .u-button-group:not(:last-child):not(.u-button-group-vertical) > .btn,
+.btn-group-vertical > .btn-group:not(:last-child) > .u-button,
+.btn-group-vertical > .u-button-group:not(:last-child):not(.u-button-group-vertical) > .u-button,
+.u-button-group-vertical > .btn-group:not(:last-child) > .u-button,
+.u-button-group-vertical > .u-button-group:not(:last-child):not(.u-button-group-vertical) > .u-button {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .u-button ~ .btn, .btn-group-vertical > .btn ~ .u-button, .btn-group-vertical > .u-button ~ .u-button,
+.btn-group-vertical > .btn ~ .btn, .u-button-group-vertical > .btn ~ .btn, .btn-group-vertical > .u-button ~ .btn, .u-button-group-vertical > .u-button ~ .btn, .btn-group-vertical > .btn ~ .u-button, .u-button-group-vertical > .btn ~ .u-button, .btn-group-vertical > .u-button ~ .u-button, .u-button-group-vertical > .u-button ~ .u-button,
 .btn-group-vertical > .btn-group:not(:first-child) > .btn,
-.btn-group-vertical > .btn-group:not(:first-child) > .u-button {
+.btn-group-vertical > .u-button-group:not(:first-child):not(.u-button-group-vertical) > .btn,
+.u-button-group-vertical > .btn-group:not(:first-child) > .btn,
+.u-button-group-vertical > .u-button-group:not(:first-child):not(.u-button-group-vertical) > .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .u-button,
+.btn-group-vertical > .u-button-group:not(:first-child):not(.u-button-group-vertical) > .u-button,
+.u-button-group-vertical > .btn-group:not(:first-child) > .u-button,
+.u-button-group-vertical > .u-button-group:not(:first-child):not(.u-button-group-vertical) > .u-button {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
@@ -18603,12 +18663,12 @@ a.badge, a.u-badge {
   --u-btn-box-shadow: none;
 }
 
-.btn-sm, .u-button-size-sm, .btn-group-sm > .btn, .btn-group-sm > .u-button {
+.btn-sm, .u-button-size-sm, .btn-group-sm > .btn, .u-button-group-size-sm > .btn, .btn-group-sm > .u-button, .u-button-group-size-sm > .u-button {
   --u-btn-line-height: 1.5;
   --u-btn-icon-size: .75rem;
 }
 
-.btn-lg, .u-button-size-lg, .btn-group-lg > .btn, .btn-group-lg > .u-button {
+.btn-lg, .u-button-size-lg, .btn-group-lg > .btn, .u-button-group-size-lg > .btn, .btn-group-lg > .u-button, .u-button-group-size-lg > .u-button {
   --u-btn-line-height: 1.5;
   --u-btn-icon-size: 2rem;
 }
@@ -18714,54 +18774,98 @@ a.badge, a.u-badge {
   display: flex;
 }
 
-.btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:checked + .u-button,
+.btn-group > .btn-check:checked + .btn, .u-button-group:not(.u-button-group-vertical) > .btn-check:checked + .btn, .btn-group > .btn-check:checked + .u-button, .u-button-group:not(.u-button-group-vertical) > .btn-check:checked + .u-button,
 .btn-group > .btn:active,
+.u-button-group:not(.u-button-group-vertical) > .btn:active,
 .btn-group > .u-button:active,
+.u-button-group:not(.u-button-group-vertical) > .u-button:active,
 .btn-group > .btn.active,
 .u-tabs .u-tabs-panels .btn-group > .btn.u-tabs-panel-active,
 .u-tabs .u-tabs-items .btn-group > .btn.u-tabs-item-active,
 .btn-group > .btn.u-carousel-item-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.active,
+.u-tabs .u-tabs-panels .u-button-group:not(.u-button-group-vertical) > .btn.u-tabs-panel-active,
+.u-tabs .u-tabs-items .u-button-group:not(.u-button-group-vertical) > .btn.u-tabs-item-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.u-carousel-item-active,
 .btn-group > .btn.u-button-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.u-button-active,
 .btn-group > .active.u-button,
 .u-tabs .u-tabs-panels .btn-group > .u-button.u-tabs-panel-active,
 .u-tabs .u-tabs-items .btn-group > .u-button.u-tabs-item-active,
 .btn-group > .u-button.u-carousel-item-active,
+.u-button-group:not(.u-button-group-vertical) > .active.u-button,
+.u-tabs .u-tabs-panels .u-button-group:not(.u-button-group-vertical) > .u-button.u-tabs-panel-active,
+.u-tabs .u-tabs-items .u-button-group:not(.u-button-group-vertical) > .u-button.u-tabs-item-active,
+.u-button-group:not(.u-button-group-vertical) > .u-button.u-carousel-item-active,
 .btn-group > .u-button.u-button-active,
+.u-button-group:not(.u-button-group-vertical) > .u-button.u-button-active,
 .btn-group > .btn.u-breadcrumb-item-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.u-breadcrumb-item-active,
 .btn-group > .u-breadcrumb-item-active.u-button,
+.u-button-group:not(.u-button-group-vertical) > .u-breadcrumb-item-active.u-button,
 .btn-group > .btn.u-avatar-active,
+.u-button-group:not(.u-button-group-vertical) > .btn.u-avatar-active,
 .btn-group > .u-avatar-active.u-button,
+.u-button-group:not(.u-button-group-vertical) > .u-avatar-active.u-button,
 .btn-group-vertical > .btn-check:checked + .btn,
+.u-button-group-vertical > .btn-check:checked + .btn,
 .btn-group-vertical > .btn-check:checked + .u-button,
+.u-button-group-vertical > .btn-check:checked + .u-button,
 .btn-group-vertical > .btn:active,
+.u-button-group-vertical > .btn:active,
 .btn-group-vertical > .u-button:active,
+.u-button-group-vertical > .u-button:active,
 .btn-group-vertical > .btn.active,
 .u-tabs .u-tabs-panels .btn-group-vertical > .btn.u-tabs-panel-active,
 .u-tabs .u-tabs-items .btn-group-vertical > .btn.u-tabs-item-active,
 .btn-group-vertical > .btn.u-carousel-item-active,
+.u-button-group-vertical > .btn.active,
+.u-tabs .u-tabs-panels .u-button-group-vertical > .btn.u-tabs-panel-active,
+.u-tabs .u-tabs-items .u-button-group-vertical > .btn.u-tabs-item-active,
+.u-button-group-vertical > .btn.u-carousel-item-active,
 .btn-group-vertical > .btn.u-button-active,
+.u-button-group-vertical > .btn.u-button-active,
 .btn-group-vertical > .active.u-button,
 .u-tabs .u-tabs-panels .btn-group-vertical > .u-button.u-tabs-panel-active,
 .u-tabs .u-tabs-items .btn-group-vertical > .u-button.u-tabs-item-active,
 .btn-group-vertical > .u-button.u-carousel-item-active,
+.u-button-group-vertical > .active.u-button,
+.u-tabs .u-tabs-panels .u-button-group-vertical > .u-button.u-tabs-panel-active,
+.u-tabs .u-tabs-items .u-button-group-vertical > .u-button.u-tabs-item-active,
+.u-button-group-vertical > .u-button.u-carousel-item-active,
 .btn-group-vertical > .u-button.u-button-active,
+.u-button-group-vertical > .u-button.u-button-active,
 .btn-group-vertical > .btn.u-breadcrumb-item-active,
+.u-button-group-vertical > .btn.u-breadcrumb-item-active,
 .btn-group-vertical > .u-breadcrumb-item-active.u-button,
+.u-button-group-vertical > .u-breadcrumb-item-active.u-button,
 .btn-group-vertical > .btn.u-avatar-active,
-.btn-group-vertical > .u-avatar-active.u-button {
+.u-button-group-vertical > .btn.u-avatar-active,
+.btn-group-vertical > .u-avatar-active.u-button,
+.u-button-group-vertical > .u-avatar-active.u-button {
   z-index: 5;
 }
-.btn-group > .btn-check:focus + .btn, .btn-group > .btn-check:focus + .u-button,
+.btn-group > .btn-check:focus + .btn, .u-button-group:not(.u-button-group-vertical) > .btn-check:focus + .btn, .btn-group > .btn-check:focus + .u-button, .u-button-group:not(.u-button-group-vertical) > .btn-check:focus + .u-button,
 .btn-group > .btn:hover,
+.u-button-group:not(.u-button-group-vertical) > .btn:hover,
 .btn-group > .u-button:hover,
+.u-button-group:not(.u-button-group-vertical) > .u-button:hover,
 .btn-group > .btn:focus,
+.u-button-group:not(.u-button-group-vertical) > .btn:focus,
 .btn-group > .u-button:focus,
+.u-button-group:not(.u-button-group-vertical) > .u-button:focus,
 .btn-group-vertical > .btn-check:focus + .btn,
+.u-button-group-vertical > .btn-check:focus + .btn,
 .btn-group-vertical > .btn-check:focus + .u-button,
+.u-button-group-vertical > .btn-check:focus + .u-button,
 .btn-group-vertical > .btn:hover,
+.u-button-group-vertical > .btn:hover,
 .btn-group-vertical > .u-button:hover,
+.u-button-group-vertical > .u-button:hover,
 .btn-group-vertical > .btn:focus,
-.btn-group-vertical > .u-button:focus {
+.u-button-group-vertical > .btn:focus,
+.btn-group-vertical > .u-button:focus,
+.u-button-group-vertical > .u-button:focus {
   z-index: 1;
 }
 
@@ -24736,51 +24840,6 @@ Antialiasing
   margin: 0 !important;
 }
 
-.u-button-group {
-  display: inline-flex;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.u-button-group .u-button :active,
-.u-button-group .u-button :focus,
-.u-button-group .u-button :hover {
-  z-index: 1;
-}
-.u-button-group-compact {
-  gap: 0;
-}
-.u-button-group-wrap {
-  flex-wrap: wrap;
-}
-.u-button-group-vertical {
-  flex-direction: column;
-}
-.u-button-group-vertical.u-button-group-compact > .u-button:not(:first-child) {
-  margin-top: -1px;
-}
-.u-button-group-vertical.u-button-group-compact > .u-button:not(:first-child) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.u-button-group-vertical.u-button-group-compact > .u-button:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.u-button-group-horizontal {
-  flex-direction: row;
-}
-.u-button-group-horizontal.u-button-group-compact > .u-button:not(:first-child) {
-  margin-inline-start: -1px;
-}
-.u-button-group-horizontal.u-button-group-compact > .u-button:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.u-button-group-horizontal.u-button-group-compact > .u-button:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
 .u-card-footer {
   color: inherit;
   display: flex;

From 6ea57e0079690607485dea1b46d4b675000854c5 Mon Sep 17 00:00:00 2001
From: TheHadiAhmadi <thehadiahmadi@gmail.com>
Date: Wed, 28 Dec 2022 00:41:06 +0430
Subject: [PATCH 5/6] cleanup

---
 src/components/AppLoadingBar/AppLoadingBar.svelte | 3 +--
 src/routes/+layout.svelte                         | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/AppLoadingBar/AppLoadingBar.svelte b/src/components/AppLoadingBar/AppLoadingBar.svelte
index 806c7620..27d2f8a5 100644
--- a/src/components/AppLoadingBar/AppLoadingBar.svelte
+++ b/src/components/AppLoadingBar/AppLoadingBar.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
 	import { tweened } from 'svelte/motion'
 
-	import { El } from '../Base'
-	import type { AppLoadingBarProps } from './AppLoadingBar.types'
+	import { El, type AppLoadingBarProps } from '$lib/components'
 
 	type $$Props = AppLoadingBarProps
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index df9a0e24..d935e61f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -27,7 +27,7 @@
 </svelte:head>
 
 <App {theme}>
-	<AppLoadingBar fixed color="primary" bind:this={loadingBar} />
+	<AppLoadingBar fixedPosition color="primary" bind:this={loadingBar} />
 
 	<header class="navbar navbar-expand-md navbar-light d-print-none">
 		<div class="container-xl">

From f721a97dac1a75d8e10663929880ab17f842f2d6 Mon Sep 17 00:00:00 2001
From: TheHadiAhmadi <thehadiahmadi@gmail.com>
Date: Fri, 30 Dec 2022 23:26:08 +0430
Subject: [PATCH 6/6] resolve conflict

---
 src/routes/+layout.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 7cb5ed28..649a9dfb 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -21,16 +21,18 @@
 
 	let container: ContainerMaxWidths = 'md'
 	let theme: Themes = 'light'
+	let showDocs = false
+	let showTopNav = false
 	let loadingBar: any
 
 	beforeNavigate(() => {
-		loadingBar.start()
+		loadingBar?.start()
 		showDocs = false
 		showTopNav = false
 	})
 
 	afterNavigate(() => {
-		loadingBar.done()
+		loadingBar?.done()
 	})
 
 	const onThemeChange = () => (theme === 'light' ? (theme = 'dark') : (theme = 'light'))
@@ -49,6 +51,7 @@
 </svelte:head>
 
 <App {theme}>
+	<AppLoadingBar bind:this={loadingBar} fixedPosition color="primary" />
 	<header class="navbar navbar-expand-md navbar-light d-print-none align-items-center px-3">
 		<div class="container-xl d-none d-md-block">
 			<div class="row">