diff --git a/build/image-bulk-optimizer/image-bulk-optimizer.min.css b/build/assets/image-bulk-optimizer/image-bulk-optimizer.min.css
similarity index 100%
rename from build/image-bulk-optimizer/image-bulk-optimizer.min.css
rename to build/assets/image-bulk-optimizer/image-bulk-optimizer.min.css
diff --git a/build/image-bulk-optimizer/image-bulk-optimizer.min.js b/build/assets/image-bulk-optimizer/image-bulk-optimizer.min.js
similarity index 100%
rename from build/image-bulk-optimizer/image-bulk-optimizer.min.js
rename to build/assets/image-bulk-optimizer/image-bulk-optimizer.min.js
diff --git a/build/image-lazy-loader.min.js b/build/assets/image-lazy-loader.min.js
similarity index 100%
rename from build/image-lazy-loader.min.js
rename to build/assets/image-lazy-loader.min.js
diff --git a/build/image-optimized-marker/image-optimized-marker.min.css b/build/assets/image-optimized-marker/image-optimized-marker.min.css
similarity index 100%
rename from build/image-optimized-marker/image-optimized-marker.min.css
rename to build/assets/image-optimized-marker/image-optimized-marker.min.css
diff --git a/build/image-optimized-marker/image-optimized-marker.min.js b/build/assets/image-optimized-marker/image-optimized-marker.min.js
similarity index 100%
rename from build/image-optimized-marker/image-optimized-marker.min.js
rename to build/assets/image-optimized-marker/image-optimized-marker.min.js
diff --git a/build/link-prefetch.min.js b/build/assets/link-prefetch.min.js
similarity index 100%
rename from build/link-prefetch.min.js
rename to build/assets/link-prefetch.min.js
diff --git a/build/performance/performance.css b/build/performance/performance.css
new file mode 100644
index 00000000..1d224ab7
--- /dev/null
+++ b/build/performance/performance.css
@@ -0,0 +1,4196 @@
+/* Import UI library first — this registers its component styles */
+/**
+ * Tailwind CSS preflight, but scoped to the Yoast root class.
+ * This is added to the base layer by design.
+ *
+ * Source: https://github.com/tailwindlabs/tailwindcss/blob/v3.1.2/src/css/preflight.css
+ * Changed `html` and `body` to affect the `.nfd-root` instead.
+ */
+/**
+ * Styles from Tailwind CSS forms, but scoped to the Yoast root class.
+ *
+ * See: https://github.com/tailwindlabs/tailwindcss-forms#using-classes-to-style
+ */
+/**
+ * Custom base styles, separate from TailwindCSS.
+ */
+.nfd-container__block.newfold-link-prefetch .nfd-toggle-field.nfd-mb-6 {
+	display: flex;
+	flex-direction: row;
+}
+.nfd-performance-jetpack-boost-upsell,
+.nfd-performance-jetpack-boost-container-options {
+	position: relative;
+}
+.nfd-performance-jetpack-boost-critical-css-modal .nfd-modal__panel {
+	padding-right: 40px;
+	z-index: 400;
+}
+.nfd-performance-jetpack-boost-action-buttons-container .nfd-button--primary {
+	margin-right: 10px;
+}
+.nfd-performance-jetpack-boost-critical-css-modal p {
+	margin-bottom: 10px;
+}
+.nfd-performance-jetpack-boost-container-options .automatic-critical-css {
+	position: relative;
+}
+.nfd-performance-jetpack-boost-container-options .automatic-critical-css::after {
+	content: "";
+	display: block;
+	width: 100%;
+	height: 100%;
+	background-color: #fff;
+	position: absolute;
+	top: 0;
+	left: 0;
+	opacity: 0.4;
+	z-index: 10;
+}
+.nfd-performance-jetpack-boost-container-options .automatic-critical-css .nfd-feature-upsell .nfd-button--upsell {
+	top: 0;
+	right: 0;
+	position: absolute;
+	display: flex;
+    flex-direction: row;
+    justify-content: center;
+    padding: 10px;
+	z-index: 11;
+}
+.nfd-performance-jetpack-boost-regenerate-critical-css {
+	margin: 10px 0;
+}
+.nfd-performance-jetpack-boost-regenerate-critical-css:hover {
+	text-decoration: underline;
+}
+.nfd-performance-jetpack-boost-regenerate-critical-css svg {
+	display: inline-block;
+	margin-right: 5px;
+}
+.nfd-performance-jetpack-boost-container-options.module-disabled {
+	padding: 20px;
+}
+.nfd-performance-jetpack-boost-container-options .nfd-feature-upsell .nfd-toggle-field {
+	margin-top: 0 !important;
+}
+.nfd-performance-jetpack-boost-upsell::before,
+.nfd-performance-jetpack-boost-container-options.module-disabled::before,
+.nfd-performance-jetpack-boost-container-options.is-loading::before {
+	content: "";
+	display: block;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+}
+.nfd-performance-jetpack-boost-upsell::before {
+	background-color: rgba(255, 255, 0, 0.1);
+}
+.nfd-performance-jetpack-boost-container-options.module-disabled::before {
+	left: 0;
+	top: 0;
+	z-index: 99;
+	background-color: #ffffea;
+	opacity: 0.4;
+}
+.nfd-performance-jetpack-boost-container-options.is-loading::before {
+	z-index: 99;
+	background-color: rgba(255, 255, 255, 0.7);
+
+}
+.nfd-performance-jetpack-boost-loader {
+	position: absolute;
+	width: 300px;
+	left: calc(50% - 22px);
+	top: calc(50% - 22px);
+	z-index: 100;
+}
+.nfd-performance-jetpack-boost-container-install-activate-button {
+	position: absolute;
+	width: 300px;
+	left: calc(50% - 150px);
+	top: -20px;
+	z-index: 100;
+}
+.nfd-performance-jetpack-boost-container-options.module-disabled:hover .nfd-performance-jetpack-boost-container-install-activate-button {
+	opacity: 1;
+	z-index: 100;
+}
+.nfd-root .nfd-performance-jetpack-boost-container-install-activate-button svg {
+	display: inline-block;
+	margin-right: 10px;
+}
+.nfd-root .nfd-performance-jetpack-boost-container-install-activate-button button {
+	padding: 10px;
+	border-radius: 6px;
+	width: 100%;
+}
+.nfd-performance-jetpack-boost-single-option .nfd-toggle-field__header {
+	justify-content: left;
+}
+.nfd-performance-jetpack-boost-single-option .child-field .wrap-button button {
+	text-decoration: underline;
+	margin: 10px 0 0 0;
+}
+.nfd-performance-jetpack-boost-single-option-container {
+	 margin-bottom: 20px;
+}
+.margin20 {
+	margin: 20px 0;
+}
+.newfold-image-optimization .nfd-toggle-field__description {
+	opacity: 1 !important;
+}
+.newfold-image-optimization a {
+	color: #05c !important;
+}
+.nfd-text-red {
+	color: #e63946;
+}
+:root {
+    --nfd-color-primary: #196BDE;
+    --nfd-color-primary-dark: #1A4884;
+    --nfd-color-primary-light: #CCDCF4;
+    --nfd-color-primary-lighter: #949FB1;
+  
+    --nfd-color-secondary: #FCD34D;
+    --nfd-color-secondary-dark: #E9B404;
+    --nfd-color-secondary-light: #FEF6D9;
+    --nfd-color-secondary-lighter: #FEF6D9;
+  
+    --nfd-color-title: #0F172A;
+    --nfd-color-body: #4A5567;
+
+  }
+.nfd-brand--bluehost {
+    --nfd-color-primary: #196BDE;
+    --nfd-color-primary-dark: #1A4884;
+    --nfd-color-primary-light: #CCDCF4;
+    --nfd-color-primary-lighter: #949FB1;
+  
+    --nfd-color-secondary: #FCD34D;
+    --nfd-color-secondary-dark: #E9B404;
+    --nfd-color-secondary-light: #FEF6D9;
+    --nfd-color-secondary-lighter: #FEF6D9;
+  
+    --nfd-color-title: #0F172A;
+    --nfd-color-body: #4A5567;
+  }
+.nfd-brand--hostgator {
+    /* Primary */
+    --nfd-color-primary: #1F2044;
+    --nfd-color-primary-dark: #191936;
+    --nfd-color-primary-light: #2E93EE;
+    --nfd-color-primary-lighter: #74C1FF;
+  
+    /* Secondary */
+    --nfd-color-secondary: #FFCF00;
+    --nfd-color-secondary-dark: #ECA93E;
+    --nfd-color-secondary-light: #FF9144;
+    --nfd-color-secondary-lighter: #FFE885;
+  
+    /* UI */
+    --nfd-color-title: #1F2044;
+    --nfd-color-body: #4A4A4A;
+  }
+.nfd-performance-container {
+	margin-top: 20px;
+}
+/* Tailwind base styles, layers must come *after* the import */
+*, ::before, ::after {
+		--tw-border-spacing-x: 0;
+		--tw-border-spacing-y: 0;
+		--tw-translate-x: 0;
+		--tw-translate-y: 0;
+		--tw-rotate: 0;
+		--tw-skew-x: 0;
+		--tw-skew-y: 0;
+		--tw-scale-x: 1;
+		--tw-scale-y: 1;
+		--tw-pan-x:  ;
+		--tw-pan-y:  ;
+		--tw-pinch-zoom:  ;
+		--tw-scroll-snap-strictness: proximity;
+		--tw-gradient-from-position:  ;
+		--tw-gradient-via-position:  ;
+		--tw-gradient-to-position:  ;
+		--tw-ordinal:  ;
+		--tw-slashed-zero:  ;
+		--tw-numeric-figure:  ;
+		--tw-numeric-spacing:  ;
+		--tw-numeric-fraction:  ;
+		--tw-ring-inset:  ;
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: rgb(59 130 246 / 0.5);
+		--tw-ring-offset-shadow: 0 0 #0000;
+		--tw-ring-shadow: 0 0 #0000;
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		--tw-blur:  ;
+		--tw-brightness:  ;
+		--tw-contrast:  ;
+		--tw-grayscale:  ;
+		--tw-hue-rotate:  ;
+		--tw-invert:  ;
+		--tw-saturate:  ;
+		--tw-sepia:  ;
+		--tw-drop-shadow:  ;
+		--tw-backdrop-blur:  ;
+		--tw-backdrop-brightness:  ;
+		--tw-backdrop-contrast:  ;
+		--tw-backdrop-grayscale:  ;
+		--tw-backdrop-hue-rotate:  ;
+		--tw-backdrop-invert:  ;
+		--tw-backdrop-opacity:  ;
+		--tw-backdrop-saturate:  ;
+		--tw-backdrop-sepia:  ;
+		--tw-contain-size:  ;
+		--tw-contain-layout:  ;
+		--tw-contain-paint:  ;
+		--tw-contain-style:  ;
+}
+::backdrop {
+		--tw-border-spacing-x: 0;
+		--tw-border-spacing-y: 0;
+		--tw-translate-x: 0;
+		--tw-translate-y: 0;
+		--tw-rotate: 0;
+		--tw-skew-x: 0;
+		--tw-skew-y: 0;
+		--tw-scale-x: 1;
+		--tw-scale-y: 1;
+		--tw-pan-x:  ;
+		--tw-pan-y:  ;
+		--tw-pinch-zoom:  ;
+		--tw-scroll-snap-strictness: proximity;
+		--tw-gradient-from-position:  ;
+		--tw-gradient-via-position:  ;
+		--tw-gradient-to-position:  ;
+		--tw-ordinal:  ;
+		--tw-slashed-zero:  ;
+		--tw-numeric-figure:  ;
+		--tw-numeric-spacing:  ;
+		--tw-numeric-fraction:  ;
+		--tw-ring-inset:  ;
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: rgb(59 130 246 / 0.5);
+		--tw-ring-offset-shadow: 0 0 #0000;
+		--tw-ring-shadow: 0 0 #0000;
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		--tw-blur:  ;
+		--tw-brightness:  ;
+		--tw-contrast:  ;
+		--tw-grayscale:  ;
+		--tw-hue-rotate:  ;
+		--tw-invert:  ;
+		--tw-saturate:  ;
+		--tw-sepia:  ;
+		--tw-drop-shadow:  ;
+		--tw-backdrop-blur:  ;
+		--tw-backdrop-brightness:  ;
+		--tw-backdrop-contrast:  ;
+		--tw-backdrop-grayscale:  ;
+		--tw-backdrop-hue-rotate:  ;
+		--tw-backdrop-invert:  ;
+		--tw-backdrop-opacity:  ;
+		--tw-backdrop-saturate:  ;
+		--tw-backdrop-sepia:  ;
+		--tw-contain-size:  ;
+		--tw-contain-layout:  ;
+		--tw-contain-paint:  ;
+		--tw-contain-style:  ;
+}
+/*
+		1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+		2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+		*/
+.nfd-root *,
+		.nfd-root ::before,
+		.nfd-root ::after {
+			box-sizing: border-box; /* 1 */
+			border-width: 0; /* 2 */
+			border-style: solid; /* 2 */
+			border-color: #e5e7eb; /* 2 */
+		}
+.nfd-root ::before,
+		.nfd-root ::after {
+			--tw-content: '';
+		}
+.nfd-root {
+
+		line-height: 1.5;
+		-webkit-text-size-adjust: 100%;
+		-moz-tab-size: 4;
+		-o-tab-size: 4;
+		   tab-size: 4;
+		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+		margin: 0;
+}
+/*
+		1. Use a consistent sensible line-height in all browsers.
+		2. Prevent adjustments of font size after orientation changes in iOS.
+		3. Use a more readable tab size.
+		4. Use the user's configured `sans` font-family by default.
+		*/
+/* 1 */
+/* 2 */
+/* 3 */
+/* 3 */
+/* 4 */
+/*
+		1. Remove the margin in all browsers.
+		*/
+/* 1 */
+/*
+		1. Add the correct height in Firefox.
+		2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+		3. Ensure horizontal rules are visible by default.
+		*/
+.nfd-root hr {
+			height: 0; /* 1 */
+			color: inherit; /* 2 */
+			border-top-width: 1px; /* 3 */
+		}
+/*
+		Add the correct text decoration in Chrome, Edge, and Safari.
+		*/
+.nfd-root abbr:where([title]) {
+			-webkit-text-decoration: underline dotted;
+			        text-decoration: underline dotted;
+		}
+/*
+		Remove the default font size and weight for headings.
+		*/
+.nfd-root h1,
+		.nfd-root h2,
+		.nfd-root h3,
+		.nfd-root h4,
+		.nfd-root h5,
+		.nfd-root h6 {
+			font-size: inherit;
+			font-weight: inherit;
+		}
+/*
+		Reset links to optimize for opt-in styling instead of opt-out.
+		*/
+.nfd-root a {
+			color: inherit;
+			text-decoration: inherit;
+		}
+/*
+		Add the correct font weight in Edge and Safari.
+		*/
+.nfd-root b,
+		.nfd-root strong {
+			font-weight: bolder;
+		}
+/*
+		1. Use the user's configured `mono` font family by default.
+		2. Correct the odd `em` font sizing in all browsers.
+		*/
+.nfd-root code,
+		.nfd-root kbd,
+		.nfd-root samp,
+		.nfd-root pre {
+			font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+			font-size: 1em; /* 2 */
+		}
+/*
+		Add the correct font size in all browsers.
+		*/
+.nfd-root small {
+			font-size: 80%;
+		}
+/*
+		Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+		*/
+.nfd-root sub,
+		.nfd-root sup {
+			font-size: 75%;
+			line-height: 0;
+			position: relative;
+			vertical-align: baseline;
+		}
+.nfd-root sub {
+			bottom: -0.25em;
+		}
+.nfd-root sup {
+			top: -0.5em;
+		}
+/*
+		1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+		2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+		3. Remove gaps between table borders by default.
+		*/
+.nfd-root table {
+			text-indent: 0; /* 1 */
+			border-color: inherit; /* 2 */
+			border-collapse: collapse; /* 3 */
+		}
+/*
+		1. Change the font styles in all browsers.
+		2. Remove the margin in Firefox and Safari.
+		3. Remove default padding in all browsers.
+		*/
+.nfd-root button,
+		.nfd-root input,
+		.nfd-root optgroup,
+		.nfd-root select,
+		.nfd-root textarea {
+			font-family: inherit; /* 1 */
+			font-size: 100%; /* 1 */
+			font-weight: inherit; /* 1 */
+			line-height: inherit; /* 1 */
+			color: inherit; /* 1 */
+			margin: 0; /* 2 */
+			padding: 0; /* 3 */
+		}
+/*
+		Remove the inheritance of text transform in Edge and Firefox.
+		*/
+.nfd-root button,
+		.nfd-root select {
+			text-transform: none;
+		}
+/*
+		1. Correct the inability to style clickable types in iOS and Safari.
+		2. Remove default button styles.
+		*/
+.nfd-root button,
+		.nfd-root [type='button'],
+		.nfd-root [type='reset'],
+		.nfd-root [type='submit'] {
+			-webkit-appearance: button; /* 1 */
+			background-color: transparent; /* 2 */
+			background-image: none; /* 2 */
+		}
+/*
+		Use the modern Firefox focus style for all focusable elements.
+		*/
+.nfd-root :-moz-focusring {
+			outline: auto;
+		}
+/*
+		Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+		*/
+.nfd-root :-moz-ui-invalid {
+			box-shadow: none;
+		}
+/*
+		Add the correct vertical alignment in Chrome and Firefox.
+		*/
+.nfd-root progress {
+			vertical-align: baseline;
+		}
+/*
+		Correct the cursor style of increment and decrement buttons in Safari.
+		*/
+.nfd-root ::-webkit-inner-spin-button,
+		.nfd-root ::-webkit-outer-spin-button {
+			height: auto;
+		}
+/*
+		1. Correct the odd appearance in Chrome and Safari.
+		2. Correct the outline style in Safari.
+		*/
+.nfd-root [type='search'] {
+			-webkit-appearance: textfield; /* 1 */
+			outline-offset: -2px; /* 2 */
+		}
+/*
+		Remove the inner padding in Chrome and Safari on macOS.
+		*/
+.nfd-root ::-webkit-search-decoration {
+			-webkit-appearance: none;
+		}
+/*
+		1. Correct the inability to style clickable types in iOS and Safari.
+		2. Change font properties to `inherit` in Safari.
+		*/
+.nfd-root ::-webkit-file-upload-button {
+			-webkit-appearance: button; /* 1 */
+			font: inherit; /* 2 */
+		}
+/*
+		Add the correct display in Chrome and Safari.
+		*/
+.nfd-root summary {
+			display: list-item;
+		}
+/*
+		Removes the default spacing and border for appropriate elements.
+		*/
+.nfd-root blockquote,
+		.nfd-root dl,
+		.nfd-root dd,
+		.nfd-root h1,
+		.nfd-root h2,
+		.nfd-root h3,
+		.nfd-root h4,
+		.nfd-root h5,
+		.nfd-root h6,
+		.nfd-root hr,
+		.nfd-root figure,
+		.nfd-root p,
+		.nfd-root pre {
+			margin: 0;
+		}
+.nfd-root fieldset {
+			margin: 0;
+			padding: 0;
+		}
+.nfd-root legend {
+			padding: 0;
+		}
+.nfd-root ol,
+		.nfd-root ul,
+		.nfd-root menu {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+		}
+/*
+		Prevent resizing textareas horizontally by default.
+		*/
+.nfd-root textarea {
+			resize: vertical;
+		}
+/*
+		1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+		2. Set the default placeholder color to the user's configured gray 400 color.
+		*/
+.nfd-root input::-moz-placeholder, .nfd-root textarea::-moz-placeholder {
+			opacity: 1; /* 1 */
+			color: #6b7280; /* 2 */
+		}
+.nfd-root input::placeholder,
+		.nfd-root textarea::placeholder {
+			opacity: 1; /* 1 */
+			color: #6b7280; /* 2 */
+		}
+/*
+		Set the default cursor for buttons.
+		*/
+.nfd-root button,
+		.nfd-root [role="button"] {
+			cursor: pointer;
+		}
+/*
+		Make sure disabled buttons don't get the pointer cursor.
+		*/
+.nfd-root :disabled {
+			cursor: default;
+		}
+/*
+		1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+		2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+		   This can trigger a poorly considered lint error in some tools but is included by design.
+		*/
+.nfd-root img,
+		.nfd-root svg,
+		.nfd-root video,
+		.nfd-root canvas,
+		.nfd-root audio,
+		.nfd-root iframe,
+		.nfd-root embed,
+		.nfd-root object {
+			display: block; /* 1 */
+			vertical-align: middle; /* 2 */
+		}
+/*
+		Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+		*/
+.nfd-root img,
+		.nfd-root video {
+			max-width: 100%;
+			height: auto;
+		}
+.nfd-root [type='text'],
+		.nfd-root [type='email'],
+		.nfd-root [type='url'],
+		.nfd-root [type='password'],
+		.nfd-root [type='number'],
+		.nfd-root [type='date'],
+		.nfd-root [type='datetime-local'],
+		.nfd-root [type='month'],
+		.nfd-root [type='search'],
+		.nfd-root [type='tel'],
+		.nfd-root [type='time'],
+		.nfd-root [type='week'] {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		border-radius: 0px;
+		padding-top: 0.5rem;
+		padding-right: 0.75rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+		--tw-shadow: 0 0 #0000;
+}
+.nfd-root [type='text']:focus,
+		.nfd-root [type='email']:focus,
+		.nfd-root [type='url']:focus,
+		.nfd-root [type='password']:focus,
+		.nfd-root [type='number']:focus,
+		.nfd-root [type='date']:focus,
+		.nfd-root [type='datetime-local']:focus,
+		.nfd-root [type='month']:focus,
+		.nfd-root [type='search']:focus,
+		.nfd-root [type='tel']:focus,
+		.nfd-root [type='time']:focus,
+		.nfd-root [type='week']:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+		border-color: #2563eb;
+}
+.nfd-root [type='text']::-moz-placeholder, .nfd-root [type='email']::-moz-placeholder, .nfd-root [type='url']::-moz-placeholder, .nfd-root [type='password']::-moz-placeholder, .nfd-root [type='number']::-moz-placeholder, .nfd-root [type='date']::-moz-placeholder, .nfd-root [type='datetime-local']::-moz-placeholder, .nfd-root [type='month']::-moz-placeholder, .nfd-root [type='search']::-moz-placeholder, .nfd-root [type='tel']::-moz-placeholder, .nfd-root [type='time']::-moz-placeholder, .nfd-root [type='week']::-moz-placeholder {
+		color: #6b7280;
+		opacity: 1;
+}
+.nfd-root [type='text']::placeholder,
+		.nfd-root [type='email']::placeholder,
+		.nfd-root [type='url']::placeholder,
+		.nfd-root [type='password']::placeholder,
+		.nfd-root [type='number']::placeholder,
+		.nfd-root [type='date']::placeholder,
+		.nfd-root [type='datetime-local']::placeholder,
+		.nfd-root [type='month']::placeholder,
+		.nfd-root [type='search']::placeholder,
+		.nfd-root [type='tel']::placeholder,
+		.nfd-root [type='time']::placeholder,
+		.nfd-root [type='week']::placeholder {
+		color: #6b7280;
+		opacity: 1;
+}
+.nfd-root [type='text']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='email']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='url']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='password']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='number']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='date']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='month']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='search']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='tel']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='time']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='week']::-webkit-datetime-edit-fields-wrapper {
+		padding: 0;
+}
+.nfd-root [type='text']::-webkit-date-and-time-value,
+		.nfd-root [type='email']::-webkit-date-and-time-value,
+		.nfd-root [type='url']::-webkit-date-and-time-value,
+		.nfd-root [type='password']::-webkit-date-and-time-value,
+		.nfd-root [type='number']::-webkit-date-and-time-value,
+		.nfd-root [type='date']::-webkit-date-and-time-value,
+		.nfd-root [type='datetime-local']::-webkit-date-and-time-value,
+		.nfd-root [type='month']::-webkit-date-and-time-value,
+		.nfd-root [type='search']::-webkit-date-and-time-value,
+		.nfd-root [type='tel']::-webkit-date-and-time-value,
+		.nfd-root [type='time']::-webkit-date-and-time-value,
+		.nfd-root [type='week']::-webkit-date-and-time-value {
+		min-height: 1.5em;
+		text-align: inherit;
+}
+.nfd-root [type='text']::-webkit-datetime-edit,
+		.nfd-root [type='email']::-webkit-datetime-edit,
+		.nfd-root [type='url']::-webkit-datetime-edit,
+		.nfd-root [type='password']::-webkit-datetime-edit,
+		.nfd-root [type='number']::-webkit-datetime-edit,
+		.nfd-root [type='date']::-webkit-datetime-edit,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit,
+		.nfd-root [type='month']::-webkit-datetime-edit,
+		.nfd-root [type='search']::-webkit-datetime-edit,
+		.nfd-root [type='tel']::-webkit-datetime-edit,
+		.nfd-root [type='time']::-webkit-datetime-edit,
+		.nfd-root [type='week']::-webkit-datetime-edit {
+		display: inline-flex;
+}
+.nfd-root [type='text']::-webkit-datetime-edit,.nfd-root [type='text']::-webkit-datetime-edit-year-field,.nfd-root [type='text']::-webkit-datetime-edit-month-field,.nfd-root [type='text']::-webkit-datetime-edit-day-field,.nfd-root [type='text']::-webkit-datetime-edit-hour-field,.nfd-root [type='text']::-webkit-datetime-edit-minute-field,.nfd-root [type='text']::-webkit-datetime-edit-second-field,.nfd-root [type='text']::-webkit-datetime-edit-millisecond-field,.nfd-root [type='text']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='email']::-webkit-datetime-edit,
+		.nfd-root [type='email']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='url']::-webkit-datetime-edit,
+		.nfd-root [type='url']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='password']::-webkit-datetime-edit,
+		.nfd-root [type='password']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='number']::-webkit-datetime-edit,
+		.nfd-root [type='number']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='date']::-webkit-datetime-edit,
+		.nfd-root [type='date']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='month']::-webkit-datetime-edit,
+		.nfd-root [type='month']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='search']::-webkit-datetime-edit,
+		.nfd-root [type='search']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit,
+		.nfd-root [type='tel']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='time']::-webkit-datetime-edit,
+		.nfd-root [type='time']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='week']::-webkit-datetime-edit,
+		.nfd-root [type='week']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-meridiem-field {
+		padding-top: 0;
+		padding-bottom: 0;
+}
+.nfd-root textarea {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		border-radius: 0px;
+		padding-top: 0.5rem;
+		padding-right: 0.75rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+		--tw-shadow: 0 0 #0000;
+}
+.nfd-root textarea:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+		border-color: #2563eb;
+}
+.nfd-root textarea::-moz-placeholder {
+		color: #6b7280;
+		opacity: 1;
+}
+.nfd-root textarea::placeholder {
+		color: #6b7280;
+		opacity: 1;
+}
+.nfd-root select {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		border-radius: 0px;
+		padding-top: 0.5rem;
+		padding-right: 0.75rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+		--tw-shadow: 0 0 #0000;
+}
+.nfd-root select:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+		border-color: #2563eb;
+}
+.nfd-root select {
+		background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
+		background-position: right 0.5rem center;
+		background-repeat: no-repeat;
+		background-size: 1.5em 1.5em;
+		padding-right: 2.5rem;
+		-webkit-print-color-adjust: exact;
+		        print-color-adjust: exact;
+}
+.nfd-root select:where([size]:not([size="1"])) {
+		background-image: initial;
+		background-position: initial;
+		background-repeat: unset;
+		background-size: initial;
+		padding-right: 0.75rem;
+		-webkit-print-color-adjust: unset;
+		        print-color-adjust: unset;
+}
+.nfd-root select[multiple] {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		border-radius: 0px;
+		padding-top: 0.5rem;
+		padding-right: 0.75rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+		--tw-shadow: 0 0 #0000;
+}
+.nfd-root select[multiple]:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+		border-color: #2563eb;
+}
+.nfd-root [type='checkbox'] {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		padding: 0;
+		-webkit-print-color-adjust: exact;
+		        print-color-adjust: exact;
+		display: inline-block;
+		vertical-align: middle;
+		background-origin: border-box;
+		-webkit-user-select: none;
+		   -moz-user-select: none;
+		        user-select: none;
+		flex-shrink: 0;
+		height: 1rem;
+		width: 1rem;
+		color: #2563eb;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		--tw-shadow: 0 0 #0000;
+		border-radius: 0px;
+}
+.nfd-root [type='checkbox']:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 2px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.nfd-root [type='checkbox']:checked {
+		border-color: transparent;
+		background-color: currentColor;
+		background-size: 100% 100%;
+		background-position: center;
+		background-repeat: no-repeat;
+		background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
+}
+@media (forced-colors: active)  {
+		.nfd-root [type='checkbox']:checked {
+				-webkit-appearance: auto;
+				   -moz-appearance: auto;
+				        appearance: auto;
+		}
+}
+.nfd-root [type='checkbox']:checked:hover,.nfd-root [type='checkbox']:checked:focus {
+		border-color: transparent;
+		background-color: currentColor;
+}
+.nfd-root [type='checkbox']:indeterminate {
+		background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
+		border-color: transparent;
+		background-color: currentColor;
+		background-size: 100% 100%;
+		background-position: center;
+		background-repeat: no-repeat;
+}
+@media (forced-colors: active)  {
+		.nfd-root [type='checkbox']:indeterminate {
+				-webkit-appearance: auto;
+				   -moz-appearance: auto;
+				        appearance: auto;
+		}
+}
+.nfd-root [type='checkbox']:indeterminate:hover,.nfd-root [type='checkbox']:indeterminate:focus {
+		border-color: transparent;
+		background-color: currentColor;
+}
+.nfd-root [type='radio'] {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		padding: 0;
+		-webkit-print-color-adjust: exact;
+		        print-color-adjust: exact;
+		display: inline-block;
+		vertical-align: middle;
+		background-origin: border-box;
+		-webkit-user-select: none;
+		   -moz-user-select: none;
+		        user-select: none;
+		flex-shrink: 0;
+		height: 1rem;
+		width: 1rem;
+		color: #2563eb;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		--tw-shadow: 0 0 #0000;
+		border-radius: 100%;
+}
+.nfd-root [type='radio']:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 2px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.nfd-root [type='radio']:checked {
+		border-color: transparent;
+		background-color: currentColor;
+		background-size: 100% 100%;
+		background-position: center;
+		background-repeat: no-repeat;
+		background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
+}
+@media (forced-colors: active)  {
+		.nfd-root [type='radio']:checked {
+				-webkit-appearance: auto;
+				   -moz-appearance: auto;
+				        appearance: auto;
+		}
+}
+.nfd-root [type='radio']:checked:hover,.nfd-root [type='radio']:checked:focus {
+		border-color: transparent;
+		background-color: currentColor;
+}
+.nfd-root {
+		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+		font-size: .8125rem;
+		font-weight: 400;
+		line-height: 1.5;
+		--tw-text-opacity: 1;
+		color: rgb(71 85 105 / var(--tw-text-opacity, 1));
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+}
+.nfd-root a {
+		--tw-text-opacity: 1;
+		color: rgb(79 70 229 / var(--tw-text-opacity, 1));
+		text-decoration-line: underline;
+}
+.nfd-root a:visited {
+		color: rgb(242 113 33 );
+}
+.nfd-root a:hover {
+		--tw-text-opacity: 1;
+		color: rgb(99 102 241 / var(--tw-text-opacity, 1));
+}
+.nfd-root a:hover:visited {
+		color: rgb(243 123 49 );
+}
+.nfd-root a:focus {
+		border-radius: 0.125rem;
+		--tw-text-opacity: 1;
+		color: rgb(99 102 241 / var(--tw-text-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 1px;
+		--tw-ring-offset-color: transparent;
+}
+.nfd-root [type='text']::-moz-placeholder, .nfd-root [type='email']::-moz-placeholder, .nfd-root [type='url']::-moz-placeholder, .nfd-root [type='password']::-moz-placeholder, .nfd-root [type='number']::-moz-placeholder, .nfd-root [type='date']::-moz-placeholder, .nfd-root [type='datetime-local']::-moz-placeholder, .nfd-root [type='month']::-moz-placeholder, .nfd-root [type='search']::-moz-placeholder, .nfd-root [type='tel']::-moz-placeholder, .nfd-root [type='time']::-moz-placeholder, .nfd-root [type='week']::-moz-placeholder, .nfd-root textarea::-moz-placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root [type='text']::placeholder,
+		.nfd-root [type='email']::placeholder,
+		.nfd-root [type='url']::placeholder,
+		.nfd-root [type='password']::placeholder,
+		.nfd-root [type='number']::placeholder,
+		.nfd-root [type='date']::placeholder,
+		.nfd-root [type='datetime-local']::placeholder,
+		.nfd-root [type='month']::placeholder,
+		.nfd-root [type='search']::placeholder,
+		.nfd-root [type='tel']::placeholder,
+		.nfd-root [type='time']::placeholder,
+		.nfd-root [type='week']::placeholder,
+		.nfd-root textarea::placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root svg path {
+            stroke-width: inherit;
+        }
+.nfd-root {
+		color: var(--nfd-color-body);
+}
+.nfd-root a {
+		color: var(--nfd-color-primary);
+		text-decoration-line: none;
+}
+.nfd-root a:visited {
+		color: var(--nfd-color-primary);
+}
+.nfd-root a:hover {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root a:hover:visited {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root a:focus {
+		border-radius: 0.125rem;
+		color: var(--nfd-color-primary-dark);
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-color: var(--nfd-color-primary-dark);
+		--tw-ring-offset-width: 1px;
+		--tw-ring-offset-color: transparent;
+}
+.nfd-container {
+		width: 100%;
+}
+@media (min-width: 640px) {
+		.nfd-container {
+				max-width: 640px;
+		}
+}
+@media (min-width: 768px) {
+		.nfd-container {
+				max-width: 768px;
+		}
+}
+@media (min-width: 1024px) {
+		.nfd-container {
+				max-width: 1024px;
+		}
+}
+@media (min-width: 1280px) {
+		.nfd-container {
+				max-width: 1280px;
+		}
+}
+@media (min-width: 1536px) {
+		.nfd-container {
+				max-width: 1536px;
+		}
+}
+.nfd-root .nfd-alert {
+		display: flex;
+		gap: 0.75rem;
+		border-radius: 0.375rem;
+		padding: 1rem;
+}
+/* Variants */
+.nfd-root .nfd-alert--info {
+		--tw-bg-opacity: 1;
+		background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-alert--info .nfd-alert__message {
+		--tw-text-opacity: 1;
+		color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-alert--warning {
+		--tw-bg-opacity: 1;
+		background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-alert--warning .nfd-alert__message {
+		--tw-text-opacity: 1;
+		color: rgb(146 64 14 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-alert--success {
+		--tw-bg-opacity: 1;
+		background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-alert--success .nfd-alert__message {
+		--tw-text-opacity: 1;
+		color: rgb(22 101 52 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-alert--error {
+		--tw-bg-opacity: 1;
+		background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-alert--error .nfd-alert__message {
+		--tw-text-opacity: 1;
+		color: rgb(153 27 27 / var(--tw-text-opacity, 1));
+}
+/* Elements */
+.nfd-root .nfd-alert__icon {
+		height: 1.25rem;
+		width: 1.25rem;
+		flex-shrink: 0;
+		flex-grow: 0;
+}
+.nfd-root .nfd-autocomplete {
+		position: relative;
+}
+.nfd-root .nfd-autocomplete--error .nfd-autocomplete__button {
+		--tw-border-opacity: 1;
+		border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+}
+.nfd-root .nfd-autocomplete--error .nfd-autocomplete__button:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-autocomplete--error .nfd-autocomplete__input::-moz-placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root .nfd-autocomplete--error .nfd-autocomplete__input::placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root .nfd-autocomplete--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-autocomplete--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-autocomplete__button {
+		display: flex;
+		height: 100%;
+		width: 100%;
+		align-items: center;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-autocomplete__button:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-autocomplete__button-icon {
+		pointer-events: none;
+		position: absolute;
+		top: 0.6875rem;
+		right: 0.625rem;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-autocomplete__input {
+		width: 100%;
+		border-width: 0px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0px;
+		padding-right: 2.5rem;
+		font-size: .8125rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-autocomplete__input:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-autocomplete__options {
+		position: absolute;
+		z-index: 20;
+		margin-top: 0.25rem;
+		max-height: 15rem;
+		width: 100%;
+		overflow: auto;
+		border-radius: 0.375rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		font-size: .8125rem;
+		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
+		--tw-ring-opacity: 0.05;
+}
+.nfd-root .nfd-autocomplete__options:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+}
+.nfd-root .nfd-autocomplete__option {
+		position: relative;
+		display: flex;
+		cursor: default;
+		-webkit-user-select: none;
+		   -moz-user-select: none;
+		        user-select: none;
+		align-items: center;
+		justify-content: space-between;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(51 65 85 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-autocomplete__option--active {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-autocomplete__option--selected {
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-select__option-label {
+		display: block;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+}
+.nfd-root .nfd-autocomplete__option-check {
+		height: 1.25rem;
+		width: 1.25rem;
+		flex-shrink: 0;
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-badge {
+		display: inline-flex;
+		align-items: center;
+		white-space: nowrap;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+		padding-left: 0.5rem;
+		padding-right: 0.5rem;
+		padding-top: 0.125rem;
+		padding-bottom: 0.125rem;
+		vertical-align: middle;
+		font-size: .75rem;
+		font-weight: 500;
+		line-height: 1.25;
+		--tw-text-opacity: 1;
+		color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
+/* Variants */
+.nfd-root .nfd-badge--info {
+		--tw-bg-opacity: 1;
+		background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(30 58 138 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-badge--upsell {
+		--tw-bg-opacity: 1;
+		background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(120 53 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-badge--plain {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1));
+}
+/* Sizes */
+.nfd-root .nfd-badge--small {
+		font-size: 0.675rem;
+}
+.nfd-root .nfd-badge--large {
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		font-size: 1rem;
+}
+.nfd-root .nfd-button {
+		display: inline-flex;
+		cursor: pointer;
+		align-items: center;
+		justify-content: center;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		text-align: center;
+		font-size: .8125rem;
+		font-weight: 500;
+		line-height: 1rem;
+		text-decoration-line: none;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-button:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+/* Special styling for buttons rendered `as` "a" (to override anchor defaults). */
+.nfd-root a.nfd-button:focus {
+		border-radius: 0.375rem;
+		--tw-ring-offset-color: #fff;
+}
+/* Variants */
+.nfd-root .nfd-button--primary {
+		border-color: transparent;
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--primary:visited {
+		color: rgb(255 255 255 );
+}
+.nfd-root .nfd-button--primary:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 90 33 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--primary:hover:visited {
+		color: rgb(255 255 255 );
+}
+.nfd-root .nfd-button--primary:focus {
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 90 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-button--secondary {
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--secondary:visited {
+		color: rgb(30 41 59 );
+}
+.nfd-root .nfd-button--secondary:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--secondary:hover:visited {
+		color: rgb(30 41 59 );
+}
+.nfd-root .nfd-button--secondary:focus {
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 90 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-button--error {
+		border-color: transparent;
+		--tw-bg-opacity: 1;
+		background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--error:visited {
+		color: rgb(255 255 255 );
+}
+.nfd-root .nfd-button--error:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--error:hover:visited {
+		color: rgb(255 255 255 );
+}
+.nfd-root .nfd-button--error:focus {
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-button--upsell {
+		border-color: transparent;
+		--tw-bg-opacity: 1;
+		background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(120 53 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--upsell:visited {
+		color: rgb(120 53 15 );
+}
+.nfd-root .nfd-button--upsell:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(120 53 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--upsell:hover:visited {
+		color: rgb(120 53 15 );
+}
+.nfd-root .nfd-button--upsell:focus {
+		--tw-text-opacity: 1;
+		color: rgb(120 53 15 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
+}
+/* Sizes */
+.nfd-root .nfd-button--large {
+		padding-top: 0.75rem;
+		padding-bottom: 0.75rem;
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+		font-size: 1rem;
+		line-height: 1.25rem;
+}
+.nfd-root .nfd-button--small {
+		padding-top: 0.375rem;
+		padding-bottom: 0.375rem;
+		padding-left: 0.625rem;
+		padding-right: 0.625rem;
+		font-size: .75rem;
+}
+/* States */
+.nfd-root .nfd-button--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-button--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-checkbox {
+		display: flex;
+		align-items: center;
+}
+.nfd-root .nfd-checkbox--disabled .nfd-checkbox__input,
+			.nfd-root .nfd-checkbox--disabled .nfd-checkbox__label {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-checkbox__input {
+		height: 1rem;
+		width: 1rem;
+		cursor: default;
+		border-radius: 0.25rem;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-checkbox__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-checkbox__input:checked::before {
+		display: none;
+		--tw-content: none;
+		content: var(--tw-content);
+}
+.nfd-root .nfd-checkbox__label {
+		margin-left: 0.75rem;
+}
+.nfd-root .nfd-code {
+		margin: 0px;
+		display: inline-block;
+		border-radius: 0.25rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		padding: 0.25rem;
+		font-size: .75rem;
+		line-height: 1.25;
+		--tw-text-opacity: 1;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-code--block {
+		margin-top: 0.5rem;
+		margin-bottom: 0.5rem;
+		display: block;
+		max-width: 100%;
+		overflow-x: auto;
+		white-space: nowrap;
+		padding-left: 0.5rem;
+		padding-right: 0.5rem;
+		padding-top: 0.25rem;
+		padding-bottom: 0.25rem;
+}
+.nfd-root .nfd-drop-zone {
+		width: 100%;
+		border-radius: 0.375rem;
+		border-width: 2px;
+		border-style: dashed;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+		padding-top: 1.25rem;
+		padding-bottom: 1.5rem;
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 300ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-drop-zone.nfd-drop-zone-is-dragging-over {
+		--tw-border-opacity: 1;
+		border-color: rgb(247 164 112 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(254 245 239 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-drop-zone.nfd-drop-zone-is-dragging-over .nfd-drop-zone__content {
+		pointer-events: none;
+}
+.nfd-root .nfd-drop-zone.nfd-drop-zone-is-disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-file-input {
+		width: 100%;
+		border-radius: 0.375rem;
+		border-width: 2px;
+		border-style: dashed;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+		padding-top: 1.25rem;
+		padding-bottom: 1.5rem;
+		text-align: center;
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 300ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-file-input.nfd-is-drag-over {
+		--tw-border-opacity: 1;
+		border-color: rgb(247 164 112 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(254 245 239 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-file-input.nfd-is-drag-over .nfd-file-input__content {
+		pointer-events: none;
+}
+.nfd-root .nfd-file-input.nfd-is-drag-over .nfd-file-input__icon {
+		--tw-translate-y: -0.5rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+		--tw-text-opacity: 1;
+		color: rgb(243 123 49 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-input.nfd-is-disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-file-input.nfd-is-disabled .nfd-file-input__select-label {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-file-input__content {
+		display: inline-flex;
+		max-width: 20rem;
+		flex-direction: column;
+		align-items: center;
+}
+.nfd-root .nfd-file-input__content > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+.nfd-root .nfd-file-input__content {
+		text-align: center;
+}
+.nfd-root .nfd-file-input__icon {
+		margin-left: auto;
+		margin-right: auto;
+		height: 3rem;
+		width: 3rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+		stroke-width: 1;
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 300ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-file-input__icon > path {
+				stroke-width: 1;
+			}
+.nfd-root .nfd-file-input__input {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border-width: 0;
+}
+.nfd-root .nfd-file-input__input:focus + .nfd-file-input__select-label {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-file-input__labels {
+		display: flex;
+		font-weight: 400;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-input__select-label {
+		border-radius: 0.375rem;
+		font-weight: 500;
+}
+[dir=rtl] .nfd-root .nfd-file-input__labels {
+		flex-direction: row-reverse;
+}
+.nfd-root .nfd-image-input {
+		display: flex;
+		min-width: -moz-max-content;
+		min-width: max-content;
+		align-items: center;
+		gap: 1rem;
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview {
+		position: relative;
+		display: flex;
+		height: 3rem;
+		width: 3rem;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview:focus-within {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview-img {
+		z-index: 10;
+		height: 100%;
+		width: 100%;
+		-o-object-fit: cover;
+		   object-fit: cover;
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview-reset {
+		position: absolute;
+		inset: 0px;
+		z-index: 20;
+		cursor: pointer;
+		background-color: rgb(15 23 42 / 0.6);
+		padding: 0.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		opacity: 0;
+		transition-property: opacity;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-delay: 100ms;
+		transition-duration: 100ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview-reset:focus {
+		opacity: 1;
+}
+.nfd-root .nfd-image-input .nfd-image-input__icon {
+		height: 3rem;
+		width: 3rem;
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-image-input.nfd-has-preview .nfd-image-input__preview {
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
+}
+.nfd-root .nfd-image-input.nfd-is-disabled .nfd-image-input__preview {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-image-input.nfd-is-disabled .nfd-image-input__preview-reset {
+		display: none;
+		cursor: not-allowed;
+}
+.nfd-root .nfd-image-input.nfd-is-disabled .nfd-image-input__icon {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-label {
+		font-size: .8125rem;
+		font-weight: 500;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-label__required {
+		margin-left: 0.125rem;
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link {
+		cursor: pointer;
+		--tw-text-opacity: 1;
+		color: rgb(79 70 229 / var(--tw-text-opacity, 1));
+		text-decoration-line: underline;
+}
+.nfd-root .nfd-link:visited {
+		color: rgb(242 113 33 );
+}
+.nfd-root .nfd-link:hover {
+		--tw-text-opacity: 1;
+		color: rgb(99 102 241 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link:hover:visited {
+		color: rgb(243 123 49 );
+}
+.nfd-root .nfd-link:focus {
+		border-radius: 0.125rem;
+		--tw-text-opacity: 1;
+		color: rgb(99 102 241 / var(--tw-text-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 1px;
+		--tw-ring-offset-color: transparent;
+}
+/* Variants */
+.nfd-root .nfd-link--default {
+		}
+.nfd-root .nfd-link--primary {
+		--tw-text-opacity: 1;
+		color: rgb(241 101 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--primary:hover {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--primary:focus {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(241 101 15 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-link--error {
+		--tw-text-opacity: 1;
+		color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--error:hover {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--error:focus {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-paper {
+		display: flex;
+		flex-direction: column;
+		border-radius: 0.5rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-paper__header {
+		border-bottom-width: 1px;
+		padding: 2rem;
+}
+.nfd-root .nfd-paper__content {
+		flex-grow: 1;
+		padding: 2rem;
+}
+.nfd-root .nfd-progress-bar {
+		display: block;
+		width: 100%;
+		overflow: hidden;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-progress-bar__progress {
+		display: block;
+		height: 0.375rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 200ms;
+		transition-timing-function: linear;
+}
+.nfd-root .nfd-radio {
+		display: flex;
+		align-items: center;
+}
+/* Variants */
+.nfd-root .nfd-radio--disabled .nfd-radio__input,
+			.nfd-root .nfd-radio--disabled .nfd-radio__label,
+			.nfd-root .nfd-radio--disabled .nfd-radio__check {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-radio--disabled .nfd-radio__input:focus,
+			.nfd-root .nfd-radio--disabled .nfd-radio__label:focus,
+			.nfd-root .nfd-radio--disabled .nfd-radio__check:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-radio--inline-block {
+		display: inline-flex;
+}
+/* Elements of the inline-block variant */
+.nfd-root .nfd-radio--inline-block .nfd-radio__input {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border-width: 0;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__input:checked + .nfd-radio__content .nfd-radio__label {
+		border-color: transparent;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__input:checked + .nfd-radio__content .nfd-radio__check {
+		visibility: visible;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__input:focus + .nfd-radio__content .nfd-radio__label {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__input:checked:focus + .nfd-radio__content .nfd-radio__label {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-offset-width: 1px;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__content {
+		position: relative;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__label {
+		margin-left: 0px;
+		display: flex;
+		height: 3.5rem;
+		width: 3.5rem;
+		cursor: pointer;
+		align-items: center;
+		justify-content: center;
+		border-radius: 0.5rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		font-size: 1rem;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__label:hover {
+		--tw-border-opacity: 1;
+		border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__label:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__check {
+		visibility: hidden;
+		position: absolute;
+		top: 0.125rem;
+		right: 0.125rem;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(241 101 15 / var(--tw-text-opacity, 1));
+}
+/* State */
+.nfd-root .nfd-radio__input {
+		height: 1rem;
+		width: 1rem;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-radio__input:focus {
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-radio__label {
+		margin-left: 0.75rem;
+}
+.nfd-root .nfd-select {
+		position: relative;
+}
+.nfd-root .nfd-select--disabled .nfd-select__label,
+			.nfd-root .nfd-select--disabled .nfd-select__button {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-select__button {
+		position: relative;
+		display: flex;
+		width: 100%;
+		cursor: default;
+		align-items: center;
+		justify-content: space-between;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		text-align: left;
+		line-height: 1.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-select__button:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-select__button-icon {
+		pointer-events: none;
+		position: absolute;
+		top: 0.625rem;
+		right: 0.625rem;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-select__options {
+		position: absolute;
+		z-index: 10;
+		margin-top: 0.25rem;
+		max-height: 15rem;
+		width: 100%;
+		overflow: auto;
+		border-radius: 0.375rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		font-size: .8125rem;
+		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
+		--tw-ring-opacity: 0.05;
+}
+.nfd-root .nfd-select__options:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+}
+.nfd-root .nfd-select__option {
+		position: relative;
+		display: flex;
+		cursor: default;
+		-webkit-user-select: none;
+		   -moz-user-select: none;
+		        user-select: none;
+		align-items: center;
+		justify-content: space-between;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(51 65 85 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-select__option--active {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-select__option--selected {
+		--tw-bg-opacity: 1;
+		background-color: rgb(241 101 15 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-select__option-label,
+		.nfd-root .nfd-select__button-label {
+		display: block;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+}
+.nfd-root .nfd-select__option-check {
+		height: 1.25rem;
+		width: 1.25rem;
+		flex-shrink: 0;
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input {
+		display: flex;
+		flex-wrap: wrap;
+		align-items: center;
+		gap: 0.375rem;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		font-size: .8125rem;
+		line-height: 1.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input::-moz-placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root .nfd-tag-input::placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root .nfd-tag-input {
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-tag-input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-tag-input--disabled:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag:hover {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag:focus-visible {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__remove-tag {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__remove-tag:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__remove-tag:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__input {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-tag-input__tag {
+			min-height: 20px;
+			padding-inline-end: 0.125rem;
+			cursor: pointer;
+			gap: 0.125rem;
+		}
+.nfd-root .nfd-tag-input__tag:hover {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input__tag:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input__tag:focus-visible {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input__remove-tag {
+		display: inline-flex;
+		height: 1rem;
+		width: 1rem;
+		flex-shrink: 0;
+		align-items: center;
+		justify-content: center;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input__remove-tag:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input__remove-tag:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input__input {
+		margin: 0px;
+		display: inline-flex;
+		flex: 1 1 0%;
+		border-style: none;
+		padding: 0px;
+		font-size: .8125rem;
+}
+.nfd-root .nfd-tag-input__input:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-text-input {
+		width: 100%;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		font-size: .8125rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-text-input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-text-input--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-text-input--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-text-input--read-only {
+		cursor: default;
+		--tw-border-opacity: 1;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-textarea {
+		width: 100%;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		font-size: .8125rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-textarea:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-textarea--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-textarea--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-title {
+		font-weight: 500;
+		line-height: 1.25;
+		--tw-text-opacity: 1;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-title--1 {
+		font-size: 1.5rem;
+}
+.nfd-root .nfd-title--2 {
+		font-size: 1.125rem;
+}
+.nfd-root .nfd-title--3 {
+		font-size: .875rem;
+}
+.nfd-root .nfd-title--4 {
+		font-size: 1rem;
+}
+.nfd-root .nfd-title--5 {
+		font-size: .8125rem;
+}
+.nfd-root .nfd-toggle {
+		position: relative;
+		display: inline-flex;
+		height: 1.5rem;
+		width: 2.75rem;
+		flex-shrink: 0;
+		cursor: pointer;
+		border-radius: 9999px;
+		border-width: 2px;
+		border-color: transparent;
+		--tw-bg-opacity: 1;
+		background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+		transition-duration: 200ms;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.nfd-root .nfd-toggle:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+/* States */
+.nfd-root .nfd-toggle--checked {
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-toggle--checked .nfd-toggle__handle {
+		--tw-translate-x: 1.25rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.nfd-root .nfd-toggle--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-toggle--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+/* Elements */
+.nfd-root .nfd-toggle__handle {
+		pointer-events: none;
+		position: relative;
+		display: flex;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-translate-x: 0px;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+		align-items: center;
+		justify-content: center;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+		transition-duration: 200ms;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.nfd-root .nfd-toggle__icon {
+		height: 0.625rem;
+		width: 0.625rem;
+		flex-shrink: 0;
+		flex-grow: 0;
+		stroke: currentColor;
+		stroke-width: 2;
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		transition-property: opacity;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 100ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-toggle__icon--check {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-toggle__icon--x {
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+/* RTL styles */
+[dir=rtl] .nfd-root .nfd-toggle--checked .nfd-toggle__handle {
+		--tw-translate-x: -1.25rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+/* Validation icon */
+.nfd-root .nfd-validation-icon {
+		pointer-events: none;
+}
+.nfd-root .nfd-validation-icon--success {
+		--tw-text-opacity: 1;
+		color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-icon--info {
+		--tw-text-opacity: 1;
+		color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-icon--warning {
+		--tw-text-opacity: 1;
+		color: rgb(245 158 11 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-icon--error {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+/* Validation input */
+.nfd-root .nfd-validation-input {
+		position: relative;
+}
+.nfd-root .nfd-validation-input--success .nfd-validation-input__input {
+		--tw-border-opacity: 1;
+		border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
+		padding-right: 2.5rem;
+}
+.nfd-root .nfd-validation-input--success .nfd-validation-input__input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--success .nfd-validation-input__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--info .nfd-validation-input__input {
+		--tw-border-opacity: 1;
+		border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
+		padding-right: 2.5rem;
+}
+.nfd-root .nfd-validation-input--info .nfd-validation-input__input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--info .nfd-validation-input__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--warning .nfd-validation-input__input {
+		--tw-border-opacity: 1;
+		border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
+		padding-right: 2.5rem;
+}
+.nfd-root .nfd-validation-input--warning .nfd-validation-input__input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--warning .nfd-validation-input__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--error .nfd-validation-input__input {
+		--tw-border-opacity: 1;
+		border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+		padding-right: 2.5rem;
+}
+.nfd-root .nfd-validation-input--error .nfd-validation-input__input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--error .nfd-validation-input__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input__input {
+		}
+.nfd-root .nfd-validation-input__icon {
+		position: absolute;
+		top: 0.6875rem;
+		right: 0.625rem;
+		height: 1.25rem;
+		width: 1.25rem;
+}
+/* Validation message */
+.nfd-root .nfd-validation-message a {
+		font-weight: 500;
+		color: inherit;
+}
+.nfd-root .nfd-validation-message a:visited:hover {
+		color: inherit;
+}
+.nfd-root .nfd-validation-message a:focus {
+		--tw-ring-color: currentColor;
+}
+.nfd-root .nfd-validation-message--success {
+		--tw-text-opacity: 1;
+		color: rgb(22 163 74 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-message--info {
+		--tw-text-opacity: 1;
+		color: rgb(37 99 235 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-message--warning {
+		--tw-text-opacity: 1;
+		color: rgb(217 119 6 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-message--error {
+		--tw-text-opacity: 1;
+		color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-autocomplete-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-autocomplete-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-card {
+		position: relative;
+		display: flex;
+		flex-direction: column;
+}
+.nfd-root .nfd-card > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+}
+.nfd-root .nfd-card {
+		overflow: hidden;
+		border-radius: 0.5rem;
+		border-width: 1px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1.5rem;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		transition-property: transform;
+		transition-duration: 150ms;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.nfd-root .nfd-card__header {
+		position: relative;
+		margin-left: -1.5rem;
+		margin-right: -1.5rem;
+		margin-top: -1.5rem;
+		display: flex;
+		height: 6rem;
+		align-items: center;
+		justify-content: center;
+		--tw-bg-opacity: 1;
+		background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+		padding: 1.5rem;
+}
+.nfd-root .nfd-card__content {
+		flex-grow: 1;
+}
+.nfd-root .nfd-card__footer {
+		border-top-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+		padding-top: 1.5rem;
+}
+.nfd-root .nfd-checkbox-group {}
+.nfd-root .nfd-checkbox-group--disabled .nfd-checkbox-group__label,
+			.nfd-root .nfd-checkbox-group--disabled .nfd-checkbox-group__description {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-checkbox-group__label {
+		margin-bottom: 0.5rem;
+}
+.nfd-root .nfd-checkbox-group__options {
+		display: flex;
+		flex-direction: column;
+		gap: 0.75rem;
+}
+.nfd-root .nfd-checkbox-group__description {
+		margin-top: -0.5rem;
+		margin-bottom: 1rem;
+}
+.nfd-root .nfd-container {
+		width: 100%;
+		border-radius: 0.5rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-container__header {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		border-bottom-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
+		padding: 2rem;
+}
+.nfd-root .nfd-container__block {
+		padding: 2rem;
+		padding-bottom: 0px;
+}
+.nfd-root .nfd-container__settings-field {
+		display: grid;
+}
+@media (min-width: 1280px) {
+		.nfd-root .nfd-container__settings-field {
+				grid-template-columns: repeat(3, minmax(0, 1fr));
+				gap: 3rem;
+		}
+}
+.nfd-root .nfd-container__footer {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		border-top-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
+		padding: 2rem;
+}
+.nfd-root .nfd-drawer {
+		position: relative;
+		inset: 0px;
+		z-index: 10;
+		overflow: hidden;
+}
+.nfd-root .nfd-drawer.nfd-drawer--offset .nfd-drawer__content {
+		margin: 1.25rem;
+		border-radius: 0.5rem;
+}
+.nfd-root .nfd-drawer.nfd-drawer--offset .nfd-drawer__panel {
+		border-radius: 0.5rem;
+}
+.nfd-root .nfd-drawer.nfd-drawer--right .nfd-drawer__content {
+		right: 0px;
+}
+.nfd-root .nfd-drawer.nfd-drawer--left .nfd-drawer__content {
+		left: 0px;
+}
+.nfd-root .nfd-drawer__overlay {
+		position: fixed;
+		inset: 0px;
+		background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
+		--tw-bg-opacity: 0.75;
+		transition-property: opacity;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 150ms;
+}
+.nfd-root .nfd-drawer__container {
+		position: fixed;
+		inset: 0px;
+		overflow: hidden;
+}
+.nfd-root .nfd-drawer__content {
+		pointer-events: none;
+		position: fixed;
+		top: 0px;
+		bottom: 0px;
+}
+.nfd-root .nfd-drawer__header {
+		display: flex;
+		width: 100%;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+}
+.nfd-root .nfd-drawer__close {
+		align-self: flex-end;
+}
+.nfd-root .nfd-drawer__close-button {
+		position: relative;
+		z-index: 10;
+		border-radius: 0.375rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-drawer__close-button:hover {
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-drawer__close-button:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-drawer__panel {
+		pointer-events: auto;
+		display: flex;
+		height: 100%;
+		max-width: 100%;
+		flex-direction: column;
+		gap: 0.75rem;
+		overflow-y: auto;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1.5rem;
+		--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-feature-upsell {
+		position: relative;
+}
+.nfd-root .nfd-feature-upsell--default {
+		--tw-grayscale: grayscale(100%);
+		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.nfd-root .nfd-feature-upsell--card {
+		padding: 1.5rem;
+}
+.nfd-root .nfd-features-select {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 1rem;
+}
+.nfd-root .nfd-features-select__feature {
+		display: flex;
+		flex-direction: column;
+		gap: 0.625rem;
+}
+.nfd-root .nfd-features-select__feature .nfd-label:not(.nfd-features-select__feature-label) {
+		cursor: pointer;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border-width: 0;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input:checked + .nfd-label .nfd-features-select__feature-content {
+		border-color: transparent;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input:checked + .nfd-label .nfd-features-select__feature-content .nfd-features-select__feature-check {
+		visibility: visible;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input:focus + .nfd-label .nfd-features-select__feature-content {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input:checked:focus + .nfd-label .nfd-features-select__feature-content {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-offset-width: 1px;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-content {
+		position: relative;
+		border-radius: 0.5rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-left: 1.25rem;
+		padding-right: 1.25rem;
+		padding-top: 1.25rem;
+		padding-bottom: 18px;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 150ms;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-content:hover {
+		--tw-border-opacity: 1;
+		border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-check {
+		visibility: hidden;
+		position: absolute;
+		top: 0.125rem;
+		right: 0.125rem;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(241 101 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-features-select__feature.nfd-is-disabled .nfd-label {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-file-import > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+.nfd-root .nfd-file-import__feedback {
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1rem;
+		--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-file-import__feedback-header {
+		display: flex;
+		align-items: flex-start;
+}
+.nfd-root .nfd-file-import__feedback-header > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-x-reverse: 0;
+		margin-right: calc(1rem * var(--tw-space-x-reverse));
+		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.nfd-root .nfd-file-import__feedback-figure {
+		display: flex;
+		height: 2rem;
+		width: 2rem;
+		align-items: center;
+		justify-content: center;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(251 215 192 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-file-import__feedback-figure > svg {
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-import__feedback-title {
+		margin-bottom: 0.125rem;
+		display: block;
+		overflow-wrap: break-word;
+		font-weight: 500;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-import__feedback-description {
+		display: block;
+		font-size: .75rem;
+		font-weight: 500;
+}
+.nfd-root .nfd-file-import__abort-button {
+		display: inline-flex;
+		height: 1.25rem;
+		width: 1.25rem;
+		flex-shrink: 0;
+		align-items: center;
+		justify-content: center;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-import__abort-button:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(71 85 105 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-import__abort-button:focus {
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+}
+.nfd-root .nfd-file-import__abort-button > svg {
+		height: 0.75rem;
+		width: 0.75rem;
+}
+.nfd-root .nfd-file-import__abort-button > svg > path {
+					stroke-width: 3;
+				}
+.nfd-root .nfd-image-import .nfd-image-import__drop-zone-content {
+		display: flex;
+		flex-direction: column-reverse;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+}
+@container nfd-image-import (min-width: 32rem) {
+		.nfd-root .nfd-image-import .nfd-image-import__drop-zone-content {
+				flex-direction: row;
+		}
+}
+.nfd-root .nfd-image-import .nfd-image-import__drop-label {
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-image-import .nfd-image-import__drop-label:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-image-import.nfd-is-disabled .nfd-image-input .nfd-image-input__icon,
+				.nfd-root .nfd-image-import.nfd-is-disabled .nfd-image-input .nfd-image-input__preview-img,
+				.nfd-root .nfd-image-import.nfd-is-disabled .nfd-image-input .nfd-button--disabled {
+					/* Reset opacity to prevent opacity stacking from DropZone */
+					opacity: 1;
+				}
+.nfd-root .nfd-image-import.nfd-is-disabled .nfd-image-import__drop-label {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-image-import .nfd-image-import__content {
+		margin-top: 1rem;
+}
+.nfd-root .nfd-modal {
+		position: fixed;
+		inset: 0px;
+		z-index: 10;
+		padding: 1rem;
+}
+@media (min-width: 640px) {
+		.nfd-root .nfd-modal {
+				padding: 2rem;
+		}
+}
+@media (min-width: 768px) {
+		.nfd-root .nfd-modal {
+				padding: 5rem;
+		}
+}
+.nfd-root .nfd-modal__layout {
+		display: flex;
+		min-height: 100%;
+}
+.nfd-root .nfd-modal--center .nfd-modal__layout {
+		align-items: center;
+		justify-content: center;
+}
+.nfd-root .nfd-modal--top-center .nfd-modal__layout {
+		align-items: flex-start;
+		justify-content: center;
+}
+.nfd-root .nfd-modal__overlay {
+		position: absolute;
+		inset: 0px;
+		background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
+		--tw-bg-opacity: 0.75;
+		transition-property: opacity;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 150ms;
+}
+.nfd-root .nfd-modal__panel {
+		position: relative;
+		width: 100%;
+		max-width: 36rem;
+		overflow: hidden;
+		border-radius: 0.5rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1.5rem;
+		--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-modal__close {
+		position: absolute;
+		top: 1rem;
+		right: 1rem;
+		display: block;
+}
+.nfd-root .nfd-modal__close-button {
+		position: relative;
+		z-index: 10;
+		border-radius: 0.375rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-modal__close-button:hover {
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-modal__close-button:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-notifications {
+            max-width: calc(100% - 4rem); /* 100% - top and left of 2rem = 4rem. */
+            max-height: calc(100% - 4rem); /* 100% - ( top of 2rem * 2 )  = 4rem. */ pointer-events: none; position: fixed; z-index: 20; display: flex; width: 100%; flex-direction: column;
+        }
+.nfd-root .nfd-notifications > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+.nfd-root .nfd-notifications--bottom-center {
+		bottom: 2rem;
+		align-items: center;
+}
+.nfd-root .nfd-notifications--bottom-left {
+		bottom: 2rem;
+		left: 2rem;
+}
+.nfd-root .nfd-notifications--top-center {
+		top: 2rem;
+		align-items: center;
+}
+.nfd-root .nfd-notification {
+		pointer-events: auto;
+		z-index: 20;
+		width: 20rem;
+		max-width: 100%;
+		overflow-y: auto;
+		border-radius: 0.5rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1rem;
+		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
+		--tw-ring-opacity: 0.05;
+}
+.nfd-root .nfd-notification--large {
+		width: 24rem;
+}
+.nfd-root .nfd-notification__icon {
+		height: 1.25rem;
+		width: 1.25rem;
+}
+.nfd-root .nfd-page {
+		display: flex;
+		flex-direction: column;
+		gap: 2rem;
+}
+.nfd-root .nfd-radio-group--inline-block .nfd-radio-group__options {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		gap: 0.5rem;
+}
+.nfd-root .nfd-radio-group--disabled .nfd-radio-group__label,
+			.nfd-root .nfd-radio-group--disabled .nfd-radio-group__description {
+		opacity: 0.5;
+}
+.nfd-root .nfd-radio-group--disabled .nfd-radio-group__label {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-radio-group__label {
+		margin-bottom: 0.5rem;
+}
+.nfd-root .nfd-radio-group__options {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+}
+.nfd-root .nfd-radio-group__description {
+		margin-top: -0.5rem;
+		margin-bottom: 1rem;
+}
+.nfd-root .nfd-select-field {}
+.nfd-root .nfd-select-field--disabled .nfd-select-field__label,
+			.nfd-root .nfd-select-field--disabled .nfd-select-field__description {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-select-field__options {
+		display: flex;
+		flex-direction: column;
+		gap: 0.75rem;
+}
+.nfd-root .nfd-select-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-select-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-mobile-navigation__top {
+		position: sticky;
+		top: 0px;
+		z-index: 50;
+		width: 100%;
+}
+.nfd-root .nfd-mobile-navigation__dialog {
+		position: fixed;
+		inset: 0px;
+		z-index: 50;
+		display: flex;
+}
+.nfd-root .nfd-tag-field--disabled .nfd-tag-field__label,
+			.nfd-root .nfd-tag-field--disabled .nfd-tag-field__description {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-tag-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-tag-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-text-field--disabled .nfd-text-field__label,
+			.nfd-root .nfd-text-field--disabled .nfd-text-field__description {
+		opacity: 0.5;
+}
+.nfd-root .nfd-text-field--disabled .nfd-text-field__label {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-text-field--read-only .nfd-text-field__label {
+		cursor: default;
+}
+.nfd-root .nfd-text-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-text-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-textarea-field__label {}
+.nfd-root .nfd-textarea-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-textarea-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-toggle-field {
+		display: flex;
+		flex-direction: column;
+		gap: 0.25rem;
+}
+.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__label-wrapper,
+			.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__description {
+		opacity: 0.5;
+}
+.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__label,
+			.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__label-wrapper,
+			.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__description {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-toggle-field__header {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1.5rem;
+}
+.nfd-root .nfd-toggle-field__label-wrapper {
+		display: flex;
+		align-items: center;
+		gap: 0.25rem;
+}
+.nfd-root .nfd-toggle-field__description {
+		margin-right: 4.25rem;
+}
+.nfd-root .nfd-title {
+		color: var(--nfd-color-title);
+}
+.nfd-root .nfd-link {
+		color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-link:visited {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root .nfd-link:hover {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root .nfd-link:hover:visited {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root .nfd-link--primary {
+		--tw-text-opacity: 1;
+		color: rgb(241 101 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--primary:hover {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--primary:focus {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(241 101 15 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-link--error {
+		--tw-text-opacity: 1;
+		color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--error:hover {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--error:focus {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-button {
+		gap: 0.5rem;
+		padding-left: 1rem;
+		padding-right: 1rem;
+}
+.nfd-root .nfd-button:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-button svg {
+		height: 1.25rem;
+		width: 1.25rem;
+}
+/* Variants */
+.nfd-root .nfd-button--primary {
+		background-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-button--primary:hover {
+		background-color: var(--nfd-color-primary-dark);
+}
+.nfd-root .nfd-button--primary:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-button--secondary {
+		border-color: var(--nfd-color-primary);
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--secondary:visited {
+		color: rgb(0 0 0 );
+}
+.nfd-root .nfd-button--secondary:hover {
+		background-color: var(--nfd-color-primary-light);
+		--tw-text-opacity: 1;
+		color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--secondary:hover:visited {
+		color: var(--nfd-color-title);
+}
+.nfd-root .nfd-button--secondary:focus {
+		color: var(--nfd-color-title);
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-button--standout {
+		background-color: var(--nfd-color-secondary);
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--standout:hover {
+		background-color: var(--nfd-color-secondary-dark);
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--standout:focus {
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-toggle {
+		--tw-bg-opacity: 1;
+		background-color: rgb(205 208 214 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-toggle:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-toggle--checked {
+		background-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-toggle__icon--check {
+		color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-toggle__icon--x {
+		--tw-text-opacity: 1;
+		color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-toggle-field__description {
+		margin-top: 0.75rem;
+		margin-right: 0.5rem;
+}
+@media (min-width: 640px) {
+		.nfd-root .nfd-toggle-field__description {
+				margin-right: 10.5rem;
+				margin-top: 0px;
+		}
+}
+.nfd-root .nfd-checkbox .nfd-checkbox__input {
+		color: var(--nfd-color-primary);
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-checkbox .nfd-checkbox__input:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-checkbox .nfd-checkbox__input:checked::before {
+		display: none;
+}
+.nfd-root .nfd-radio-group .nfd-radio__description {
+		margin-bottom: 0.5rem;
+		margin-left: 1.75rem;
+}
+@media (min-width: 1024px) {
+		.nfd-root .nfd-radio-group .nfd-radio__description {
+				margin-right: 10.5rem;
+		}
+}
+.nfd-root .nfd-radio__input {
+		color: var(--nfd-color-primary);
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-radio__input:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-radio__input:checked::before {
+		background-color: transparent;
+}
+.nfd-root .nfd-select__button:focus {
+		border-color: var(--nfd-color-primary);
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-select__option--active {
+		--tw-bg-opacity: 1;
+		background-color: rgb(205 208 214 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-select__option--selected {
+		background-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-select-field__spaced .nfd-select-field__select {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+}
+.nfd-root .nfd-select-field__spaced .nfd-select__button {
+		width: 6rem;
+}
+.nfd-root .nfd-select-field__spaced .nfd-select__options {
+		right: 0px;
+		width: 10rem;
+}
+@media (min-width: 1024px) {
+		.nfd-root .nfd-select-field__spaced .nfd-select-field__description {
+				margin-right: 10.5rem;
+		}
+}
+.nfd-root .nfd-notifications {
+			z-index: 9991;
+		}
+.nfd-root .nfd-notifications--bottom-left {
+		left: 12%;
+}
+.nfd-root .nfd-text-input:focus, .nfd-root .nfd-textarea:focus {
+		border-color: var(--nfd-color-primary);
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-sr-only {
+		position: absolute !important;
+		width: 1px !important;
+		height: 1px !important;
+		padding: 0 !important;
+		margin: -1px !important;
+		overflow: hidden !important;
+		clip: rect(0, 0, 0, 0) !important;
+		white-space: nowrap !important;
+		border-width: 0 !important;
+}
+.nfd-fixed {
+		position: fixed !important;
+}
+.nfd-absolute {
+		position: absolute !important;
+}
+.nfd-relative {
+		position: relative !important;
+}
+.nfd-inset-0 {
+		inset: 0px !important;
+}
+.nfd-right-0 {
+		right: 0px !important;
+}
+.nfd-top-0 {
+		top: 0px !important;
+}
+.nfd-z-10 {
+		z-index: 10 !important;
+}
+.nfd-z-30 {
+		z-index: 30 !important;
+}
+.nfd-z-40 {
+		z-index: 40 !important;
+}
+.nfd-col-span-1 {
+		grid-column: span 1 / span 1 !important;
+}
+.nfd-m-0 {
+		margin: 0px !important;
+}
+.nfd-m-auto {
+		margin: auto !important;
+}
+.nfd--ml-1 {
+		margin-left: -0.25rem !important;
+}
+.nfd--mr-14 {
+		margin-right: -3.5rem !important;
+}
+.nfd-mb-2 {
+		margin-bottom: 0.5rem !important;
+}
+.nfd-mb-6 {
+		margin-bottom: 1.5rem !important;
+}
+.nfd-mb-px {
+		margin-bottom: 1px !important;
+}
+.nfd-ml-4 {
+		margin-left: 1rem !important;
+}
+.nfd-ml-8 {
+		margin-left: 2rem !important;
+}
+.nfd-mr-2 {
+		margin-right: 0.5rem !important;
+}
+.nfd-mr-4 {
+		margin-right: 1rem !important;
+}
+.nfd-mt-1 {
+		margin-top: 0.25rem !important;
+}
+.nfd-mt-1\.5 {
+		margin-top: 0.375rem !important;
+}
+.nfd-mt-2 {
+		margin-top: 0.5rem !important;
+}
+.nfd-mt-6 {
+		margin-top: 1.5rem !important;
+}
+.nfd-mt-8 {
+		margin-top: 2rem !important;
+}
+.nfd-flex {
+		display: flex !important;
+}
+.nfd-inline-flex {
+		display: inline-flex !important;
+}
+.nfd-hidden {
+		display: none !important;
+}
+.nfd-h-0 {
+		height: 0px !important;
+}
+.nfd-h-12 {
+		height: 3rem !important;
+}
+.nfd-h-16 {
+		height: 4rem !important;
+}
+.nfd-h-3 {
+		height: 0.75rem !important;
+}
+.nfd-h-4 {
+		height: 1rem !important;
+}
+.nfd-h-5 {
+		height: 1.25rem !important;
+}
+.nfd-h-6 {
+		height: 1.5rem !important;
+}
+.nfd-h-7 {
+		height: 1.75rem !important;
+}
+.nfd-h-8 {
+		height: 2rem !important;
+}
+.nfd-h-full {
+		height: 100% !important;
+}
+.nfd-w-0 {
+		width: 0px !important;
+}
+.nfd-w-12 {
+		width: 3rem !important;
+}
+.nfd-w-2 {
+		width: 0.5rem !important;
+}
+.nfd-w-3 {
+		width: 0.75rem !important;
+}
+.nfd-w-4 {
+		width: 1rem !important;
+}
+.nfd-w-5 {
+		width: 1.25rem !important;
+}
+.nfd-w-6 {
+		width: 1.5rem !important;
+}
+.nfd-w-8 {
+		width: 2rem !important;
+}
+.nfd-w-full {
+		width: 100% !important;
+}
+.nfd-min-w-0 {
+		min-width: 0px !important;
+}
+.nfd-min-w-full {
+		min-width: 100% !important;
+}
+.nfd-max-w-screen-sm {
+		max-width: 640px !important;
+}
+.nfd-max-w-xs {
+		max-width: 20rem !important;
+}
+.nfd-flex-1 {
+		flex: 1 1 0% !important;
+}
+.nfd-flex-shrink-0 {
+		flex-shrink: 0 !important;
+}
+.nfd-shrink-0 {
+		flex-shrink: 0 !important;
+}
+.nfd--translate-x-full {
+		--tw-translate-x: -100% !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd--translate-y-full {
+		--tw-translate-y: -100% !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-x-0 {
+		--tw-translate-x: 0px !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-x-full {
+		--tw-translate-x: 100% !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-y-0 {
+		--tw-translate-y: 0px !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-y-4 {
+		--tw-translate-y: 1rem !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-y-full {
+		--tw-translate-y: 100% !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-scale-100 {
+		--tw-scale-x: 1 !important;
+		--tw-scale-y: 1 !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-scale-95 {
+		--tw-scale-x: .95 !important;
+		--tw-scale-y: .95 !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-transform {
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+@keyframes nfd-spin {
+		to {
+				transform: rotate(360deg);
+		}
+}
+.nfd-animate-spin {
+		animation: nfd-spin 1s linear infinite !important;
+}
+.nfd-cursor-wait {
+		cursor: wait !important;
+}
+.nfd-list-disc {
+		list-style-type: disc !important;
+}
+.nfd-flex-col {
+		flex-direction: column !important;
+}
+.nfd-items-start {
+		align-items: flex-start !important;
+}
+.nfd-items-center {
+		align-items: center !important;
+}
+.nfd-justify-center {
+		justify-content: center !important;
+}
+.nfd-justify-between {
+		justify-content: space-between !important;
+}
+.nfd-gap-2 {
+		gap: 0.5rem !important;
+}
+.nfd-gap-3 {
+		gap: 0.75rem !important;
+}
+.nfd-gap-6 {
+		gap: 1.5rem !important;
+}
+.nfd-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0 !important;
+		margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
+		margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
+}
+.nfd-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0 !important;
+		margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important;
+		margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important;
+}
+.nfd-divide-y > :not([hidden]) ~ :not([hidden]) {
+		--tw-divide-y-reverse: 0 !important;
+		border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
+		border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
+}
+.nfd-divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+		--tw-divide-opacity: 1 !important;
+		border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)) !important;
+}
+.nfd-divide-slate-300 > :not([hidden]) ~ :not([hidden]) {
+		--tw-divide-opacity: 1 !important;
+		border-color: rgb(203 213 225 / var(--tw-divide-opacity, 1)) !important;
+}
+.nfd-overflow-hidden {
+		overflow: hidden !important;
+}
+.nfd-overflow-y-auto {
+		overflow-y: auto !important;
+}
+.nfd-rounded-full {
+		border-radius: 9999px !important;
+}
+.nfd-rounded-lg {
+		border-radius: 0.5rem !important;
+}
+.nfd-rounded-md {
+		border-radius: 0.375rem !important;
+}
+.nfd-rounded-none {
+		border-radius: 0px !important;
+}
+.nfd-border-b {
+		border-bottom-width: 1px !important;
+}
+.nfd-border-r {
+		border-right-width: 1px !important;
+}
+.nfd-border-\[\#CBD5E1\] {
+		--tw-border-opacity: 1 !important;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)) !important;
+}
+.nfd-border-slate-200 {
+		--tw-border-opacity: 1 !important;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)) !important;
+}
+.nfd-border-r-slate-200 {
+		--tw-border-opacity: 1 !important;
+		border-right-color: rgb(226 232 240 / var(--tw-border-opacity, 1)) !important;
+}
+.nfd-bg-slate-100 {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-slate-200 {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-slate-50 {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-slate-600 {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-white {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-opacity-75 {
+		--tw-bg-opacity: 0.75 !important;
+}
+.nfd-stroke-3 {
+		stroke-width: 3px !important;
+}
+.nfd-p-1 {
+		padding: 0.25rem !important;
+}
+.nfd-px-2 {
+		padding-left: 0.5rem !important;
+		padding-right: 0.5rem !important;
+}
+.nfd-px-3 {
+		padding-left: 0.75rem !important;
+		padding-right: 0.75rem !important;
+}
+.nfd-px-4 {
+		padding-left: 1rem !important;
+		padding-right: 1rem !important;
+}
+.nfd-py-2 {
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+}
+.nfd-py-4 {
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+}
+.nfd-py-6 {
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+}
+.nfd-py-\[10px\] {
+		padding-top: 10px !important;
+		padding-bottom: 10px !important;
+}
+.nfd-pb-1 {
+		padding-bottom: 0.25rem !important;
+}
+.nfd-pb-8 {
+		padding-bottom: 2rem !important;
+}
+.nfd-pt-1 {
+		padding-top: 0.25rem !important;
+}
+.nfd-text-left {
+		text-align: left !important;
+}
+.nfd-text-center {
+		text-align: center !important;
+}
+.nfd-text-right {
+		text-align: right !important;
+}
+.nfd-text-2xl {
+		font-size: 1.5rem !important;
+}
+.nfd-text-\[14px\] {
+		font-size: 14px !important;
+}
+.nfd-text-sm {
+		font-size: .8125rem !important;
+}
+.nfd-font-medium {
+		font-weight: 500 !important;
+}
+.nfd-font-semibold {
+		font-weight: 600 !important;
+}
+.nfd-text-primary {
+		color: var(--nfd-color-primary) !important;
+}
+.nfd-text-primary-500 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-400 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-500 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-600 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(71 85 105 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-800 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-900 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-title {
+		color: var(--nfd-color-title) !important;
+}
+.nfd-text-white {
+		--tw-text-opacity: 1 !important;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-no-underline {
+		text-decoration-line: none !important;
+}
+.nfd-opacity-0 {
+		opacity: 0 !important;
+}
+.nfd-opacity-100 {
+		opacity: 1 !important;
+}
+.nfd-opacity-25 {
+		opacity: 0.25 !important;
+}
+.nfd-opacity-75 {
+		opacity: 0.75 !important;
+}
+.nfd-shadow {
+		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
+		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
+}
+.nfd-shadow-lg {
+		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
+		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
+}
+.nfd-shadow-amber-700\/30 {
+		--tw-shadow-color: rgb(180 83 9 / 0.3) !important;
+		--tw-shadow: var(--tw-shadow-colored) !important;
+}
+.nfd-ring-1 {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
+}
+.nfd-ring-black {
+		--tw-ring-opacity: 1 !important;
+		--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)) !important;
+}
+.nfd-ring-opacity-5 {
+		--tw-ring-opacity: 0.05 !important;
+}
+.nfd-grayscale {
+		--tw-grayscale: grayscale(100%) !important;
+		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
+}
+.nfd-transition {
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+		transition-duration: 150ms !important;
+}
+.nfd-transition-opacity {
+		transition-property: opacity !important;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+		transition-duration: 150ms !important;
+}
+.nfd-delay-200 {
+		transition-delay: 200ms !important;
+}
+.nfd-duration-100 {
+		transition-duration: 100ms !important;
+}
+.nfd-duration-1000 {
+		transition-duration: 1000ms !important;
+}
+.nfd-duration-150 {
+		transition-duration: 150ms !important;
+}
+.nfd-duration-200 {
+		transition-duration: 200ms !important;
+}
+.nfd-duration-300 {
+		transition-duration: 300ms !important;
+}
+.nfd-duration-75 {
+		transition-duration: 75ms !important;
+}
+.nfd-ease-in {
+		transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
+}
+.nfd-ease-in-out {
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+.nfd-ease-out {
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
+}
+.nfd-\@container\/nfd-image-import {
+		container-type: inline-size !important;
+		container-name: nfd-image-import !important;
+}
+/* Configs */
+/* Titles */
+/* Links */
+/* Buttons */
+/* Toggle / Toggle Field */
+/* Checkbox */
+/* Radio Input */
+/* Select Field */
+/* Notifications */
+/* Text Input Field */
+.odd\:nfd-bg-white:nth-child(odd) {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
+}
+.even\:nfd-bg-slate-50:nth-child(even) {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
+}
+.hover\:nfd-bg-slate-50:hover {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
+}
+.hover\:nfd-text-slate-500:hover {
+		--tw-text-opacity: 1 !important;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
+}
+.hover\:nfd-text-slate-900:hover {
+		--tw-text-opacity: 1 !important;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1)) !important;
+}
+.focus\:nfd-outline-none:focus {
+		outline: 2px solid transparent !important;
+		outline-offset: 2px !important;
+}
+.focus\:nfd-ring-1:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
+}
+.focus\:nfd-ring-2:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
+}
+.focus\:nfd-ring-inset:focus {
+		--tw-ring-inset: inset !important;
+}
+.focus\:nfd-ring-primary-500:focus {
+		--tw-ring-opacity: 1 !important;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1)) !important;
+}
+.focus\:nfd-ring-offset-1:focus {
+		--tw-ring-offset-width: 1px !important;
+}
+.focus\:nfd-ring-offset-2:focus {
+		--tw-ring-offset-width: 2px !important;
+}
+.focus\:nfd-ring-offset-transparent:focus {
+		--tw-ring-offset-color: transparent !important;
+}
+.nfd-group:hover .group-hover\:nfd-text-slate-500 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-group:hover .group-hover\:nfd-opacity-100 {
+		opacity: 1 !important;
+}
+@media (min-width: 640px) {
+		.sm\:nfd-translate-y-0 {
+				--tw-translate-y: 0px !important;
+				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+		}
+		.sm\:nfd-scale-100 {
+				--tw-scale-x: 1 !important;
+				--tw-scale-y: 1 !important;
+				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+		}
+		.sm\:nfd-scale-95 {
+				--tw-scale-x: .95 !important;
+				--tw-scale-y: .95 !important;
+				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+		}
+}
+@media (min-width: 1280px) {
+		.xl\:nfd-col-span-2 {
+				grid-column: span 2 / span 2 !important;
+		}
+		.xl\:nfd-mt-0 {
+				margin-top: 0px !important;
+		}
+}
+
diff --git a/build/performance/performance.min.asset.php b/build/performance/performance.min.asset.php
new file mode 100644
index 00000000..9f8ce8b3
--- /dev/null
+++ b/build/performance/performance.min.asset.php
@@ -0,0 +1 @@
+<?php return array('dependencies' => array('lodash', 'react', 'wp-api-fetch', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-i18n'), 'version' => 'bb02746c6e32c7a356ce');
diff --git a/build/performance/performance.min.css b/build/performance/performance.min.css
new file mode 100644
index 00000000..1d224ab7
--- /dev/null
+++ b/build/performance/performance.min.css
@@ -0,0 +1,4196 @@
+/* Import UI library first — this registers its component styles */
+/**
+ * Tailwind CSS preflight, but scoped to the Yoast root class.
+ * This is added to the base layer by design.
+ *
+ * Source: https://github.com/tailwindlabs/tailwindcss/blob/v3.1.2/src/css/preflight.css
+ * Changed `html` and `body` to affect the `.nfd-root` instead.
+ */
+/**
+ * Styles from Tailwind CSS forms, but scoped to the Yoast root class.
+ *
+ * See: https://github.com/tailwindlabs/tailwindcss-forms#using-classes-to-style
+ */
+/**
+ * Custom base styles, separate from TailwindCSS.
+ */
+.nfd-container__block.newfold-link-prefetch .nfd-toggle-field.nfd-mb-6 {
+	display: flex;
+	flex-direction: row;
+}
+.nfd-performance-jetpack-boost-upsell,
+.nfd-performance-jetpack-boost-container-options {
+	position: relative;
+}
+.nfd-performance-jetpack-boost-critical-css-modal .nfd-modal__panel {
+	padding-right: 40px;
+	z-index: 400;
+}
+.nfd-performance-jetpack-boost-action-buttons-container .nfd-button--primary {
+	margin-right: 10px;
+}
+.nfd-performance-jetpack-boost-critical-css-modal p {
+	margin-bottom: 10px;
+}
+.nfd-performance-jetpack-boost-container-options .automatic-critical-css {
+	position: relative;
+}
+.nfd-performance-jetpack-boost-container-options .automatic-critical-css::after {
+	content: "";
+	display: block;
+	width: 100%;
+	height: 100%;
+	background-color: #fff;
+	position: absolute;
+	top: 0;
+	left: 0;
+	opacity: 0.4;
+	z-index: 10;
+}
+.nfd-performance-jetpack-boost-container-options .automatic-critical-css .nfd-feature-upsell .nfd-button--upsell {
+	top: 0;
+	right: 0;
+	position: absolute;
+	display: flex;
+    flex-direction: row;
+    justify-content: center;
+    padding: 10px;
+	z-index: 11;
+}
+.nfd-performance-jetpack-boost-regenerate-critical-css {
+	margin: 10px 0;
+}
+.nfd-performance-jetpack-boost-regenerate-critical-css:hover {
+	text-decoration: underline;
+}
+.nfd-performance-jetpack-boost-regenerate-critical-css svg {
+	display: inline-block;
+	margin-right: 5px;
+}
+.nfd-performance-jetpack-boost-container-options.module-disabled {
+	padding: 20px;
+}
+.nfd-performance-jetpack-boost-container-options .nfd-feature-upsell .nfd-toggle-field {
+	margin-top: 0 !important;
+}
+.nfd-performance-jetpack-boost-upsell::before,
+.nfd-performance-jetpack-boost-container-options.module-disabled::before,
+.nfd-performance-jetpack-boost-container-options.is-loading::before {
+	content: "";
+	display: block;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+}
+.nfd-performance-jetpack-boost-upsell::before {
+	background-color: rgba(255, 255, 0, 0.1);
+}
+.nfd-performance-jetpack-boost-container-options.module-disabled::before {
+	left: 0;
+	top: 0;
+	z-index: 99;
+	background-color: #ffffea;
+	opacity: 0.4;
+}
+.nfd-performance-jetpack-boost-container-options.is-loading::before {
+	z-index: 99;
+	background-color: rgba(255, 255, 255, 0.7);
+
+}
+.nfd-performance-jetpack-boost-loader {
+	position: absolute;
+	width: 300px;
+	left: calc(50% - 22px);
+	top: calc(50% - 22px);
+	z-index: 100;
+}
+.nfd-performance-jetpack-boost-container-install-activate-button {
+	position: absolute;
+	width: 300px;
+	left: calc(50% - 150px);
+	top: -20px;
+	z-index: 100;
+}
+.nfd-performance-jetpack-boost-container-options.module-disabled:hover .nfd-performance-jetpack-boost-container-install-activate-button {
+	opacity: 1;
+	z-index: 100;
+}
+.nfd-root .nfd-performance-jetpack-boost-container-install-activate-button svg {
+	display: inline-block;
+	margin-right: 10px;
+}
+.nfd-root .nfd-performance-jetpack-boost-container-install-activate-button button {
+	padding: 10px;
+	border-radius: 6px;
+	width: 100%;
+}
+.nfd-performance-jetpack-boost-single-option .nfd-toggle-field__header {
+	justify-content: left;
+}
+.nfd-performance-jetpack-boost-single-option .child-field .wrap-button button {
+	text-decoration: underline;
+	margin: 10px 0 0 0;
+}
+.nfd-performance-jetpack-boost-single-option-container {
+	 margin-bottom: 20px;
+}
+.margin20 {
+	margin: 20px 0;
+}
+.newfold-image-optimization .nfd-toggle-field__description {
+	opacity: 1 !important;
+}
+.newfold-image-optimization a {
+	color: #05c !important;
+}
+.nfd-text-red {
+	color: #e63946;
+}
+:root {
+    --nfd-color-primary: #196BDE;
+    --nfd-color-primary-dark: #1A4884;
+    --nfd-color-primary-light: #CCDCF4;
+    --nfd-color-primary-lighter: #949FB1;
+  
+    --nfd-color-secondary: #FCD34D;
+    --nfd-color-secondary-dark: #E9B404;
+    --nfd-color-secondary-light: #FEF6D9;
+    --nfd-color-secondary-lighter: #FEF6D9;
+  
+    --nfd-color-title: #0F172A;
+    --nfd-color-body: #4A5567;
+
+  }
+.nfd-brand--bluehost {
+    --nfd-color-primary: #196BDE;
+    --nfd-color-primary-dark: #1A4884;
+    --nfd-color-primary-light: #CCDCF4;
+    --nfd-color-primary-lighter: #949FB1;
+  
+    --nfd-color-secondary: #FCD34D;
+    --nfd-color-secondary-dark: #E9B404;
+    --nfd-color-secondary-light: #FEF6D9;
+    --nfd-color-secondary-lighter: #FEF6D9;
+  
+    --nfd-color-title: #0F172A;
+    --nfd-color-body: #4A5567;
+  }
+.nfd-brand--hostgator {
+    /* Primary */
+    --nfd-color-primary: #1F2044;
+    --nfd-color-primary-dark: #191936;
+    --nfd-color-primary-light: #2E93EE;
+    --nfd-color-primary-lighter: #74C1FF;
+  
+    /* Secondary */
+    --nfd-color-secondary: #FFCF00;
+    --nfd-color-secondary-dark: #ECA93E;
+    --nfd-color-secondary-light: #FF9144;
+    --nfd-color-secondary-lighter: #FFE885;
+  
+    /* UI */
+    --nfd-color-title: #1F2044;
+    --nfd-color-body: #4A4A4A;
+  }
+.nfd-performance-container {
+	margin-top: 20px;
+}
+/* Tailwind base styles, layers must come *after* the import */
+*, ::before, ::after {
+		--tw-border-spacing-x: 0;
+		--tw-border-spacing-y: 0;
+		--tw-translate-x: 0;
+		--tw-translate-y: 0;
+		--tw-rotate: 0;
+		--tw-skew-x: 0;
+		--tw-skew-y: 0;
+		--tw-scale-x: 1;
+		--tw-scale-y: 1;
+		--tw-pan-x:  ;
+		--tw-pan-y:  ;
+		--tw-pinch-zoom:  ;
+		--tw-scroll-snap-strictness: proximity;
+		--tw-gradient-from-position:  ;
+		--tw-gradient-via-position:  ;
+		--tw-gradient-to-position:  ;
+		--tw-ordinal:  ;
+		--tw-slashed-zero:  ;
+		--tw-numeric-figure:  ;
+		--tw-numeric-spacing:  ;
+		--tw-numeric-fraction:  ;
+		--tw-ring-inset:  ;
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: rgb(59 130 246 / 0.5);
+		--tw-ring-offset-shadow: 0 0 #0000;
+		--tw-ring-shadow: 0 0 #0000;
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		--tw-blur:  ;
+		--tw-brightness:  ;
+		--tw-contrast:  ;
+		--tw-grayscale:  ;
+		--tw-hue-rotate:  ;
+		--tw-invert:  ;
+		--tw-saturate:  ;
+		--tw-sepia:  ;
+		--tw-drop-shadow:  ;
+		--tw-backdrop-blur:  ;
+		--tw-backdrop-brightness:  ;
+		--tw-backdrop-contrast:  ;
+		--tw-backdrop-grayscale:  ;
+		--tw-backdrop-hue-rotate:  ;
+		--tw-backdrop-invert:  ;
+		--tw-backdrop-opacity:  ;
+		--tw-backdrop-saturate:  ;
+		--tw-backdrop-sepia:  ;
+		--tw-contain-size:  ;
+		--tw-contain-layout:  ;
+		--tw-contain-paint:  ;
+		--tw-contain-style:  ;
+}
+::backdrop {
+		--tw-border-spacing-x: 0;
+		--tw-border-spacing-y: 0;
+		--tw-translate-x: 0;
+		--tw-translate-y: 0;
+		--tw-rotate: 0;
+		--tw-skew-x: 0;
+		--tw-skew-y: 0;
+		--tw-scale-x: 1;
+		--tw-scale-y: 1;
+		--tw-pan-x:  ;
+		--tw-pan-y:  ;
+		--tw-pinch-zoom:  ;
+		--tw-scroll-snap-strictness: proximity;
+		--tw-gradient-from-position:  ;
+		--tw-gradient-via-position:  ;
+		--tw-gradient-to-position:  ;
+		--tw-ordinal:  ;
+		--tw-slashed-zero:  ;
+		--tw-numeric-figure:  ;
+		--tw-numeric-spacing:  ;
+		--tw-numeric-fraction:  ;
+		--tw-ring-inset:  ;
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: rgb(59 130 246 / 0.5);
+		--tw-ring-offset-shadow: 0 0 #0000;
+		--tw-ring-shadow: 0 0 #0000;
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		--tw-blur:  ;
+		--tw-brightness:  ;
+		--tw-contrast:  ;
+		--tw-grayscale:  ;
+		--tw-hue-rotate:  ;
+		--tw-invert:  ;
+		--tw-saturate:  ;
+		--tw-sepia:  ;
+		--tw-drop-shadow:  ;
+		--tw-backdrop-blur:  ;
+		--tw-backdrop-brightness:  ;
+		--tw-backdrop-contrast:  ;
+		--tw-backdrop-grayscale:  ;
+		--tw-backdrop-hue-rotate:  ;
+		--tw-backdrop-invert:  ;
+		--tw-backdrop-opacity:  ;
+		--tw-backdrop-saturate:  ;
+		--tw-backdrop-sepia:  ;
+		--tw-contain-size:  ;
+		--tw-contain-layout:  ;
+		--tw-contain-paint:  ;
+		--tw-contain-style:  ;
+}
+/*
+		1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+		2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+		*/
+.nfd-root *,
+		.nfd-root ::before,
+		.nfd-root ::after {
+			box-sizing: border-box; /* 1 */
+			border-width: 0; /* 2 */
+			border-style: solid; /* 2 */
+			border-color: #e5e7eb; /* 2 */
+		}
+.nfd-root ::before,
+		.nfd-root ::after {
+			--tw-content: '';
+		}
+.nfd-root {
+
+		line-height: 1.5;
+		-webkit-text-size-adjust: 100%;
+		-moz-tab-size: 4;
+		-o-tab-size: 4;
+		   tab-size: 4;
+		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+		margin: 0;
+}
+/*
+		1. Use a consistent sensible line-height in all browsers.
+		2. Prevent adjustments of font size after orientation changes in iOS.
+		3. Use a more readable tab size.
+		4. Use the user's configured `sans` font-family by default.
+		*/
+/* 1 */
+/* 2 */
+/* 3 */
+/* 3 */
+/* 4 */
+/*
+		1. Remove the margin in all browsers.
+		*/
+/* 1 */
+/*
+		1. Add the correct height in Firefox.
+		2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+		3. Ensure horizontal rules are visible by default.
+		*/
+.nfd-root hr {
+			height: 0; /* 1 */
+			color: inherit; /* 2 */
+			border-top-width: 1px; /* 3 */
+		}
+/*
+		Add the correct text decoration in Chrome, Edge, and Safari.
+		*/
+.nfd-root abbr:where([title]) {
+			-webkit-text-decoration: underline dotted;
+			        text-decoration: underline dotted;
+		}
+/*
+		Remove the default font size and weight for headings.
+		*/
+.nfd-root h1,
+		.nfd-root h2,
+		.nfd-root h3,
+		.nfd-root h4,
+		.nfd-root h5,
+		.nfd-root h6 {
+			font-size: inherit;
+			font-weight: inherit;
+		}
+/*
+		Reset links to optimize for opt-in styling instead of opt-out.
+		*/
+.nfd-root a {
+			color: inherit;
+			text-decoration: inherit;
+		}
+/*
+		Add the correct font weight in Edge and Safari.
+		*/
+.nfd-root b,
+		.nfd-root strong {
+			font-weight: bolder;
+		}
+/*
+		1. Use the user's configured `mono` font family by default.
+		2. Correct the odd `em` font sizing in all browsers.
+		*/
+.nfd-root code,
+		.nfd-root kbd,
+		.nfd-root samp,
+		.nfd-root pre {
+			font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+			font-size: 1em; /* 2 */
+		}
+/*
+		Add the correct font size in all browsers.
+		*/
+.nfd-root small {
+			font-size: 80%;
+		}
+/*
+		Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+		*/
+.nfd-root sub,
+		.nfd-root sup {
+			font-size: 75%;
+			line-height: 0;
+			position: relative;
+			vertical-align: baseline;
+		}
+.nfd-root sub {
+			bottom: -0.25em;
+		}
+.nfd-root sup {
+			top: -0.5em;
+		}
+/*
+		1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+		2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+		3. Remove gaps between table borders by default.
+		*/
+.nfd-root table {
+			text-indent: 0; /* 1 */
+			border-color: inherit; /* 2 */
+			border-collapse: collapse; /* 3 */
+		}
+/*
+		1. Change the font styles in all browsers.
+		2. Remove the margin in Firefox and Safari.
+		3. Remove default padding in all browsers.
+		*/
+.nfd-root button,
+		.nfd-root input,
+		.nfd-root optgroup,
+		.nfd-root select,
+		.nfd-root textarea {
+			font-family: inherit; /* 1 */
+			font-size: 100%; /* 1 */
+			font-weight: inherit; /* 1 */
+			line-height: inherit; /* 1 */
+			color: inherit; /* 1 */
+			margin: 0; /* 2 */
+			padding: 0; /* 3 */
+		}
+/*
+		Remove the inheritance of text transform in Edge and Firefox.
+		*/
+.nfd-root button,
+		.nfd-root select {
+			text-transform: none;
+		}
+/*
+		1. Correct the inability to style clickable types in iOS and Safari.
+		2. Remove default button styles.
+		*/
+.nfd-root button,
+		.nfd-root [type='button'],
+		.nfd-root [type='reset'],
+		.nfd-root [type='submit'] {
+			-webkit-appearance: button; /* 1 */
+			background-color: transparent; /* 2 */
+			background-image: none; /* 2 */
+		}
+/*
+		Use the modern Firefox focus style for all focusable elements.
+		*/
+.nfd-root :-moz-focusring {
+			outline: auto;
+		}
+/*
+		Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+		*/
+.nfd-root :-moz-ui-invalid {
+			box-shadow: none;
+		}
+/*
+		Add the correct vertical alignment in Chrome and Firefox.
+		*/
+.nfd-root progress {
+			vertical-align: baseline;
+		}
+/*
+		Correct the cursor style of increment and decrement buttons in Safari.
+		*/
+.nfd-root ::-webkit-inner-spin-button,
+		.nfd-root ::-webkit-outer-spin-button {
+			height: auto;
+		}
+/*
+		1. Correct the odd appearance in Chrome and Safari.
+		2. Correct the outline style in Safari.
+		*/
+.nfd-root [type='search'] {
+			-webkit-appearance: textfield; /* 1 */
+			outline-offset: -2px; /* 2 */
+		}
+/*
+		Remove the inner padding in Chrome and Safari on macOS.
+		*/
+.nfd-root ::-webkit-search-decoration {
+			-webkit-appearance: none;
+		}
+/*
+		1. Correct the inability to style clickable types in iOS and Safari.
+		2. Change font properties to `inherit` in Safari.
+		*/
+.nfd-root ::-webkit-file-upload-button {
+			-webkit-appearance: button; /* 1 */
+			font: inherit; /* 2 */
+		}
+/*
+		Add the correct display in Chrome and Safari.
+		*/
+.nfd-root summary {
+			display: list-item;
+		}
+/*
+		Removes the default spacing and border for appropriate elements.
+		*/
+.nfd-root blockquote,
+		.nfd-root dl,
+		.nfd-root dd,
+		.nfd-root h1,
+		.nfd-root h2,
+		.nfd-root h3,
+		.nfd-root h4,
+		.nfd-root h5,
+		.nfd-root h6,
+		.nfd-root hr,
+		.nfd-root figure,
+		.nfd-root p,
+		.nfd-root pre {
+			margin: 0;
+		}
+.nfd-root fieldset {
+			margin: 0;
+			padding: 0;
+		}
+.nfd-root legend {
+			padding: 0;
+		}
+.nfd-root ol,
+		.nfd-root ul,
+		.nfd-root menu {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+		}
+/*
+		Prevent resizing textareas horizontally by default.
+		*/
+.nfd-root textarea {
+			resize: vertical;
+		}
+/*
+		1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+		2. Set the default placeholder color to the user's configured gray 400 color.
+		*/
+.nfd-root input::-moz-placeholder, .nfd-root textarea::-moz-placeholder {
+			opacity: 1; /* 1 */
+			color: #6b7280; /* 2 */
+		}
+.nfd-root input::placeholder,
+		.nfd-root textarea::placeholder {
+			opacity: 1; /* 1 */
+			color: #6b7280; /* 2 */
+		}
+/*
+		Set the default cursor for buttons.
+		*/
+.nfd-root button,
+		.nfd-root [role="button"] {
+			cursor: pointer;
+		}
+/*
+		Make sure disabled buttons don't get the pointer cursor.
+		*/
+.nfd-root :disabled {
+			cursor: default;
+		}
+/*
+		1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+		2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+		   This can trigger a poorly considered lint error in some tools but is included by design.
+		*/
+.nfd-root img,
+		.nfd-root svg,
+		.nfd-root video,
+		.nfd-root canvas,
+		.nfd-root audio,
+		.nfd-root iframe,
+		.nfd-root embed,
+		.nfd-root object {
+			display: block; /* 1 */
+			vertical-align: middle; /* 2 */
+		}
+/*
+		Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+		*/
+.nfd-root img,
+		.nfd-root video {
+			max-width: 100%;
+			height: auto;
+		}
+.nfd-root [type='text'],
+		.nfd-root [type='email'],
+		.nfd-root [type='url'],
+		.nfd-root [type='password'],
+		.nfd-root [type='number'],
+		.nfd-root [type='date'],
+		.nfd-root [type='datetime-local'],
+		.nfd-root [type='month'],
+		.nfd-root [type='search'],
+		.nfd-root [type='tel'],
+		.nfd-root [type='time'],
+		.nfd-root [type='week'] {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		border-radius: 0px;
+		padding-top: 0.5rem;
+		padding-right: 0.75rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+		--tw-shadow: 0 0 #0000;
+}
+.nfd-root [type='text']:focus,
+		.nfd-root [type='email']:focus,
+		.nfd-root [type='url']:focus,
+		.nfd-root [type='password']:focus,
+		.nfd-root [type='number']:focus,
+		.nfd-root [type='date']:focus,
+		.nfd-root [type='datetime-local']:focus,
+		.nfd-root [type='month']:focus,
+		.nfd-root [type='search']:focus,
+		.nfd-root [type='tel']:focus,
+		.nfd-root [type='time']:focus,
+		.nfd-root [type='week']:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+		border-color: #2563eb;
+}
+.nfd-root [type='text']::-moz-placeholder, .nfd-root [type='email']::-moz-placeholder, .nfd-root [type='url']::-moz-placeholder, .nfd-root [type='password']::-moz-placeholder, .nfd-root [type='number']::-moz-placeholder, .nfd-root [type='date']::-moz-placeholder, .nfd-root [type='datetime-local']::-moz-placeholder, .nfd-root [type='month']::-moz-placeholder, .nfd-root [type='search']::-moz-placeholder, .nfd-root [type='tel']::-moz-placeholder, .nfd-root [type='time']::-moz-placeholder, .nfd-root [type='week']::-moz-placeholder {
+		color: #6b7280;
+		opacity: 1;
+}
+.nfd-root [type='text']::placeholder,
+		.nfd-root [type='email']::placeholder,
+		.nfd-root [type='url']::placeholder,
+		.nfd-root [type='password']::placeholder,
+		.nfd-root [type='number']::placeholder,
+		.nfd-root [type='date']::placeholder,
+		.nfd-root [type='datetime-local']::placeholder,
+		.nfd-root [type='month']::placeholder,
+		.nfd-root [type='search']::placeholder,
+		.nfd-root [type='tel']::placeholder,
+		.nfd-root [type='time']::placeholder,
+		.nfd-root [type='week']::placeholder {
+		color: #6b7280;
+		opacity: 1;
+}
+.nfd-root [type='text']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='email']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='url']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='password']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='number']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='date']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='month']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='search']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='tel']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='time']::-webkit-datetime-edit-fields-wrapper,
+		.nfd-root [type='week']::-webkit-datetime-edit-fields-wrapper {
+		padding: 0;
+}
+.nfd-root [type='text']::-webkit-date-and-time-value,
+		.nfd-root [type='email']::-webkit-date-and-time-value,
+		.nfd-root [type='url']::-webkit-date-and-time-value,
+		.nfd-root [type='password']::-webkit-date-and-time-value,
+		.nfd-root [type='number']::-webkit-date-and-time-value,
+		.nfd-root [type='date']::-webkit-date-and-time-value,
+		.nfd-root [type='datetime-local']::-webkit-date-and-time-value,
+		.nfd-root [type='month']::-webkit-date-and-time-value,
+		.nfd-root [type='search']::-webkit-date-and-time-value,
+		.nfd-root [type='tel']::-webkit-date-and-time-value,
+		.nfd-root [type='time']::-webkit-date-and-time-value,
+		.nfd-root [type='week']::-webkit-date-and-time-value {
+		min-height: 1.5em;
+		text-align: inherit;
+}
+.nfd-root [type='text']::-webkit-datetime-edit,
+		.nfd-root [type='email']::-webkit-datetime-edit,
+		.nfd-root [type='url']::-webkit-datetime-edit,
+		.nfd-root [type='password']::-webkit-datetime-edit,
+		.nfd-root [type='number']::-webkit-datetime-edit,
+		.nfd-root [type='date']::-webkit-datetime-edit,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit,
+		.nfd-root [type='month']::-webkit-datetime-edit,
+		.nfd-root [type='search']::-webkit-datetime-edit,
+		.nfd-root [type='tel']::-webkit-datetime-edit,
+		.nfd-root [type='time']::-webkit-datetime-edit,
+		.nfd-root [type='week']::-webkit-datetime-edit {
+		display: inline-flex;
+}
+.nfd-root [type='text']::-webkit-datetime-edit,.nfd-root [type='text']::-webkit-datetime-edit-year-field,.nfd-root [type='text']::-webkit-datetime-edit-month-field,.nfd-root [type='text']::-webkit-datetime-edit-day-field,.nfd-root [type='text']::-webkit-datetime-edit-hour-field,.nfd-root [type='text']::-webkit-datetime-edit-minute-field,.nfd-root [type='text']::-webkit-datetime-edit-second-field,.nfd-root [type='text']::-webkit-datetime-edit-millisecond-field,.nfd-root [type='text']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='email']::-webkit-datetime-edit,
+		.nfd-root [type='email']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='email']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='url']::-webkit-datetime-edit,
+		.nfd-root [type='url']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='url']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='password']::-webkit-datetime-edit,
+		.nfd-root [type='password']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='password']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='number']::-webkit-datetime-edit,
+		.nfd-root [type='number']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='number']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='date']::-webkit-datetime-edit,
+		.nfd-root [type='date']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='date']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='datetime-local']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='month']::-webkit-datetime-edit,
+		.nfd-root [type='month']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='month']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='search']::-webkit-datetime-edit,
+		.nfd-root [type='search']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='search']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit,
+		.nfd-root [type='tel']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='tel']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='time']::-webkit-datetime-edit,
+		.nfd-root [type='time']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='time']::-webkit-datetime-edit-meridiem-field,
+		.nfd-root [type='week']::-webkit-datetime-edit,
+		.nfd-root [type='week']::-webkit-datetime-edit-year-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-month-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-day-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-hour-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-minute-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-second-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-millisecond-field,
+		.nfd-root [type='week']::-webkit-datetime-edit-meridiem-field {
+		padding-top: 0;
+		padding-bottom: 0;
+}
+.nfd-root textarea {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		border-radius: 0px;
+		padding-top: 0.5rem;
+		padding-right: 0.75rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+		--tw-shadow: 0 0 #0000;
+}
+.nfd-root textarea:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+		border-color: #2563eb;
+}
+.nfd-root textarea::-moz-placeholder {
+		color: #6b7280;
+		opacity: 1;
+}
+.nfd-root textarea::placeholder {
+		color: #6b7280;
+		opacity: 1;
+}
+.nfd-root select {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		border-radius: 0px;
+		padding-top: 0.5rem;
+		padding-right: 0.75rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+		--tw-shadow: 0 0 #0000;
+}
+.nfd-root select:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+		border-color: #2563eb;
+}
+.nfd-root select {
+		background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
+		background-position: right 0.5rem center;
+		background-repeat: no-repeat;
+		background-size: 1.5em 1.5em;
+		padding-right: 2.5rem;
+		-webkit-print-color-adjust: exact;
+		        print-color-adjust: exact;
+}
+.nfd-root select:where([size]:not([size="1"])) {
+		background-image: initial;
+		background-position: initial;
+		background-repeat: unset;
+		background-size: initial;
+		padding-right: 0.75rem;
+		-webkit-print-color-adjust: unset;
+		        print-color-adjust: unset;
+}
+.nfd-root select[multiple] {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		border-radius: 0px;
+		padding-top: 0.5rem;
+		padding-right: 0.75rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+		--tw-shadow: 0 0 #0000;
+}
+.nfd-root select[multiple]:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 0px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+		border-color: #2563eb;
+}
+.nfd-root [type='checkbox'] {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		padding: 0;
+		-webkit-print-color-adjust: exact;
+		        print-color-adjust: exact;
+		display: inline-block;
+		vertical-align: middle;
+		background-origin: border-box;
+		-webkit-user-select: none;
+		   -moz-user-select: none;
+		        user-select: none;
+		flex-shrink: 0;
+		height: 1rem;
+		width: 1rem;
+		color: #2563eb;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		--tw-shadow: 0 0 #0000;
+		border-radius: 0px;
+}
+.nfd-root [type='checkbox']:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 2px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.nfd-root [type='checkbox']:checked {
+		border-color: transparent;
+		background-color: currentColor;
+		background-size: 100% 100%;
+		background-position: center;
+		background-repeat: no-repeat;
+		background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
+}
+@media (forced-colors: active)  {
+		.nfd-root [type='checkbox']:checked {
+				-webkit-appearance: auto;
+				   -moz-appearance: auto;
+				        appearance: auto;
+		}
+}
+.nfd-root [type='checkbox']:checked:hover,.nfd-root [type='checkbox']:checked:focus {
+		border-color: transparent;
+		background-color: currentColor;
+}
+.nfd-root [type='checkbox']:indeterminate {
+		background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
+		border-color: transparent;
+		background-color: currentColor;
+		background-size: 100% 100%;
+		background-position: center;
+		background-repeat: no-repeat;
+}
+@media (forced-colors: active)  {
+		.nfd-root [type='checkbox']:indeterminate {
+				-webkit-appearance: auto;
+				   -moz-appearance: auto;
+				        appearance: auto;
+		}
+}
+.nfd-root [type='checkbox']:indeterminate:hover,.nfd-root [type='checkbox']:indeterminate:focus {
+		border-color: transparent;
+		background-color: currentColor;
+}
+.nfd-root [type='radio'] {
+		-webkit-appearance: none;
+		   -moz-appearance: none;
+		        appearance: none;
+		padding: 0;
+		-webkit-print-color-adjust: exact;
+		        print-color-adjust: exact;
+		display: inline-block;
+		vertical-align: middle;
+		background-origin: border-box;
+		-webkit-user-select: none;
+		   -moz-user-select: none;
+		        user-select: none;
+		flex-shrink: 0;
+		height: 1rem;
+		width: 1rem;
+		color: #2563eb;
+		background-color: #fff;
+		border-color: #6b7280;
+		border-width: 1px;
+		--tw-shadow: 0 0 #0000;
+		border-radius: 100%;
+}
+.nfd-root [type='radio']:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+		--tw-ring-offset-width: 2px;
+		--tw-ring-offset-color: #fff;
+		--tw-ring-color: #2563eb;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.nfd-root [type='radio']:checked {
+		border-color: transparent;
+		background-color: currentColor;
+		background-size: 100% 100%;
+		background-position: center;
+		background-repeat: no-repeat;
+		background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
+}
+@media (forced-colors: active)  {
+		.nfd-root [type='radio']:checked {
+				-webkit-appearance: auto;
+				   -moz-appearance: auto;
+				        appearance: auto;
+		}
+}
+.nfd-root [type='radio']:checked:hover,.nfd-root [type='radio']:checked:focus {
+		border-color: transparent;
+		background-color: currentColor;
+}
+.nfd-root {
+		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+		font-size: .8125rem;
+		font-weight: 400;
+		line-height: 1.5;
+		--tw-text-opacity: 1;
+		color: rgb(71 85 105 / var(--tw-text-opacity, 1));
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+}
+.nfd-root a {
+		--tw-text-opacity: 1;
+		color: rgb(79 70 229 / var(--tw-text-opacity, 1));
+		text-decoration-line: underline;
+}
+.nfd-root a:visited {
+		color: rgb(242 113 33 );
+}
+.nfd-root a:hover {
+		--tw-text-opacity: 1;
+		color: rgb(99 102 241 / var(--tw-text-opacity, 1));
+}
+.nfd-root a:hover:visited {
+		color: rgb(243 123 49 );
+}
+.nfd-root a:focus {
+		border-radius: 0.125rem;
+		--tw-text-opacity: 1;
+		color: rgb(99 102 241 / var(--tw-text-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 1px;
+		--tw-ring-offset-color: transparent;
+}
+.nfd-root [type='text']::-moz-placeholder, .nfd-root [type='email']::-moz-placeholder, .nfd-root [type='url']::-moz-placeholder, .nfd-root [type='password']::-moz-placeholder, .nfd-root [type='number']::-moz-placeholder, .nfd-root [type='date']::-moz-placeholder, .nfd-root [type='datetime-local']::-moz-placeholder, .nfd-root [type='month']::-moz-placeholder, .nfd-root [type='search']::-moz-placeholder, .nfd-root [type='tel']::-moz-placeholder, .nfd-root [type='time']::-moz-placeholder, .nfd-root [type='week']::-moz-placeholder, .nfd-root textarea::-moz-placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root [type='text']::placeholder,
+		.nfd-root [type='email']::placeholder,
+		.nfd-root [type='url']::placeholder,
+		.nfd-root [type='password']::placeholder,
+		.nfd-root [type='number']::placeholder,
+		.nfd-root [type='date']::placeholder,
+		.nfd-root [type='datetime-local']::placeholder,
+		.nfd-root [type='month']::placeholder,
+		.nfd-root [type='search']::placeholder,
+		.nfd-root [type='tel']::placeholder,
+		.nfd-root [type='time']::placeholder,
+		.nfd-root [type='week']::placeholder,
+		.nfd-root textarea::placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root svg path {
+            stroke-width: inherit;
+        }
+.nfd-root {
+		color: var(--nfd-color-body);
+}
+.nfd-root a {
+		color: var(--nfd-color-primary);
+		text-decoration-line: none;
+}
+.nfd-root a:visited {
+		color: var(--nfd-color-primary);
+}
+.nfd-root a:hover {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root a:hover:visited {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root a:focus {
+		border-radius: 0.125rem;
+		color: var(--nfd-color-primary-dark);
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-color: var(--nfd-color-primary-dark);
+		--tw-ring-offset-width: 1px;
+		--tw-ring-offset-color: transparent;
+}
+.nfd-container {
+		width: 100%;
+}
+@media (min-width: 640px) {
+		.nfd-container {
+				max-width: 640px;
+		}
+}
+@media (min-width: 768px) {
+		.nfd-container {
+				max-width: 768px;
+		}
+}
+@media (min-width: 1024px) {
+		.nfd-container {
+				max-width: 1024px;
+		}
+}
+@media (min-width: 1280px) {
+		.nfd-container {
+				max-width: 1280px;
+		}
+}
+@media (min-width: 1536px) {
+		.nfd-container {
+				max-width: 1536px;
+		}
+}
+.nfd-root .nfd-alert {
+		display: flex;
+		gap: 0.75rem;
+		border-radius: 0.375rem;
+		padding: 1rem;
+}
+/* Variants */
+.nfd-root .nfd-alert--info {
+		--tw-bg-opacity: 1;
+		background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-alert--info .nfd-alert__message {
+		--tw-text-opacity: 1;
+		color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-alert--warning {
+		--tw-bg-opacity: 1;
+		background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-alert--warning .nfd-alert__message {
+		--tw-text-opacity: 1;
+		color: rgb(146 64 14 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-alert--success {
+		--tw-bg-opacity: 1;
+		background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-alert--success .nfd-alert__message {
+		--tw-text-opacity: 1;
+		color: rgb(22 101 52 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-alert--error {
+		--tw-bg-opacity: 1;
+		background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-alert--error .nfd-alert__message {
+		--tw-text-opacity: 1;
+		color: rgb(153 27 27 / var(--tw-text-opacity, 1));
+}
+/* Elements */
+.nfd-root .nfd-alert__icon {
+		height: 1.25rem;
+		width: 1.25rem;
+		flex-shrink: 0;
+		flex-grow: 0;
+}
+.nfd-root .nfd-autocomplete {
+		position: relative;
+}
+.nfd-root .nfd-autocomplete--error .nfd-autocomplete__button {
+		--tw-border-opacity: 1;
+		border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+}
+.nfd-root .nfd-autocomplete--error .nfd-autocomplete__button:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-autocomplete--error .nfd-autocomplete__input::-moz-placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root .nfd-autocomplete--error .nfd-autocomplete__input::placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root .nfd-autocomplete--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-autocomplete--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-autocomplete__button {
+		display: flex;
+		height: 100%;
+		width: 100%;
+		align-items: center;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-autocomplete__button:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-autocomplete__button-icon {
+		pointer-events: none;
+		position: absolute;
+		top: 0.6875rem;
+		right: 0.625rem;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-autocomplete__input {
+		width: 100%;
+		border-width: 0px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0px;
+		padding-right: 2.5rem;
+		font-size: .8125rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-autocomplete__input:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-autocomplete__options {
+		position: absolute;
+		z-index: 20;
+		margin-top: 0.25rem;
+		max-height: 15rem;
+		width: 100%;
+		overflow: auto;
+		border-radius: 0.375rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		font-size: .8125rem;
+		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
+		--tw-ring-opacity: 0.05;
+}
+.nfd-root .nfd-autocomplete__options:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+}
+.nfd-root .nfd-autocomplete__option {
+		position: relative;
+		display: flex;
+		cursor: default;
+		-webkit-user-select: none;
+		   -moz-user-select: none;
+		        user-select: none;
+		align-items: center;
+		justify-content: space-between;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(51 65 85 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-autocomplete__option--active {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-autocomplete__option--selected {
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-select__option-label {
+		display: block;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+}
+.nfd-root .nfd-autocomplete__option-check {
+		height: 1.25rem;
+		width: 1.25rem;
+		flex-shrink: 0;
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-badge {
+		display: inline-flex;
+		align-items: center;
+		white-space: nowrap;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+		padding-left: 0.5rem;
+		padding-right: 0.5rem;
+		padding-top: 0.125rem;
+		padding-bottom: 0.125rem;
+		vertical-align: middle;
+		font-size: .75rem;
+		font-weight: 500;
+		line-height: 1.25;
+		--tw-text-opacity: 1;
+		color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
+/* Variants */
+.nfd-root .nfd-badge--info {
+		--tw-bg-opacity: 1;
+		background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(30 58 138 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-badge--upsell {
+		--tw-bg-opacity: 1;
+		background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(120 53 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-badge--plain {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1));
+}
+/* Sizes */
+.nfd-root .nfd-badge--small {
+		font-size: 0.675rem;
+}
+.nfd-root .nfd-badge--large {
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		font-size: 1rem;
+}
+.nfd-root .nfd-button {
+		display: inline-flex;
+		cursor: pointer;
+		align-items: center;
+		justify-content: center;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		text-align: center;
+		font-size: .8125rem;
+		font-weight: 500;
+		line-height: 1rem;
+		text-decoration-line: none;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-button:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+/* Special styling for buttons rendered `as` "a" (to override anchor defaults). */
+.nfd-root a.nfd-button:focus {
+		border-radius: 0.375rem;
+		--tw-ring-offset-color: #fff;
+}
+/* Variants */
+.nfd-root .nfd-button--primary {
+		border-color: transparent;
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--primary:visited {
+		color: rgb(255 255 255 );
+}
+.nfd-root .nfd-button--primary:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 90 33 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--primary:hover:visited {
+		color: rgb(255 255 255 );
+}
+.nfd-root .nfd-button--primary:focus {
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 90 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-button--secondary {
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--secondary:visited {
+		color: rgb(30 41 59 );
+}
+.nfd-root .nfd-button--secondary:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--secondary:hover:visited {
+		color: rgb(30 41 59 );
+}
+.nfd-root .nfd-button--secondary:focus {
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 90 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-button--error {
+		border-color: transparent;
+		--tw-bg-opacity: 1;
+		background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--error:visited {
+		color: rgb(255 255 255 );
+}
+.nfd-root .nfd-button--error:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--error:hover:visited {
+		color: rgb(255 255 255 );
+}
+.nfd-root .nfd-button--error:focus {
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-button--upsell {
+		border-color: transparent;
+		--tw-bg-opacity: 1;
+		background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(120 53 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--upsell:visited {
+		color: rgb(120 53 15 );
+}
+.nfd-root .nfd-button--upsell:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(120 53 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--upsell:hover:visited {
+		color: rgb(120 53 15 );
+}
+.nfd-root .nfd-button--upsell:focus {
+		--tw-text-opacity: 1;
+		color: rgb(120 53 15 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
+}
+/* Sizes */
+.nfd-root .nfd-button--large {
+		padding-top: 0.75rem;
+		padding-bottom: 0.75rem;
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+		font-size: 1rem;
+		line-height: 1.25rem;
+}
+.nfd-root .nfd-button--small {
+		padding-top: 0.375rem;
+		padding-bottom: 0.375rem;
+		padding-left: 0.625rem;
+		padding-right: 0.625rem;
+		font-size: .75rem;
+}
+/* States */
+.nfd-root .nfd-button--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-button--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-checkbox {
+		display: flex;
+		align-items: center;
+}
+.nfd-root .nfd-checkbox--disabled .nfd-checkbox__input,
+			.nfd-root .nfd-checkbox--disabled .nfd-checkbox__label {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-checkbox__input {
+		height: 1rem;
+		width: 1rem;
+		cursor: default;
+		border-radius: 0.25rem;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-checkbox__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-checkbox__input:checked::before {
+		display: none;
+		--tw-content: none;
+		content: var(--tw-content);
+}
+.nfd-root .nfd-checkbox__label {
+		margin-left: 0.75rem;
+}
+.nfd-root .nfd-code {
+		margin: 0px;
+		display: inline-block;
+		border-radius: 0.25rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		padding: 0.25rem;
+		font-size: .75rem;
+		line-height: 1.25;
+		--tw-text-opacity: 1;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-code--block {
+		margin-top: 0.5rem;
+		margin-bottom: 0.5rem;
+		display: block;
+		max-width: 100%;
+		overflow-x: auto;
+		white-space: nowrap;
+		padding-left: 0.5rem;
+		padding-right: 0.5rem;
+		padding-top: 0.25rem;
+		padding-bottom: 0.25rem;
+}
+.nfd-root .nfd-drop-zone {
+		width: 100%;
+		border-radius: 0.375rem;
+		border-width: 2px;
+		border-style: dashed;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+		padding-top: 1.25rem;
+		padding-bottom: 1.5rem;
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 300ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-drop-zone.nfd-drop-zone-is-dragging-over {
+		--tw-border-opacity: 1;
+		border-color: rgb(247 164 112 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(254 245 239 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-drop-zone.nfd-drop-zone-is-dragging-over .nfd-drop-zone__content {
+		pointer-events: none;
+}
+.nfd-root .nfd-drop-zone.nfd-drop-zone-is-disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-file-input {
+		width: 100%;
+		border-radius: 0.375rem;
+		border-width: 2px;
+		border-style: dashed;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+		padding-top: 1.25rem;
+		padding-bottom: 1.5rem;
+		text-align: center;
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 300ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-file-input.nfd-is-drag-over {
+		--tw-border-opacity: 1;
+		border-color: rgb(247 164 112 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(254 245 239 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-file-input.nfd-is-drag-over .nfd-file-input__content {
+		pointer-events: none;
+}
+.nfd-root .nfd-file-input.nfd-is-drag-over .nfd-file-input__icon {
+		--tw-translate-y: -0.5rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+		--tw-text-opacity: 1;
+		color: rgb(243 123 49 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-input.nfd-is-disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-file-input.nfd-is-disabled .nfd-file-input__select-label {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-file-input__content {
+		display: inline-flex;
+		max-width: 20rem;
+		flex-direction: column;
+		align-items: center;
+}
+.nfd-root .nfd-file-input__content > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+.nfd-root .nfd-file-input__content {
+		text-align: center;
+}
+.nfd-root .nfd-file-input__icon {
+		margin-left: auto;
+		margin-right: auto;
+		height: 3rem;
+		width: 3rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+		stroke-width: 1;
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 300ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-file-input__icon > path {
+				stroke-width: 1;
+			}
+.nfd-root .nfd-file-input__input {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border-width: 0;
+}
+.nfd-root .nfd-file-input__input:focus + .nfd-file-input__select-label {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-file-input__labels {
+		display: flex;
+		font-weight: 400;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-input__select-label {
+		border-radius: 0.375rem;
+		font-weight: 500;
+}
+[dir=rtl] .nfd-root .nfd-file-input__labels {
+		flex-direction: row-reverse;
+}
+.nfd-root .nfd-image-input {
+		display: flex;
+		min-width: -moz-max-content;
+		min-width: max-content;
+		align-items: center;
+		gap: 1rem;
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview {
+		position: relative;
+		display: flex;
+		height: 3rem;
+		width: 3rem;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview:focus-within {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview-img {
+		z-index: 10;
+		height: 100%;
+		width: 100%;
+		-o-object-fit: cover;
+		   object-fit: cover;
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview-reset {
+		position: absolute;
+		inset: 0px;
+		z-index: 20;
+		cursor: pointer;
+		background-color: rgb(15 23 42 / 0.6);
+		padding: 0.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		opacity: 0;
+		transition-property: opacity;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-delay: 100ms;
+		transition-duration: 100ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-image-input .nfd-image-input__preview-reset:focus {
+		opacity: 1;
+}
+.nfd-root .nfd-image-input .nfd-image-input__icon {
+		height: 3rem;
+		width: 3rem;
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-image-input.nfd-has-preview .nfd-image-input__preview {
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
+}
+.nfd-root .nfd-image-input.nfd-is-disabled .nfd-image-input__preview {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-image-input.nfd-is-disabled .nfd-image-input__preview-reset {
+		display: none;
+		cursor: not-allowed;
+}
+.nfd-root .nfd-image-input.nfd-is-disabled .nfd-image-input__icon {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-label {
+		font-size: .8125rem;
+		font-weight: 500;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-label__required {
+		margin-left: 0.125rem;
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link {
+		cursor: pointer;
+		--tw-text-opacity: 1;
+		color: rgb(79 70 229 / var(--tw-text-opacity, 1));
+		text-decoration-line: underline;
+}
+.nfd-root .nfd-link:visited {
+		color: rgb(242 113 33 );
+}
+.nfd-root .nfd-link:hover {
+		--tw-text-opacity: 1;
+		color: rgb(99 102 241 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link:hover:visited {
+		color: rgb(243 123 49 );
+}
+.nfd-root .nfd-link:focus {
+		border-radius: 0.125rem;
+		--tw-text-opacity: 1;
+		color: rgb(99 102 241 / var(--tw-text-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 1px;
+		--tw-ring-offset-color: transparent;
+}
+/* Variants */
+.nfd-root .nfd-link--default {
+		}
+.nfd-root .nfd-link--primary {
+		--tw-text-opacity: 1;
+		color: rgb(241 101 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--primary:hover {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--primary:focus {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(241 101 15 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-link--error {
+		--tw-text-opacity: 1;
+		color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--error:hover {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--error:focus {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-paper {
+		display: flex;
+		flex-direction: column;
+		border-radius: 0.5rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-paper__header {
+		border-bottom-width: 1px;
+		padding: 2rem;
+}
+.nfd-root .nfd-paper__content {
+		flex-grow: 1;
+		padding: 2rem;
+}
+.nfd-root .nfd-progress-bar {
+		display: block;
+		width: 100%;
+		overflow: hidden;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-progress-bar__progress {
+		display: block;
+		height: 0.375rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 200ms;
+		transition-timing-function: linear;
+}
+.nfd-root .nfd-radio {
+		display: flex;
+		align-items: center;
+}
+/* Variants */
+.nfd-root .nfd-radio--disabled .nfd-radio__input,
+			.nfd-root .nfd-radio--disabled .nfd-radio__label,
+			.nfd-root .nfd-radio--disabled .nfd-radio__check {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-radio--disabled .nfd-radio__input:focus,
+			.nfd-root .nfd-radio--disabled .nfd-radio__label:focus,
+			.nfd-root .nfd-radio--disabled .nfd-radio__check:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-radio--inline-block {
+		display: inline-flex;
+}
+/* Elements of the inline-block variant */
+.nfd-root .nfd-radio--inline-block .nfd-radio__input {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border-width: 0;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__input:checked + .nfd-radio__content .nfd-radio__label {
+		border-color: transparent;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__input:checked + .nfd-radio__content .nfd-radio__check {
+		visibility: visible;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__input:focus + .nfd-radio__content .nfd-radio__label {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__input:checked:focus + .nfd-radio__content .nfd-radio__label {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-offset-width: 1px;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__content {
+		position: relative;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__label {
+		margin-left: 0px;
+		display: flex;
+		height: 3.5rem;
+		width: 3.5rem;
+		cursor: pointer;
+		align-items: center;
+		justify-content: center;
+		border-radius: 0.5rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		font-size: 1rem;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__label:hover {
+		--tw-border-opacity: 1;
+		border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__label:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-radio--inline-block .nfd-radio__check {
+		visibility: hidden;
+		position: absolute;
+		top: 0.125rem;
+		right: 0.125rem;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(241 101 15 / var(--tw-text-opacity, 1));
+}
+/* State */
+.nfd-root .nfd-radio__input {
+		height: 1rem;
+		width: 1rem;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-radio__input:focus {
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-radio__label {
+		margin-left: 0.75rem;
+}
+.nfd-root .nfd-select {
+		position: relative;
+}
+.nfd-root .nfd-select--disabled .nfd-select__label,
+			.nfd-root .nfd-select--disabled .nfd-select__button {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-select__button {
+		position: relative;
+		display: flex;
+		width: 100%;
+		cursor: default;
+		align-items: center;
+		justify-content: space-between;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		text-align: left;
+		line-height: 1.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-select__button:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-select__button-icon {
+		pointer-events: none;
+		position: absolute;
+		top: 0.625rem;
+		right: 0.625rem;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-select__options {
+		position: absolute;
+		z-index: 10;
+		margin-top: 0.25rem;
+		max-height: 15rem;
+		width: 100%;
+		overflow: auto;
+		border-radius: 0.375rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		font-size: .8125rem;
+		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
+		--tw-ring-opacity: 0.05;
+}
+.nfd-root .nfd-select__options:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+}
+.nfd-root .nfd-select__option {
+		position: relative;
+		display: flex;
+		cursor: default;
+		-webkit-user-select: none;
+		   -moz-user-select: none;
+		        user-select: none;
+		align-items: center;
+		justify-content: space-between;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(51 65 85 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-select__option--active {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-select__option--selected {
+		--tw-bg-opacity: 1;
+		background-color: rgb(241 101 15 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-select__option-label,
+		.nfd-root .nfd-select__button-label {
+		display: block;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+}
+.nfd-root .nfd-select__option-check {
+		height: 1.25rem;
+		width: 1.25rem;
+		flex-shrink: 0;
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input {
+		display: flex;
+		flex-wrap: wrap;
+		align-items: center;
+		gap: 0.375rem;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		font-size: .8125rem;
+		line-height: 1.5rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input::-moz-placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root .nfd-tag-input::placeholder {
+		--tw-placeholder-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
+}
+.nfd-root .nfd-tag-input {
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-tag-input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-tag-input--disabled:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag:hover {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag:focus-visible {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__remove-tag {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__remove-tag:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__remove-tag:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-tag-input--disabled .nfd-tag-input__input {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-tag-input__tag {
+			min-height: 20px;
+			padding-inline-end: 0.125rem;
+			cursor: pointer;
+			gap: 0.125rem;
+		}
+.nfd-root .nfd-tag-input__tag:hover {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input__tag:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input__tag:focus-visible {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input__remove-tag {
+		display: inline-flex;
+		height: 1rem;
+		width: 1rem;
+		flex-shrink: 0;
+		align-items: center;
+		justify-content: center;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input__remove-tag:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-tag-input__remove-tag:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-tag-input__input {
+		margin: 0px;
+		display: inline-flex;
+		flex: 1 1 0%;
+		border-style: none;
+		padding: 0px;
+		font-size: .8125rem;
+}
+.nfd-root .nfd-tag-input__input:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-text-input {
+		width: 100%;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		font-size: .8125rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-text-input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-text-input--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-text-input--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-text-input--read-only {
+		cursor: default;
+		--tw-border-opacity: 1;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-textarea {
+		width: 100%;
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		padding-right: 0.75rem;
+		font-size: .8125rem;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-textarea:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(242 113 33 / var(--tw-border-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-textarea--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-textarea--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.nfd-root .nfd-title {
+		font-weight: 500;
+		line-height: 1.25;
+		--tw-text-opacity: 1;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-title--1 {
+		font-size: 1.5rem;
+}
+.nfd-root .nfd-title--2 {
+		font-size: 1.125rem;
+}
+.nfd-root .nfd-title--3 {
+		font-size: .875rem;
+}
+.nfd-root .nfd-title--4 {
+		font-size: 1rem;
+}
+.nfd-root .nfd-title--5 {
+		font-size: .8125rem;
+}
+.nfd-root .nfd-toggle {
+		position: relative;
+		display: inline-flex;
+		height: 1.5rem;
+		width: 2.75rem;
+		flex-shrink: 0;
+		cursor: pointer;
+		border-radius: 9999px;
+		border-width: 2px;
+		border-color: transparent;
+		--tw-bg-opacity: 1;
+		background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+		transition-duration: 200ms;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.nfd-root .nfd-toggle:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+/* States */
+.nfd-root .nfd-toggle--checked {
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-toggle--checked .nfd-toggle__handle {
+		--tw-translate-x: 1.25rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.nfd-root .nfd-toggle--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-toggle--disabled:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+/* Elements */
+.nfd-root .nfd-toggle__handle {
+		pointer-events: none;
+		position: relative;
+		display: flex;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-translate-x: 0px;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+		align-items: center;
+		justify-content: center;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+		transition-duration: 200ms;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.nfd-root .nfd-toggle__icon {
+		height: 0.625rem;
+		width: 0.625rem;
+		flex-shrink: 0;
+		flex-grow: 0;
+		stroke: currentColor;
+		stroke-width: 2;
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		transition-property: opacity;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 100ms;
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.nfd-root .nfd-toggle__icon--check {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-toggle__icon--x {
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+/* RTL styles */
+[dir=rtl] .nfd-root .nfd-toggle--checked .nfd-toggle__handle {
+		--tw-translate-x: -1.25rem;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+/* Validation icon */
+.nfd-root .nfd-validation-icon {
+		pointer-events: none;
+}
+.nfd-root .nfd-validation-icon--success {
+		--tw-text-opacity: 1;
+		color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-icon--info {
+		--tw-text-opacity: 1;
+		color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-icon--warning {
+		--tw-text-opacity: 1;
+		color: rgb(245 158 11 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-icon--error {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+/* Validation input */
+.nfd-root .nfd-validation-input {
+		position: relative;
+}
+.nfd-root .nfd-validation-input--success .nfd-validation-input__input {
+		--tw-border-opacity: 1;
+		border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
+		padding-right: 2.5rem;
+}
+.nfd-root .nfd-validation-input--success .nfd-validation-input__input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--success .nfd-validation-input__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--info .nfd-validation-input__input {
+		--tw-border-opacity: 1;
+		border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
+		padding-right: 2.5rem;
+}
+.nfd-root .nfd-validation-input--info .nfd-validation-input__input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--info .nfd-validation-input__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--warning .nfd-validation-input__input {
+		--tw-border-opacity: 1;
+		border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
+		padding-right: 2.5rem;
+}
+.nfd-root .nfd-validation-input--warning .nfd-validation-input__input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--warning .nfd-validation-input__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--error .nfd-validation-input__input {
+		--tw-border-opacity: 1;
+		border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+		padding-right: 2.5rem;
+}
+.nfd-root .nfd-validation-input--error .nfd-validation-input__input:focus-within {
+		--tw-border-opacity: 1;
+		border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input--error .nfd-validation-input__input:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-validation-input__input {
+		}
+.nfd-root .nfd-validation-input__icon {
+		position: absolute;
+		top: 0.6875rem;
+		right: 0.625rem;
+		height: 1.25rem;
+		width: 1.25rem;
+}
+/* Validation message */
+.nfd-root .nfd-validation-message a {
+		font-weight: 500;
+		color: inherit;
+}
+.nfd-root .nfd-validation-message a:visited:hover {
+		color: inherit;
+}
+.nfd-root .nfd-validation-message a:focus {
+		--tw-ring-color: currentColor;
+}
+.nfd-root .nfd-validation-message--success {
+		--tw-text-opacity: 1;
+		color: rgb(22 163 74 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-message--info {
+		--tw-text-opacity: 1;
+		color: rgb(37 99 235 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-message--warning {
+		--tw-text-opacity: 1;
+		color: rgb(217 119 6 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-validation-message--error {
+		--tw-text-opacity: 1;
+		color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-autocomplete-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-autocomplete-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-card {
+		position: relative;
+		display: flex;
+		flex-direction: column;
+}
+.nfd-root .nfd-card > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+}
+.nfd-root .nfd-card {
+		overflow: hidden;
+		border-radius: 0.5rem;
+		border-width: 1px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1.5rem;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		transition-property: transform;
+		transition-duration: 150ms;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.nfd-root .nfd-card__header {
+		position: relative;
+		margin-left: -1.5rem;
+		margin-right: -1.5rem;
+		margin-top: -1.5rem;
+		display: flex;
+		height: 6rem;
+		align-items: center;
+		justify-content: center;
+		--tw-bg-opacity: 1;
+		background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+		padding: 1.5rem;
+}
+.nfd-root .nfd-card__content {
+		flex-grow: 1;
+}
+.nfd-root .nfd-card__footer {
+		border-top-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+		padding-top: 1.5rem;
+}
+.nfd-root .nfd-checkbox-group {}
+.nfd-root .nfd-checkbox-group--disabled .nfd-checkbox-group__label,
+			.nfd-root .nfd-checkbox-group--disabled .nfd-checkbox-group__description {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-checkbox-group__label {
+		margin-bottom: 0.5rem;
+}
+.nfd-root .nfd-checkbox-group__options {
+		display: flex;
+		flex-direction: column;
+		gap: 0.75rem;
+}
+.nfd-root .nfd-checkbox-group__description {
+		margin-top: -0.5rem;
+		margin-bottom: 1rem;
+}
+.nfd-root .nfd-container {
+		width: 100%;
+		border-radius: 0.5rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-container__header {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		border-bottom-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
+		padding: 2rem;
+}
+.nfd-root .nfd-container__block {
+		padding: 2rem;
+		padding-bottom: 0px;
+}
+.nfd-root .nfd-container__settings-field {
+		display: grid;
+}
+@media (min-width: 1280px) {
+		.nfd-root .nfd-container__settings-field {
+				grid-template-columns: repeat(3, minmax(0, 1fr));
+				gap: 3rem;
+		}
+}
+.nfd-root .nfd-container__footer {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		border-top-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
+		padding: 2rem;
+}
+.nfd-root .nfd-drawer {
+		position: relative;
+		inset: 0px;
+		z-index: 10;
+		overflow: hidden;
+}
+.nfd-root .nfd-drawer.nfd-drawer--offset .nfd-drawer__content {
+		margin: 1.25rem;
+		border-radius: 0.5rem;
+}
+.nfd-root .nfd-drawer.nfd-drawer--offset .nfd-drawer__panel {
+		border-radius: 0.5rem;
+}
+.nfd-root .nfd-drawer.nfd-drawer--right .nfd-drawer__content {
+		right: 0px;
+}
+.nfd-root .nfd-drawer.nfd-drawer--left .nfd-drawer__content {
+		left: 0px;
+}
+.nfd-root .nfd-drawer__overlay {
+		position: fixed;
+		inset: 0px;
+		background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
+		--tw-bg-opacity: 0.75;
+		transition-property: opacity;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 150ms;
+}
+.nfd-root .nfd-drawer__container {
+		position: fixed;
+		inset: 0px;
+		overflow: hidden;
+}
+.nfd-root .nfd-drawer__content {
+		pointer-events: none;
+		position: fixed;
+		top: 0px;
+		bottom: 0px;
+}
+.nfd-root .nfd-drawer__header {
+		display: flex;
+		width: 100%;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+}
+.nfd-root .nfd-drawer__close {
+		align-self: flex-end;
+}
+.nfd-root .nfd-drawer__close-button {
+		position: relative;
+		z-index: 10;
+		border-radius: 0.375rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-drawer__close-button:hover {
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-drawer__close-button:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-drawer__panel {
+		pointer-events: auto;
+		display: flex;
+		height: 100%;
+		max-width: 100%;
+		flex-direction: column;
+		gap: 0.75rem;
+		overflow-y: auto;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1.5rem;
+		--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-feature-upsell {
+		position: relative;
+}
+.nfd-root .nfd-feature-upsell--default {
+		--tw-grayscale: grayscale(100%);
+		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.nfd-root .nfd-feature-upsell--card {
+		padding: 1.5rem;
+}
+.nfd-root .nfd-features-select {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 1rem;
+}
+.nfd-root .nfd-features-select__feature {
+		display: flex;
+		flex-direction: column;
+		gap: 0.625rem;
+}
+.nfd-root .nfd-features-select__feature .nfd-label:not(.nfd-features-select__feature-label) {
+		cursor: pointer;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border-width: 0;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input:checked + .nfd-label .nfd-features-select__feature-content {
+		border-color: transparent;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input:checked + .nfd-label .nfd-features-select__feature-content .nfd-features-select__feature-check {
+		visibility: visible;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input:focus + .nfd-label .nfd-features-select__feature-content {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-input:checked:focus + .nfd-label .nfd-features-select__feature-content {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-offset-width: 1px;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-content {
+		position: relative;
+		border-radius: 0.5rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding-left: 1.25rem;
+		padding-right: 1.25rem;
+		padding-top: 1.25rem;
+		padding-bottom: 18px;
+		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		transition-property: all;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 150ms;
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-content:hover {
+		--tw-border-opacity: 1;
+		border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-features-select__feature .nfd-features-select__feature-check {
+		visibility: hidden;
+		position: absolute;
+		top: 0.125rem;
+		right: 0.125rem;
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(241 101 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-features-select__feature.nfd-is-disabled .nfd-label {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-file-import > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+.nfd-root .nfd-file-import__feedback {
+		border-radius: 0.375rem;
+		border-width: 1px;
+		--tw-border-opacity: 1;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1rem;
+		--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-file-import__feedback-header {
+		display: flex;
+		align-items: flex-start;
+}
+.nfd-root .nfd-file-import__feedback-header > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-x-reverse: 0;
+		margin-right: calc(1rem * var(--tw-space-x-reverse));
+		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.nfd-root .nfd-file-import__feedback-figure {
+		display: flex;
+		height: 2rem;
+		width: 2rem;
+		align-items: center;
+		justify-content: center;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(251 215 192 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-file-import__feedback-figure > svg {
+		height: 1.25rem;
+		width: 1.25rem;
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-import__feedback-title {
+		margin-bottom: 0.125rem;
+		display: block;
+		overflow-wrap: break-word;
+		font-weight: 500;
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-import__feedback-description {
+		display: block;
+		font-size: .75rem;
+		font-weight: 500;
+}
+.nfd-root .nfd-file-import__abort-button {
+		display: inline-flex;
+		height: 1.25rem;
+		width: 1.25rem;
+		flex-shrink: 0;
+		align-items: center;
+		justify-content: center;
+		border-radius: 9999px;
+		--tw-bg-opacity: 1;
+		background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-import__abort-button:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(71 85 105 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-file-import__abort-button:focus {
+		--tw-bg-opacity: 1;
+		background-color: rgb(242 113 33 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+}
+.nfd-root .nfd-file-import__abort-button > svg {
+		height: 0.75rem;
+		width: 0.75rem;
+}
+.nfd-root .nfd-file-import__abort-button > svg > path {
+					stroke-width: 3;
+				}
+.nfd-root .nfd-image-import .nfd-image-import__drop-zone-content {
+		display: flex;
+		flex-direction: column-reverse;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+}
+@container nfd-image-import (min-width: 32rem) {
+		.nfd-root .nfd-image-import .nfd-image-import__drop-zone-content {
+				flex-direction: row;
+		}
+}
+.nfd-root .nfd-image-import .nfd-image-import__drop-label {
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-image-import .nfd-image-import__drop-label:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-image-import.nfd-is-disabled .nfd-image-input .nfd-image-input__icon,
+				.nfd-root .nfd-image-import.nfd-is-disabled .nfd-image-input .nfd-image-input__preview-img,
+				.nfd-root .nfd-image-import.nfd-is-disabled .nfd-image-input .nfd-button--disabled {
+					/* Reset opacity to prevent opacity stacking from DropZone */
+					opacity: 1;
+				}
+.nfd-root .nfd-image-import.nfd-is-disabled .nfd-image-import__drop-label {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-image-import .nfd-image-import__content {
+		margin-top: 1rem;
+}
+.nfd-root .nfd-modal {
+		position: fixed;
+		inset: 0px;
+		z-index: 10;
+		padding: 1rem;
+}
+@media (min-width: 640px) {
+		.nfd-root .nfd-modal {
+				padding: 2rem;
+		}
+}
+@media (min-width: 768px) {
+		.nfd-root .nfd-modal {
+				padding: 5rem;
+		}
+}
+.nfd-root .nfd-modal__layout {
+		display: flex;
+		min-height: 100%;
+}
+.nfd-root .nfd-modal--center .nfd-modal__layout {
+		align-items: center;
+		justify-content: center;
+}
+.nfd-root .nfd-modal--top-center .nfd-modal__layout {
+		align-items: flex-start;
+		justify-content: center;
+}
+.nfd-root .nfd-modal__overlay {
+		position: absolute;
+		inset: 0px;
+		background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
+		--tw-bg-opacity: 0.75;
+		transition-property: opacity;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+		transition-duration: 150ms;
+}
+.nfd-root .nfd-modal__panel {
+		position: relative;
+		width: 100%;
+		max-width: 36rem;
+		overflow: hidden;
+		border-radius: 0.5rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1.5rem;
+		--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-modal__close {
+		position: absolute;
+		top: 1rem;
+		right: 1rem;
+		display: block;
+}
+.nfd-root .nfd-modal__close-button {
+		position: relative;
+		z-index: 10;
+		border-radius: 0.375rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-modal__close-button:hover {
+		--tw-text-opacity: 1;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-modal__close-button:focus {
+		outline: 2px solid transparent;
+		outline-offset: 2px;
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1));
+		--tw-ring-offset-width: 2px;
+}
+.nfd-root .nfd-notifications {
+            max-width: calc(100% - 4rem); /* 100% - top and left of 2rem = 4rem. */
+            max-height: calc(100% - 4rem); /* 100% - ( top of 2rem * 2 )  = 4rem. */ pointer-events: none; position: fixed; z-index: 20; display: flex; width: 100%; flex-direction: column;
+        }
+.nfd-root .nfd-notifications > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+.nfd-root .nfd-notifications--bottom-center {
+		bottom: 2rem;
+		align-items: center;
+}
+.nfd-root .nfd-notifications--bottom-left {
+		bottom: 2rem;
+		left: 2rem;
+}
+.nfd-root .nfd-notifications--top-center {
+		top: 2rem;
+		align-items: center;
+}
+.nfd-root .nfd-notification {
+		pointer-events: auto;
+		z-index: 20;
+		width: 20rem;
+		max-width: 100%;
+		overflow-y: auto;
+		border-radius: 0.5rem;
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		padding: 1rem;
+		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+		--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
+		--tw-ring-opacity: 0.05;
+}
+.nfd-root .nfd-notification--large {
+		width: 24rem;
+}
+.nfd-root .nfd-notification__icon {
+		height: 1.25rem;
+		width: 1.25rem;
+}
+.nfd-root .nfd-page {
+		display: flex;
+		flex-direction: column;
+		gap: 2rem;
+}
+.nfd-root .nfd-radio-group--inline-block .nfd-radio-group__options {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		gap: 0.5rem;
+}
+.nfd-root .nfd-radio-group--disabled .nfd-radio-group__label,
+			.nfd-root .nfd-radio-group--disabled .nfd-radio-group__description {
+		opacity: 0.5;
+}
+.nfd-root .nfd-radio-group--disabled .nfd-radio-group__label {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-radio-group__label {
+		margin-bottom: 0.5rem;
+}
+.nfd-root .nfd-radio-group__options {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+}
+.nfd-root .nfd-radio-group__description {
+		margin-top: -0.5rem;
+		margin-bottom: 1rem;
+}
+.nfd-root .nfd-select-field {}
+.nfd-root .nfd-select-field--disabled .nfd-select-field__label,
+			.nfd-root .nfd-select-field--disabled .nfd-select-field__description {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-select-field__options {
+		display: flex;
+		flex-direction: column;
+		gap: 0.75rem;
+}
+.nfd-root .nfd-select-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-select-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-mobile-navigation__top {
+		position: sticky;
+		top: 0px;
+		z-index: 50;
+		width: 100%;
+}
+.nfd-root .nfd-mobile-navigation__dialog {
+		position: fixed;
+		inset: 0px;
+		z-index: 50;
+		display: flex;
+}
+.nfd-root .nfd-tag-field--disabled .nfd-tag-field__label,
+			.nfd-root .nfd-tag-field--disabled .nfd-tag-field__description {
+		cursor: not-allowed;
+		opacity: 0.5;
+}
+.nfd-root .nfd-tag-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-tag-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-text-field--disabled .nfd-text-field__label,
+			.nfd-root .nfd-text-field--disabled .nfd-text-field__description {
+		opacity: 0.5;
+}
+.nfd-root .nfd-text-field--disabled .nfd-text-field__label {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-text-field--read-only .nfd-text-field__label {
+		cursor: default;
+}
+.nfd-root .nfd-text-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-text-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-textarea-field__label {}
+.nfd-root .nfd-textarea-field__description {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-textarea-field__validation {
+		margin-top: 0.5rem;
+}
+.nfd-root .nfd-toggle-field {
+		display: flex;
+		flex-direction: column;
+		gap: 0.25rem;
+}
+.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__label-wrapper,
+			.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__description {
+		opacity: 0.5;
+}
+.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__label,
+			.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__label-wrapper,
+			.nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__description {
+		cursor: not-allowed;
+}
+.nfd-root .nfd-toggle-field__header {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1.5rem;
+}
+.nfd-root .nfd-toggle-field__label-wrapper {
+		display: flex;
+		align-items: center;
+		gap: 0.25rem;
+}
+.nfd-root .nfd-toggle-field__description {
+		margin-right: 4.25rem;
+}
+.nfd-root .nfd-title {
+		color: var(--nfd-color-title);
+}
+.nfd-root .nfd-link {
+		color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-link:visited {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root .nfd-link:hover {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root .nfd-link:hover:visited {
+		color: var(--nfd-color-primary-dark);
+}
+.nfd-root .nfd-link--primary {
+		--tw-text-opacity: 1;
+		color: rgb(241 101 15 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--primary:hover {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--primary:focus {
+		--tw-text-opacity: 1;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(241 101 15 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-link--error {
+		--tw-text-opacity: 1;
+		color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--error:hover {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-link--error:focus {
+		--tw-text-opacity: 1;
+		color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
+}
+.nfd-root .nfd-button {
+		gap: 0.5rem;
+		padding-left: 1rem;
+		padding-right: 1rem;
+}
+.nfd-root .nfd-button:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-button svg {
+		height: 1.25rem;
+		width: 1.25rem;
+}
+/* Variants */
+.nfd-root .nfd-button--primary {
+		background-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-button--primary:hover {
+		background-color: var(--nfd-color-primary-dark);
+}
+.nfd-root .nfd-button--primary:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-button--secondary {
+		border-color: var(--nfd-color-primary);
+		--tw-bg-opacity: 1;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+		--tw-text-opacity: 1;
+		color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--secondary:visited {
+		color: rgb(0 0 0 );
+}
+.nfd-root .nfd-button--secondary:hover {
+		background-color: var(--nfd-color-primary-light);
+		--tw-text-opacity: 1;
+		color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--secondary:hover:visited {
+		color: var(--nfd-color-title);
+}
+.nfd-root .nfd-button--secondary:focus {
+		color: var(--nfd-color-title);
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-button--standout {
+		background-color: var(--nfd-color-secondary);
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--standout:hover {
+		background-color: var(--nfd-color-secondary-dark);
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-button--standout:focus {
+		--tw-text-opacity: 1;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-toggle {
+		--tw-bg-opacity: 1;
+		background-color: rgb(205 208 214 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-toggle:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-toggle--checked {
+		background-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-toggle__icon--check {
+		color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-toggle__icon--x {
+		--tw-text-opacity: 1;
+		color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+.nfd-root .nfd-toggle-field__description {
+		margin-top: 0.75rem;
+		margin-right: 0.5rem;
+}
+@media (min-width: 640px) {
+		.nfd-root .nfd-toggle-field__description {
+				margin-right: 10.5rem;
+				margin-top: 0px;
+		}
+}
+.nfd-root .nfd-checkbox .nfd-checkbox__input {
+		color: var(--nfd-color-primary);
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-checkbox .nfd-checkbox__input:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-checkbox .nfd-checkbox__input:checked::before {
+		display: none;
+}
+.nfd-root .nfd-radio-group .nfd-radio__description {
+		margin-bottom: 0.5rem;
+		margin-left: 1.75rem;
+}
+@media (min-width: 1024px) {
+		.nfd-root .nfd-radio-group .nfd-radio__description {
+				margin-right: 10.5rem;
+		}
+}
+.nfd-root .nfd-radio__input {
+		color: var(--nfd-color-primary);
+		--tw-shadow: 0 0 #0000;
+		--tw-shadow-colored: 0 0 #0000;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.nfd-root .nfd-radio__input:focus {
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-radio__input:checked::before {
+		background-color: transparent;
+}
+.nfd-root .nfd-select__button:focus {
+		border-color: var(--nfd-color-primary);
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-select__option--active {
+		--tw-bg-opacity: 1;
+		background-color: rgb(205 208 214 / var(--tw-bg-opacity, 1));
+}
+.nfd-root .nfd-select__option--selected {
+		background-color: var(--nfd-color-primary);
+}
+.nfd-root .nfd-select-field__spaced .nfd-select-field__select {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+}
+.nfd-root .nfd-select-field__spaced .nfd-select__button {
+		width: 6rem;
+}
+.nfd-root .nfd-select-field__spaced .nfd-select__options {
+		right: 0px;
+		width: 10rem;
+}
+@media (min-width: 1024px) {
+		.nfd-root .nfd-select-field__spaced .nfd-select-field__description {
+				margin-right: 10.5rem;
+		}
+}
+.nfd-root .nfd-notifications {
+			z-index: 9991;
+		}
+.nfd-root .nfd-notifications--bottom-left {
+		left: 12%;
+}
+.nfd-root .nfd-text-input:focus, .nfd-root .nfd-textarea:focus {
+		border-color: var(--nfd-color-primary);
+		--tw-ring-color: var(--nfd-color-primary);
+}
+.nfd-sr-only {
+		position: absolute !important;
+		width: 1px !important;
+		height: 1px !important;
+		padding: 0 !important;
+		margin: -1px !important;
+		overflow: hidden !important;
+		clip: rect(0, 0, 0, 0) !important;
+		white-space: nowrap !important;
+		border-width: 0 !important;
+}
+.nfd-fixed {
+		position: fixed !important;
+}
+.nfd-absolute {
+		position: absolute !important;
+}
+.nfd-relative {
+		position: relative !important;
+}
+.nfd-inset-0 {
+		inset: 0px !important;
+}
+.nfd-right-0 {
+		right: 0px !important;
+}
+.nfd-top-0 {
+		top: 0px !important;
+}
+.nfd-z-10 {
+		z-index: 10 !important;
+}
+.nfd-z-30 {
+		z-index: 30 !important;
+}
+.nfd-z-40 {
+		z-index: 40 !important;
+}
+.nfd-col-span-1 {
+		grid-column: span 1 / span 1 !important;
+}
+.nfd-m-0 {
+		margin: 0px !important;
+}
+.nfd-m-auto {
+		margin: auto !important;
+}
+.nfd--ml-1 {
+		margin-left: -0.25rem !important;
+}
+.nfd--mr-14 {
+		margin-right: -3.5rem !important;
+}
+.nfd-mb-2 {
+		margin-bottom: 0.5rem !important;
+}
+.nfd-mb-6 {
+		margin-bottom: 1.5rem !important;
+}
+.nfd-mb-px {
+		margin-bottom: 1px !important;
+}
+.nfd-ml-4 {
+		margin-left: 1rem !important;
+}
+.nfd-ml-8 {
+		margin-left: 2rem !important;
+}
+.nfd-mr-2 {
+		margin-right: 0.5rem !important;
+}
+.nfd-mr-4 {
+		margin-right: 1rem !important;
+}
+.nfd-mt-1 {
+		margin-top: 0.25rem !important;
+}
+.nfd-mt-1\.5 {
+		margin-top: 0.375rem !important;
+}
+.nfd-mt-2 {
+		margin-top: 0.5rem !important;
+}
+.nfd-mt-6 {
+		margin-top: 1.5rem !important;
+}
+.nfd-mt-8 {
+		margin-top: 2rem !important;
+}
+.nfd-flex {
+		display: flex !important;
+}
+.nfd-inline-flex {
+		display: inline-flex !important;
+}
+.nfd-hidden {
+		display: none !important;
+}
+.nfd-h-0 {
+		height: 0px !important;
+}
+.nfd-h-12 {
+		height: 3rem !important;
+}
+.nfd-h-16 {
+		height: 4rem !important;
+}
+.nfd-h-3 {
+		height: 0.75rem !important;
+}
+.nfd-h-4 {
+		height: 1rem !important;
+}
+.nfd-h-5 {
+		height: 1.25rem !important;
+}
+.nfd-h-6 {
+		height: 1.5rem !important;
+}
+.nfd-h-7 {
+		height: 1.75rem !important;
+}
+.nfd-h-8 {
+		height: 2rem !important;
+}
+.nfd-h-full {
+		height: 100% !important;
+}
+.nfd-w-0 {
+		width: 0px !important;
+}
+.nfd-w-12 {
+		width: 3rem !important;
+}
+.nfd-w-2 {
+		width: 0.5rem !important;
+}
+.nfd-w-3 {
+		width: 0.75rem !important;
+}
+.nfd-w-4 {
+		width: 1rem !important;
+}
+.nfd-w-5 {
+		width: 1.25rem !important;
+}
+.nfd-w-6 {
+		width: 1.5rem !important;
+}
+.nfd-w-8 {
+		width: 2rem !important;
+}
+.nfd-w-full {
+		width: 100% !important;
+}
+.nfd-min-w-0 {
+		min-width: 0px !important;
+}
+.nfd-min-w-full {
+		min-width: 100% !important;
+}
+.nfd-max-w-screen-sm {
+		max-width: 640px !important;
+}
+.nfd-max-w-xs {
+		max-width: 20rem !important;
+}
+.nfd-flex-1 {
+		flex: 1 1 0% !important;
+}
+.nfd-flex-shrink-0 {
+		flex-shrink: 0 !important;
+}
+.nfd-shrink-0 {
+		flex-shrink: 0 !important;
+}
+.nfd--translate-x-full {
+		--tw-translate-x: -100% !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd--translate-y-full {
+		--tw-translate-y: -100% !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-x-0 {
+		--tw-translate-x: 0px !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-x-full {
+		--tw-translate-x: 100% !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-y-0 {
+		--tw-translate-y: 0px !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-y-4 {
+		--tw-translate-y: 1rem !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-translate-y-full {
+		--tw-translate-y: 100% !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-scale-100 {
+		--tw-scale-x: 1 !important;
+		--tw-scale-y: 1 !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-scale-95 {
+		--tw-scale-x: .95 !important;
+		--tw-scale-y: .95 !important;
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.nfd-transform {
+		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+@keyframes nfd-spin {
+		to {
+				transform: rotate(360deg);
+		}
+}
+.nfd-animate-spin {
+		animation: nfd-spin 1s linear infinite !important;
+}
+.nfd-cursor-wait {
+		cursor: wait !important;
+}
+.nfd-list-disc {
+		list-style-type: disc !important;
+}
+.nfd-flex-col {
+		flex-direction: column !important;
+}
+.nfd-items-start {
+		align-items: flex-start !important;
+}
+.nfd-items-center {
+		align-items: center !important;
+}
+.nfd-justify-center {
+		justify-content: center !important;
+}
+.nfd-justify-between {
+		justify-content: space-between !important;
+}
+.nfd-gap-2 {
+		gap: 0.5rem !important;
+}
+.nfd-gap-3 {
+		gap: 0.75rem !important;
+}
+.nfd-gap-6 {
+		gap: 1.5rem !important;
+}
+.nfd-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0 !important;
+		margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
+		margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
+}
+.nfd-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0 !important;
+		margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important;
+		margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important;
+}
+.nfd-divide-y > :not([hidden]) ~ :not([hidden]) {
+		--tw-divide-y-reverse: 0 !important;
+		border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
+		border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
+}
+.nfd-divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+		--tw-divide-opacity: 1 !important;
+		border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)) !important;
+}
+.nfd-divide-slate-300 > :not([hidden]) ~ :not([hidden]) {
+		--tw-divide-opacity: 1 !important;
+		border-color: rgb(203 213 225 / var(--tw-divide-opacity, 1)) !important;
+}
+.nfd-overflow-hidden {
+		overflow: hidden !important;
+}
+.nfd-overflow-y-auto {
+		overflow-y: auto !important;
+}
+.nfd-rounded-full {
+		border-radius: 9999px !important;
+}
+.nfd-rounded-lg {
+		border-radius: 0.5rem !important;
+}
+.nfd-rounded-md {
+		border-radius: 0.375rem !important;
+}
+.nfd-rounded-none {
+		border-radius: 0px !important;
+}
+.nfd-border-b {
+		border-bottom-width: 1px !important;
+}
+.nfd-border-r {
+		border-right-width: 1px !important;
+}
+.nfd-border-\[\#CBD5E1\] {
+		--tw-border-opacity: 1 !important;
+		border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)) !important;
+}
+.nfd-border-slate-200 {
+		--tw-border-opacity: 1 !important;
+		border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)) !important;
+}
+.nfd-border-r-slate-200 {
+		--tw-border-opacity: 1 !important;
+		border-right-color: rgb(226 232 240 / var(--tw-border-opacity, 1)) !important;
+}
+.nfd-bg-slate-100 {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-slate-200 {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-slate-50 {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-slate-600 {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-white {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
+}
+.nfd-bg-opacity-75 {
+		--tw-bg-opacity: 0.75 !important;
+}
+.nfd-stroke-3 {
+		stroke-width: 3px !important;
+}
+.nfd-p-1 {
+		padding: 0.25rem !important;
+}
+.nfd-px-2 {
+		padding-left: 0.5rem !important;
+		padding-right: 0.5rem !important;
+}
+.nfd-px-3 {
+		padding-left: 0.75rem !important;
+		padding-right: 0.75rem !important;
+}
+.nfd-px-4 {
+		padding-left: 1rem !important;
+		padding-right: 1rem !important;
+}
+.nfd-py-2 {
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+}
+.nfd-py-4 {
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+}
+.nfd-py-6 {
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+}
+.nfd-py-\[10px\] {
+		padding-top: 10px !important;
+		padding-bottom: 10px !important;
+}
+.nfd-pb-1 {
+		padding-bottom: 0.25rem !important;
+}
+.nfd-pb-8 {
+		padding-bottom: 2rem !important;
+}
+.nfd-pt-1 {
+		padding-top: 0.25rem !important;
+}
+.nfd-text-left {
+		text-align: left !important;
+}
+.nfd-text-center {
+		text-align: center !important;
+}
+.nfd-text-right {
+		text-align: right !important;
+}
+.nfd-text-2xl {
+		font-size: 1.5rem !important;
+}
+.nfd-text-\[14px\] {
+		font-size: 14px !important;
+}
+.nfd-text-sm {
+		font-size: .8125rem !important;
+}
+.nfd-font-medium {
+		font-weight: 500 !important;
+}
+.nfd-font-semibold {
+		font-weight: 600 !important;
+}
+.nfd-text-primary {
+		color: var(--nfd-color-primary) !important;
+}
+.nfd-text-primary-500 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(242 113 33 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-400 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-500 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-600 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(71 85 105 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-800 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(30 41 59 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-slate-900 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-text-title {
+		color: var(--nfd-color-title) !important;
+}
+.nfd-text-white {
+		--tw-text-opacity: 1 !important;
+		color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-no-underline {
+		text-decoration-line: none !important;
+}
+.nfd-opacity-0 {
+		opacity: 0 !important;
+}
+.nfd-opacity-100 {
+		opacity: 1 !important;
+}
+.nfd-opacity-25 {
+		opacity: 0.25 !important;
+}
+.nfd-opacity-75 {
+		opacity: 0.75 !important;
+}
+.nfd-shadow {
+		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
+		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
+}
+.nfd-shadow-lg {
+		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
+		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
+}
+.nfd-shadow-amber-700\/30 {
+		--tw-shadow-color: rgb(180 83 9 / 0.3) !important;
+		--tw-shadow: var(--tw-shadow-colored) !important;
+}
+.nfd-ring-1 {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
+}
+.nfd-ring-black {
+		--tw-ring-opacity: 1 !important;
+		--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)) !important;
+}
+.nfd-ring-opacity-5 {
+		--tw-ring-opacity: 0.05 !important;
+}
+.nfd-grayscale {
+		--tw-grayscale: grayscale(100%) !important;
+		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
+}
+.nfd-transition {
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
+		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+		transition-duration: 150ms !important;
+}
+.nfd-transition-opacity {
+		transition-property: opacity !important;
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+		transition-duration: 150ms !important;
+}
+.nfd-delay-200 {
+		transition-delay: 200ms !important;
+}
+.nfd-duration-100 {
+		transition-duration: 100ms !important;
+}
+.nfd-duration-1000 {
+		transition-duration: 1000ms !important;
+}
+.nfd-duration-150 {
+		transition-duration: 150ms !important;
+}
+.nfd-duration-200 {
+		transition-duration: 200ms !important;
+}
+.nfd-duration-300 {
+		transition-duration: 300ms !important;
+}
+.nfd-duration-75 {
+		transition-duration: 75ms !important;
+}
+.nfd-ease-in {
+		transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
+}
+.nfd-ease-in-out {
+		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+.nfd-ease-out {
+		transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
+}
+.nfd-\@container\/nfd-image-import {
+		container-type: inline-size !important;
+		container-name: nfd-image-import !important;
+}
+/* Configs */
+/* Titles */
+/* Links */
+/* Buttons */
+/* Toggle / Toggle Field */
+/* Checkbox */
+/* Radio Input */
+/* Select Field */
+/* Notifications */
+/* Text Input Field */
+.odd\:nfd-bg-white:nth-child(odd) {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
+}
+.even\:nfd-bg-slate-50:nth-child(even) {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
+}
+.hover\:nfd-bg-slate-50:hover {
+		--tw-bg-opacity: 1 !important;
+		background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
+}
+.hover\:nfd-text-slate-500:hover {
+		--tw-text-opacity: 1 !important;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
+}
+.hover\:nfd-text-slate-900:hover {
+		--tw-text-opacity: 1 !important;
+		color: rgb(15 23 42 / var(--tw-text-opacity, 1)) !important;
+}
+.focus\:nfd-outline-none:focus {
+		outline: 2px solid transparent !important;
+		outline-offset: 2px !important;
+}
+.focus\:nfd-ring-1:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
+}
+.focus\:nfd-ring-2:focus {
+		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
+}
+.focus\:nfd-ring-inset:focus {
+		--tw-ring-inset: inset !important;
+}
+.focus\:nfd-ring-primary-500:focus {
+		--tw-ring-opacity: 1 !important;
+		--tw-ring-color: rgb(242 113 33 / var(--tw-ring-opacity, 1)) !important;
+}
+.focus\:nfd-ring-offset-1:focus {
+		--tw-ring-offset-width: 1px !important;
+}
+.focus\:nfd-ring-offset-2:focus {
+		--tw-ring-offset-width: 2px !important;
+}
+.focus\:nfd-ring-offset-transparent:focus {
+		--tw-ring-offset-color: transparent !important;
+}
+.nfd-group:hover .group-hover\:nfd-text-slate-500 {
+		--tw-text-opacity: 1 !important;
+		color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
+}
+.nfd-group:hover .group-hover\:nfd-opacity-100 {
+		opacity: 1 !important;
+}
+@media (min-width: 640px) {
+		.sm\:nfd-translate-y-0 {
+				--tw-translate-y: 0px !important;
+				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+		}
+		.sm\:nfd-scale-100 {
+				--tw-scale-x: 1 !important;
+				--tw-scale-y: 1 !important;
+				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+		}
+		.sm\:nfd-scale-95 {
+				--tw-scale-x: .95 !important;
+				--tw-scale-y: .95 !important;
+				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+		}
+}
+@media (min-width: 1280px) {
+		.xl\:nfd-col-span-2 {
+				grid-column: span 2 / span 2 !important;
+		}
+		.xl\:nfd-mt-0 {
+				margin-top: 0px !important;
+		}
+}
+
diff --git a/build/performance/performance.min.js b/build/performance/performance.min.js
new file mode 100644
index 00000000..7cc7ce4e
--- /dev/null
+++ b/build/performance/performance.min.js
@@ -0,0 +1,4 @@
+(()=>{var e,t,n={495:(e,t)=>{(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{NewfoldRuntime:()=>i});const r=window.wp.url,i={hasCapability:e=>!0===window.NewfoldRuntime?.capabilities[e],adminUrl:e=>window.NewfoldRuntime?.admin_url+e,createApiUrl:(e,t={})=>(0,r.addQueryArgs)(window.NewfoldRuntime?.base_url,{rest_route:e,...t}),get siteDetails(){return window.NewfoldRuntime?.site},get sdk(){return window.NewfoldRuntime?.sdk},get isWoo(){return window.NewfoldRuntime?.isWoocommerceActive},get isYithBooking(){return window.NewfoldRuntime?.isYithBookingActive},get ecommerce(){return window.NewfoldRuntime?.ecommerce},get plugin(){return window.NewfoldRuntime?.plugin},get wpversion(){return window.NewfoldRuntime?.wpversion},get siteTitle(){return window.NewfoldRuntime?.siteTitle},get currentTheme(){return window.NewfoldRuntime?.currentTheme}};var a=t;for(var o in n)a[o]=n[o];n.__esModule&&Object.defineProperty(a,"__esModule",{value:!0})})()},413:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.Doctype=t.CDATA=t.Tag=t.Style=t.Script=t.Comment=t.Directive=t.Text=t.Root=t.isTag=t.ElementType=void 0,function(e){e.Root="root",e.Text="text",e.Directive="directive",e.Comment="comment",e.Script="script",e.Style="style",e.Tag="tag",e.CDATA="cdata",e.Doctype="doctype"}(n=t.ElementType||(t.ElementType={})),t.isTag=function(e){return e.type===n.Tag||e.type===n.Script||e.type===n.Style},t.Root=n.Root,t.Text=n.Text,t.Directive=n.Directive,t.Comment=n.Comment,t.Script=n.Script,t.Style=n.Style,t.Tag=n.Tag,t.CDATA=n.CDATA,t.Doctype=n.Doctype},141:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),t.DomHandler=void 0;var a=n(413),o=n(957);i(n(957),t);var l={withStartIndices:!1,withEndIndices:!1,xmlMode:!1},s=function(){function e(e,t,n){this.dom=[],this.root=new o.Document(this.dom),this.done=!1,this.tagStack=[this.root],this.lastNode=null,this.parser=null,"function"==typeof t&&(n=t,t=l),"object"==typeof e&&(t=e,e=void 0),this.callback=null!=e?e:null,this.options=null!=t?t:l,this.elementCB=null!=n?n:null}return e.prototype.onparserinit=function(e){this.parser=e},e.prototype.onreset=function(){this.dom=[],this.root=new o.Document(this.dom),this.done=!1,this.tagStack=[this.root],this.lastNode=null,this.parser=null},e.prototype.onend=function(){this.done||(this.done=!0,this.parser=null,this.handleCallback(null))},e.prototype.onerror=function(e){this.handleCallback(e)},e.prototype.onclosetag=function(){this.lastNode=null;var e=this.tagStack.pop();this.options.withEndIndices&&(e.endIndex=this.parser.endIndex),this.elementCB&&this.elementCB(e)},e.prototype.onopentag=function(e,t){var n=this.options.xmlMode?a.ElementType.Tag:void 0,r=new o.Element(e,t,void 0,n);this.addNode(r),this.tagStack.push(r)},e.prototype.ontext=function(e){var t=this.lastNode;if(t&&t.type===a.ElementType.Text)t.data+=e,this.options.withEndIndices&&(t.endIndex=this.parser.endIndex);else{var n=new o.Text(e);this.addNode(n),this.lastNode=n}},e.prototype.oncomment=function(e){if(this.lastNode&&this.lastNode.type===a.ElementType.Comment)this.lastNode.data+=e;else{var t=new o.Comment(e);this.addNode(t),this.lastNode=t}},e.prototype.oncommentend=function(){this.lastNode=null},e.prototype.oncdatastart=function(){var e=new o.Text(""),t=new o.CDATA([e]);this.addNode(t),e.parent=t,this.lastNode=e},e.prototype.oncdataend=function(){this.lastNode=null},e.prototype.onprocessinginstruction=function(e,t){var n=new o.ProcessingInstruction(e,t);this.addNode(n)},e.prototype.handleCallback=function(e){if("function"==typeof this.callback)this.callback(e,this.dom);else if(e)throw e},e.prototype.addNode=function(e){var t=this.tagStack[this.tagStack.length-1],n=t.children[t.children.length-1];this.options.withStartIndices&&(e.startIndex=this.parser.startIndex),this.options.withEndIndices&&(e.endIndex=this.parser.endIndex),t.children.push(e),n&&(e.prev=n,n.next=e),e.parent=t,this.lastNode=null},e}();t.DomHandler=s,t.default=s},957:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function __(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}),a=this&&this.__assign||function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},a.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.cloneNode=t.hasChildren=t.isDocument=t.isDirective=t.isComment=t.isText=t.isCDATA=t.isTag=t.Element=t.Document=t.CDATA=t.NodeWithChildren=t.ProcessingInstruction=t.Comment=t.Text=t.DataNode=t.Node=void 0;var o=n(413),l=function(){function e(){this.parent=null,this.prev=null,this.next=null,this.startIndex=null,this.endIndex=null}return Object.defineProperty(e.prototype,"parentNode",{get:function(){return this.parent},set:function(e){this.parent=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"previousSibling",{get:function(){return this.prev},set:function(e){this.prev=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"nextSibling",{get:function(){return this.next},set:function(e){this.next=e},enumerable:!1,configurable:!0}),e.prototype.cloneNode=function(e){return void 0===e&&(e=!1),_(this,e)},e}();t.Node=l;var s=function(e){function t(t){var n=e.call(this)||this;return n.data=t,n}return i(t,e),Object.defineProperty(t.prototype,"nodeValue",{get:function(){return this.data},set:function(e){this.data=e},enumerable:!1,configurable:!0}),t}(l);t.DataNode=s;var c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.type=o.ElementType.Text,t}return i(t,e),Object.defineProperty(t.prototype,"nodeType",{get:function(){return 3},enumerable:!1,configurable:!0}),t}(s);t.Text=c;var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.type=o.ElementType.Comment,t}return i(t,e),Object.defineProperty(t.prototype,"nodeType",{get:function(){return 8},enumerable:!1,configurable:!0}),t}(s);t.Comment=d;var u=function(e){function t(t,n){var r=e.call(this,n)||this;return r.name=t,r.type=o.ElementType.Directive,r}return i(t,e),Object.defineProperty(t.prototype,"nodeType",{get:function(){return 1},enumerable:!1,configurable:!0}),t}(s);t.ProcessingInstruction=u;var p=function(e){function t(t){var n=e.call(this)||this;return n.children=t,n}return i(t,e),Object.defineProperty(t.prototype,"firstChild",{get:function(){var e;return null!==(e=this.children[0])&&void 0!==e?e:null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"lastChild",{get:function(){return this.children.length>0?this.children[this.children.length-1]:null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"childNodes",{get:function(){return this.children},set:function(e){this.children=e},enumerable:!1,configurable:!0}),t}(l);t.NodeWithChildren=p;var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.type=o.ElementType.CDATA,t}return i(t,e),Object.defineProperty(t.prototype,"nodeType",{get:function(){return 4},enumerable:!1,configurable:!0}),t}(p);t.CDATA=f;var m=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.type=o.ElementType.Root,t}return i(t,e),Object.defineProperty(t.prototype,"nodeType",{get:function(){return 9},enumerable:!1,configurable:!0}),t}(p);t.Document=m;var h=function(e){function t(t,n,r,i){void 0===r&&(r=[]),void 0===i&&(i="script"===t?o.ElementType.Script:"style"===t?o.ElementType.Style:o.ElementType.Tag);var a=e.call(this,r)||this;return a.name=t,a.attribs=n,a.type=i,a}return i(t,e),Object.defineProperty(t.prototype,"nodeType",{get:function(){return 1},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"tagName",{get:function(){return this.name},set:function(e){this.name=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"attributes",{get:function(){var e=this;return Object.keys(this.attribs).map((function(t){var n,r;return{name:t,value:e.attribs[t],namespace:null===(n=e["x-attribsNamespace"])||void 0===n?void 0:n[t],prefix:null===(r=e["x-attribsPrefix"])||void 0===r?void 0:r[t]}}))},enumerable:!1,configurable:!0}),t}(p);function g(e){return(0,o.isTag)(e)}function v(e){return e.type===o.ElementType.CDATA}function b(e){return e.type===o.ElementType.Text}function y(e){return e.type===o.ElementType.Comment}function E(e){return e.type===o.ElementType.Directive}function w(e){return e.type===o.ElementType.Root}function _(e,t){var n;if(void 0===t&&(t=!1),b(e))n=new c(e.data);else if(y(e))n=new d(e.data);else if(g(e)){var r=t?k(e.children):[],i=new h(e.name,a({},e.attribs),r);r.forEach((function(e){return e.parent=i})),null!=e.namespace&&(i.namespace=e.namespace),e["x-attribsNamespace"]&&(i["x-attribsNamespace"]=a({},e["x-attribsNamespace"])),e["x-attribsPrefix"]&&(i["x-attribsPrefix"]=a({},e["x-attribsPrefix"])),n=i}else if(v(e)){r=t?k(e.children):[];var o=new f(r);r.forEach((function(e){return e.parent=o})),n=o}else if(w(e)){r=t?k(e.children):[];var l=new m(r);r.forEach((function(e){return e.parent=l})),e["x-mode"]&&(l["x-mode"]=e["x-mode"]),n=l}else{if(!E(e))throw new Error("Not implemented yet: ".concat(e.type));var s=new u(e.name,e.data);null!=e["x-name"]&&(s["x-name"]=e["x-name"],s["x-publicId"]=e["x-publicId"],s["x-systemId"]=e["x-systemId"]),n=s}return n.startIndex=e.startIndex,n.endIndex=e.endIndex,null!=e.sourceCodeLocation&&(n.sourceCodeLocation=e.sourceCodeLocation),n}function k(e){for(var t=e.map((function(e){return _(e,!0)})),n=1;n<t.length;n++)t[n].prev=t[n-1],t[n-1].next=t[n];return t}t.Element=h,t.isTag=g,t.isCDATA=v,t.isText=b,t.isComment=y,t.isDirective=E,t.isDocument=w,t.hasChildren=function(e){return Object.prototype.hasOwnProperty.call(e,"children")},t.cloneNode=_},270:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CARRIAGE_RETURN_PLACEHOLDER_REGEX=t.CARRIAGE_RETURN_PLACEHOLDER=t.CARRIAGE_RETURN_REGEX=t.CARRIAGE_RETURN=t.CASE_SENSITIVE_TAG_NAMES_MAP=t.CASE_SENSITIVE_TAG_NAMES=void 0,t.CASE_SENSITIVE_TAG_NAMES=["animateMotion","animateTransform","clipPath","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","foreignObject","linearGradient","radialGradient","textPath"],t.CASE_SENSITIVE_TAG_NAMES_MAP=t.CASE_SENSITIVE_TAG_NAMES.reduce((function(e,t){return e[t.toLowerCase()]=t,e}),{}),t.CARRIAGE_RETURN="\r",t.CARRIAGE_RETURN_REGEX=new RegExp(t.CARRIAGE_RETURN,"g"),t.CARRIAGE_RETURN_PLACEHOLDER="__HTML_DOM_PARSER_CARRIAGE_RETURN_PLACEHOLDER_".concat(Date.now(),"__"),t.CARRIAGE_RETURN_PLACEHOLDER_REGEX=new RegExp(t.CARRIAGE_RETURN_PLACEHOLDER,"g")},496:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,n,p=(e=(0,r.escapeSpecialCharacters)(e)).match(l),f=p&&p[1]?p[1].toLowerCase():"";switch(f){case i:var m=u(e);return s.test(e)||null===(t=null==(v=m.querySelector(a))?void 0:v.parentNode)||void 0===t||t.removeChild(v),c.test(e)||null===(n=null==(v=m.querySelector(o))?void 0:v.parentNode)||void 0===n||n.removeChild(v),m.querySelectorAll(i);case a:case o:var g=d(e).querySelectorAll(f);return c.test(e)&&s.test(e)?g[0].parentNode.childNodes:g;default:return h?h(e):(v=d(e,o).querySelector(o)).childNodes;var v}};var r=n(731),i="html",a="head",o="body",l=/<([a-zA-Z]+[0-9]?)/,s=/<head[^]*>/i,c=/<body[^]*>/i,d=function(e,t){throw new Error("This browser does not support `document.implementation.createHTMLDocument`")},u=function(e,t){throw new Error("This browser does not support `DOMParser.prototype.parseFromString`")},p="object"==typeof window&&window.DOMParser;if("function"==typeof p){var f=new p;d=u=function(e,t){return t&&(e="<".concat(t,">").concat(e,"</").concat(t,">")),f.parseFromString(e,"text/html")}}if("object"==typeof document&&document.implementation){var m=document.implementation.createHTMLDocument();d=function(e,t){if(t){var n=m.documentElement.querySelector(t);return n&&(n.innerHTML=e),m}return m.documentElement.innerHTML=e,m}}var h,g="object"==typeof document&&document.createElement("template");g&&g.content&&(h=function(e){return g.innerHTML=e,g.content.childNodes})},471:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if("string"!=typeof e)throw new TypeError("First argument must be a string");if(!e)return[];var t=e.match(o),n=t?t[1]:void 0;return(0,a.formatDOM)((0,i.default)(e),null,n)};var i=r(n(496)),a=n(731),o=/<(![a-zA-Z\s]+)>/},731:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.formatAttributes=a,t.escapeSpecialCharacters=function(e){return e.replace(i.CARRIAGE_RETURN_REGEX,i.CARRIAGE_RETURN_PLACEHOLDER)},t.revertEscapedCharacters=l,t.formatDOM=function e(t,n,i){void 0===n&&(n=null);for(var s,c=[],d=0,u=t.length;d<u;d++){var p=t[d];switch(p.nodeType){case 1:var f=o(p.nodeName);(s=new r.Element(f,a(p.attributes))).children=e("template"===f?p.content.childNodes:p.childNodes,s);break;case 3:s=new r.Text(l(p.nodeValue));break;case 8:s=new r.Comment(p.nodeValue);break;default:continue}var m=c[d-1]||null;m&&(m.next=s),s.parent=n,s.prev=m,s.next=null,c.push(s)}return i&&((s=new r.ProcessingInstruction(i.substring(0,i.indexOf(" ")).toLowerCase(),i)).next=c[0]||null,s.parent=n,c.unshift(s),c[1]&&(c[1].prev=c[0])),c};var r=n(141),i=n(270);function a(e){for(var t={},n=0,r=e.length;n<r;n++){var i=e[n];t[i.name]=i.value}return t}function o(e){return function(e){return i.CASE_SENSITIVE_TAG_NAMES_MAP[e]}(e=e.toLowerCase())||e}function l(e){return e.replace(i.CARRIAGE_RETURN_PLACEHOLDER_REGEX,i.CARRIAGE_RETURN)}},840:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){void 0===e&&(e={});var n={},c=Boolean(e.type&&l[e.type]);for(var d in e){var u=e[d];if((0,r.isCustomAttribute)(d))n[d]=u;else{var p=d.toLowerCase(),f=s(p);if(f){var m=(0,r.getPropertyInfo)(f);switch(a.includes(f)&&o.includes(t)&&!c&&(f=s("default"+p)),n[f]=u,m&&m.type){case r.BOOLEAN:n[f]=!0;break;case r.OVERLOADED_BOOLEAN:""===u&&(n[f]=!0)}}else i.PRESERVE_CUSTOM_ATTRIBUTES&&(n[d]=u)}}return(0,i.setStyleProp)(e.style,n),n};var r=n(210),i=n(958),a=["checked","value"],o=["input","select","textarea"],l={reset:!0,submit:!0};function s(e){return r.possibleStandardNames[e]}},308:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function e(t,n){void 0===n&&(n={});for(var r=[],i="function"==typeof n.replace,c=n.transform||o.returnFirstArg,d=n.library||l,u=d.cloneElement,p=d.createElement,f=d.isValidElement,m=t.length,h=0;h<m;h++){var g=t[h];if(i){var v=n.replace(g,h);if(f(v)){m>1&&(v=u(v,{key:v.key||h})),r.push(c(v,g,h));continue}}if("text"!==g.type){var b=g,y={};s(b)?((0,o.setStyleProp)(b.attribs.style,b.attribs),y=b.attribs):b.attribs&&(y=(0,a.default)(b.attribs,b.name));var E=void 0;switch(g.type){case"script":case"style":g.children[0]&&(y.dangerouslySetInnerHTML={__html:g.children[0].data});break;case"tag":"textarea"===g.name&&g.children[0]?y.defaultValue=g.children[0].data:g.children&&g.children.length&&(E=e(g.children,n));break;default:continue}m>1&&(y.key=h),r.push(c(p(g.name,y,E),g,h))}else{var w=!g.data.trim().length;if(w&&g.parent&&!(0,o.canTextBeChildOfNode)(g.parent))continue;if(n.trim&&w)continue;r.push(c(g.data,g,h))}}return 1===r.length?r[0]:r};var i=n(609),a=r(n(840)),o=n(958),l={cloneElement:i.cloneElement,createElement:i.createElement,isValidElement:i.isValidElement};function s(e){return o.PRESERVE_CUSTOM_ATTRIBUTES&&"tag"===e.type&&(0,o.isCustomComponent)(e.name,e.attribs)}},442:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.htmlToDOM=t.domToReact=t.attributesToProps=t.Text=t.ProcessingInstruction=t.Element=t.Comment=void 0,t.default=function(e,t){if("string"!=typeof e)throw new TypeError("First argument must be a string");return e?(0,o.default)((0,i.default)(e,(null==t?void 0:t.htmlparser2)||s),t):[]};var i=r(n(471));t.htmlToDOM=i.default;var a=r(n(840));t.attributesToProps=a.default;var o=r(n(308));t.domToReact=o.default;var l=n(141);Object.defineProperty(t,"Comment",{enumerable:!0,get:function(){return l.Comment}}),Object.defineProperty(t,"Element",{enumerable:!0,get:function(){return l.Element}}),Object.defineProperty(t,"ProcessingInstruction",{enumerable:!0,get:function(){return l.ProcessingInstruction}}),Object.defineProperty(t,"Text",{enumerable:!0,get:function(){return l.Text}});var s={lowerCaseAttributeNames:!1}},958:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.returnFirstArg=t.canTextBeChildOfNode=t.ELEMENTS_WITH_NO_TEXT_CHILDREN=t.PRESERVE_CUSTOM_ATTRIBUTES=void 0,t.isCustomComponent=function(e,t){return e.includes("-")?!o.has(e):Boolean(t&&"string"==typeof t.is)},t.setStyleProp=function(e,t){if("string"==typeof e)if(e.trim())try{t.style=(0,a.default)(e,l)}catch(e){t.style={}}else t.style={}};var i=n(609),a=r(n(229)),o=new Set(["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name","missing-glyph"]),l={reactCompat:!0};t.PRESERVE_CUSTOM_ATTRIBUTES=Number(i.version.split(".")[0])>=16,t.ELEMENTS_WITH_NO_TEXT_CHILDREN=new Set(["tr","tbody","thead","tfoot","colgroup","table","head","html","frameset"]),t.canTextBeChildOfNode=function(e){return!t.ELEMENTS_WITH_NO_TEXT_CHILDREN.has(e.name)},t.returnFirstArg=function(e){return e}},788:e=>{var t=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,n=/\n/g,r=/^\s*/,i=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,a=/^:\s*/,o=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,l=/^[;\s]*/,s=/^\s+|\s+$/g,c="";function d(e){return e?e.replace(s,c):c}e.exports=function(e,s){if("string"!=typeof e)throw new TypeError("First argument must be a string");if(!e)return[];s=s||{};var u=1,p=1;function f(e){var t=e.match(n);t&&(u+=t.length);var r=e.lastIndexOf("\n");p=~r?e.length-r:p+e.length}function m(){var e={line:u,column:p};return function(t){return t.position=new h(e),y(),t}}function h(e){this.start=e,this.end={line:u,column:p},this.source=s.source}h.prototype.content=e;var g=[];function v(t){var n=new Error(s.source+":"+u+":"+p+": "+t);if(n.reason=t,n.filename=s.source,n.line=u,n.column=p,n.source=e,!s.silent)throw n;g.push(n)}function b(t){var n=t.exec(e);if(n){var r=n[0];return f(r),e=e.slice(r.length),n}}function y(){b(r)}function E(e){var t;for(e=e||[];t=w();)!1!==t&&e.push(t);return e}function w(){var t=m();if("/"==e.charAt(0)&&"*"==e.charAt(1)){for(var n=2;c!=e.charAt(n)&&("*"!=e.charAt(n)||"/"!=e.charAt(n+1));)++n;if(n+=2,c===e.charAt(n-1))return v("End of comment missing");var r=e.slice(2,n-2);return p+=2,f(r),e=e.slice(n),p+=2,t({type:"comment",comment:r})}}function _(){var e=m(),n=b(i);if(n){if(w(),!b(a))return v("property missing ':'");var r=b(o),s=e({type:"declaration",property:d(n[0].replace(t,c)),value:r?d(r[0].replace(t,c)):c});return b(l),s}}return y(),function(){var e,t=[];for(E(t);e=_();)!1!==e&&(t.push(e),E(t));return t}()}},694:(e,t,n)=>{"use strict";var r=n(925);function i(){}function a(){}a.resetWarningCache=i,e.exports=function(){function e(e,t,n,i,a,o){if(o!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:i};return n.PropTypes=n,n}},556:(e,t,n)=>{e.exports=n(694)()},925:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},210:(e,t,n)=>{"use strict";function r(e,t,n,r,i,a,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=o}const i={};["children","dangerouslySetInnerHTML","defaultValue","defaultChecked","innerHTML","suppressContentEditableWarning","suppressHydrationWarning","style"].forEach((e=>{i[e]=new r(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((([e,t])=>{i[e]=new r(e,1,!1,t,null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((e=>{i[e]=new r(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((e=>{i[e]=new r(e,2,!1,e,null,!1,!1)})),["allowFullScreen","async","autoFocus","autoPlay","controls","default","defer","disabled","disablePictureInPicture","disableRemotePlayback","formNoValidate","hidden","loop","noModule","noValidate","open","playsInline","readOnly","required","reversed","scoped","seamless","itemScope"].forEach((e=>{i[e]=new r(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((e=>{i[e]=new r(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((e=>{i[e]=new r(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((e=>{i[e]=new r(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((e=>{i[e]=new r(e,5,!1,e.toLowerCase(),null,!1,!1)}));const a=/[\-\:]([a-z])/g,o=e=>e[1].toUpperCase();["accent-height","alignment-baseline","arabic-form","baseline-shift","cap-height","clip-path","clip-rule","color-interpolation","color-interpolation-filters","color-profile","color-rendering","dominant-baseline","enable-background","fill-opacity","fill-rule","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","glyph-name","glyph-orientation-horizontal","glyph-orientation-vertical","horiz-adv-x","horiz-origin-x","image-rendering","letter-spacing","lighting-color","marker-end","marker-mid","marker-start","overline-position","overline-thickness","paint-order","panose-1","pointer-events","rendering-intent","shape-rendering","stop-color","stop-opacity","strikethrough-position","strikethrough-thickness","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","text-anchor","text-decoration","text-rendering","underline-position","underline-thickness","unicode-bidi","unicode-range","units-per-em","v-alphabetic","v-hanging","v-ideographic","v-mathematical","vector-effect","vert-adv-y","vert-origin-x","vert-origin-y","word-spacing","writing-mode","xmlns:xlink","x-height"].forEach((e=>{const t=e.replace(a,o);i[t]=new r(t,1,!1,e,null,!1,!1)})),["xlink:actuate","xlink:arcrole","xlink:role","xlink:show","xlink:title","xlink:type"].forEach((e=>{const t=e.replace(a,o);i[t]=new r(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((e=>{const t=e.replace(a,o);i[t]=new r(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((e=>{i[e]=new r(e,1,!1,e.toLowerCase(),null,!1,!1)})),i.xlinkHref=new r("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((e=>{i[e]=new r(e,1,!1,e.toLowerCase(),null,!0,!0)}));const{CAMELCASE:l,SAME:s,possibleStandardNames:c}=n(811),d=RegExp.prototype.test.bind(new RegExp("^(data|aria)-[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$")),u=Object.keys(c).reduce(((e,t)=>{const n=c[t];return n===s?e[t]=t:n===l?e[t.toLowerCase()]=t:e[t]=n,e}),{});t.BOOLEAN=3,t.BOOLEANISH_STRING=2,t.NUMERIC=5,t.OVERLOADED_BOOLEAN=4,t.POSITIVE_NUMERIC=6,t.RESERVED=0,t.STRING=1,t.getPropertyInfo=function(e){return i.hasOwnProperty(e)?i[e]:null},t.isCustomAttribute=d,t.possibleStandardNames=u},811:(e,t)=>{t.SAME=0,t.CAMELCASE=1,t.possibleStandardNames={accept:0,acceptCharset:1,"accept-charset":"acceptCharset",accessKey:1,action:0,allowFullScreen:1,alt:0,as:0,async:0,autoCapitalize:1,autoComplete:1,autoCorrect:1,autoFocus:1,autoPlay:1,autoSave:1,capture:0,cellPadding:1,cellSpacing:1,challenge:0,charSet:1,checked:0,children:0,cite:0,class:"className",classID:1,className:1,cols:0,colSpan:1,content:0,contentEditable:1,contextMenu:1,controls:0,controlsList:1,coords:0,crossOrigin:1,dangerouslySetInnerHTML:1,data:0,dateTime:1,default:0,defaultChecked:1,defaultValue:1,defer:0,dir:0,disabled:0,disablePictureInPicture:1,disableRemotePlayback:1,download:0,draggable:0,encType:1,enterKeyHint:1,for:"htmlFor",form:0,formMethod:1,formAction:1,formEncType:1,formNoValidate:1,formTarget:1,frameBorder:1,headers:0,height:0,hidden:0,high:0,href:0,hrefLang:1,htmlFor:1,httpEquiv:1,"http-equiv":"httpEquiv",icon:0,id:0,innerHTML:1,inputMode:1,integrity:0,is:0,itemID:1,itemProp:1,itemRef:1,itemScope:1,itemType:1,keyParams:1,keyType:1,kind:0,label:0,lang:0,list:0,loop:0,low:0,manifest:0,marginWidth:1,marginHeight:1,max:0,maxLength:1,media:0,mediaGroup:1,method:0,min:0,minLength:1,multiple:0,muted:0,name:0,noModule:1,nonce:0,noValidate:1,open:0,optimum:0,pattern:0,placeholder:0,playsInline:1,poster:0,preload:0,profile:0,radioGroup:1,readOnly:1,referrerPolicy:1,rel:0,required:0,reversed:0,role:0,rows:0,rowSpan:1,sandbox:0,scope:0,scoped:0,scrolling:0,seamless:0,selected:0,shape:0,size:0,sizes:0,span:0,spellCheck:1,src:0,srcDoc:1,srcLang:1,srcSet:1,start:0,step:0,style:0,summary:0,tabIndex:1,target:0,title:0,type:0,useMap:1,value:0,width:0,wmode:0,wrap:0,about:0,accentHeight:1,"accent-height":"accentHeight",accumulate:0,additive:0,alignmentBaseline:1,"alignment-baseline":"alignmentBaseline",allowReorder:1,alphabetic:0,amplitude:0,arabicForm:1,"arabic-form":"arabicForm",ascent:0,attributeName:1,attributeType:1,autoReverse:1,azimuth:0,baseFrequency:1,baselineShift:1,"baseline-shift":"baselineShift",baseProfile:1,bbox:0,begin:0,bias:0,by:0,calcMode:1,capHeight:1,"cap-height":"capHeight",clip:0,clipPath:1,"clip-path":"clipPath",clipPathUnits:1,clipRule:1,"clip-rule":"clipRule",color:0,colorInterpolation:1,"color-interpolation":"colorInterpolation",colorInterpolationFilters:1,"color-interpolation-filters":"colorInterpolationFilters",colorProfile:1,"color-profile":"colorProfile",colorRendering:1,"color-rendering":"colorRendering",contentScriptType:1,contentStyleType:1,cursor:0,cx:0,cy:0,d:0,datatype:0,decelerate:0,descent:0,diffuseConstant:1,direction:0,display:0,divisor:0,dominantBaseline:1,"dominant-baseline":"dominantBaseline",dur:0,dx:0,dy:0,edgeMode:1,elevation:0,enableBackground:1,"enable-background":"enableBackground",end:0,exponent:0,externalResourcesRequired:1,fill:0,fillOpacity:1,"fill-opacity":"fillOpacity",fillRule:1,"fill-rule":"fillRule",filter:0,filterRes:1,filterUnits:1,floodOpacity:1,"flood-opacity":"floodOpacity",floodColor:1,"flood-color":"floodColor",focusable:0,fontFamily:1,"font-family":"fontFamily",fontSize:1,"font-size":"fontSize",fontSizeAdjust:1,"font-size-adjust":"fontSizeAdjust",fontStretch:1,"font-stretch":"fontStretch",fontStyle:1,"font-style":"fontStyle",fontVariant:1,"font-variant":"fontVariant",fontWeight:1,"font-weight":"fontWeight",format:0,from:0,fx:0,fy:0,g1:0,g2:0,glyphName:1,"glyph-name":"glyphName",glyphOrientationHorizontal:1,"glyph-orientation-horizontal":"glyphOrientationHorizontal",glyphOrientationVertical:1,"glyph-orientation-vertical":"glyphOrientationVertical",glyphRef:1,gradientTransform:1,gradientUnits:1,hanging:0,horizAdvX:1,"horiz-adv-x":"horizAdvX",horizOriginX:1,"horiz-origin-x":"horizOriginX",ideographic:0,imageRendering:1,"image-rendering":"imageRendering",in2:0,in:0,inlist:0,intercept:0,k1:0,k2:0,k3:0,k4:0,k:0,kernelMatrix:1,kernelUnitLength:1,kerning:0,keyPoints:1,keySplines:1,keyTimes:1,lengthAdjust:1,letterSpacing:1,"letter-spacing":"letterSpacing",lightingColor:1,"lighting-color":"lightingColor",limitingConeAngle:1,local:0,markerEnd:1,"marker-end":"markerEnd",markerHeight:1,markerMid:1,"marker-mid":"markerMid",markerStart:1,"marker-start":"markerStart",markerUnits:1,markerWidth:1,mask:0,maskContentUnits:1,maskUnits:1,mathematical:0,mode:0,numOctaves:1,offset:0,opacity:0,operator:0,order:0,orient:0,orientation:0,origin:0,overflow:0,overlinePosition:1,"overline-position":"overlinePosition",overlineThickness:1,"overline-thickness":"overlineThickness",paintOrder:1,"paint-order":"paintOrder",panose1:0,"panose-1":"panose1",pathLength:1,patternContentUnits:1,patternTransform:1,patternUnits:1,pointerEvents:1,"pointer-events":"pointerEvents",points:0,pointsAtX:1,pointsAtY:1,pointsAtZ:1,prefix:0,preserveAlpha:1,preserveAspectRatio:1,primitiveUnits:1,property:0,r:0,radius:0,refX:1,refY:1,renderingIntent:1,"rendering-intent":"renderingIntent",repeatCount:1,repeatDur:1,requiredExtensions:1,requiredFeatures:1,resource:0,restart:0,result:0,results:0,rotate:0,rx:0,ry:0,scale:0,security:0,seed:0,shapeRendering:1,"shape-rendering":"shapeRendering",slope:0,spacing:0,specularConstant:1,specularExponent:1,speed:0,spreadMethod:1,startOffset:1,stdDeviation:1,stemh:0,stemv:0,stitchTiles:1,stopColor:1,"stop-color":"stopColor",stopOpacity:1,"stop-opacity":"stopOpacity",strikethroughPosition:1,"strikethrough-position":"strikethroughPosition",strikethroughThickness:1,"strikethrough-thickness":"strikethroughThickness",string:0,stroke:0,strokeDasharray:1,"stroke-dasharray":"strokeDasharray",strokeDashoffset:1,"stroke-dashoffset":"strokeDashoffset",strokeLinecap:1,"stroke-linecap":"strokeLinecap",strokeLinejoin:1,"stroke-linejoin":"strokeLinejoin",strokeMiterlimit:1,"stroke-miterlimit":"strokeMiterlimit",strokeWidth:1,"stroke-width":"strokeWidth",strokeOpacity:1,"stroke-opacity":"strokeOpacity",suppressContentEditableWarning:1,suppressHydrationWarning:1,surfaceScale:1,systemLanguage:1,tableValues:1,targetX:1,targetY:1,textAnchor:1,"text-anchor":"textAnchor",textDecoration:1,"text-decoration":"textDecoration",textLength:1,textRendering:1,"text-rendering":"textRendering",to:0,transform:0,typeof:0,u1:0,u2:0,underlinePosition:1,"underline-position":"underlinePosition",underlineThickness:1,"underline-thickness":"underlineThickness",unicode:0,unicodeBidi:1,"unicode-bidi":"unicodeBidi",unicodeRange:1,"unicode-range":"unicodeRange",unitsPerEm:1,"units-per-em":"unitsPerEm",unselectable:0,vAlphabetic:1,"v-alphabetic":"vAlphabetic",values:0,vectorEffect:1,"vector-effect":"vectorEffect",version:0,vertAdvY:1,"vert-adv-y":"vertAdvY",vertOriginX:1,"vert-origin-x":"vertOriginX",vertOriginY:1,"vert-origin-y":"vertOriginY",vHanging:1,"v-hanging":"vHanging",vIdeographic:1,"v-ideographic":"vIdeographic",viewBox:1,viewTarget:1,visibility:0,vMathematical:1,"v-mathematical":"vMathematical",vocab:0,widths:0,wordSpacing:1,"word-spacing":"wordSpacing",writingMode:1,"writing-mode":"writingMode",x1:0,x2:0,x:0,xChannelSelector:1,xHeight:1,"x-height":"xHeight",xlinkActuate:1,"xlink:actuate":"xlinkActuate",xlinkArcrole:1,"xlink:arcrole":"xlinkArcrole",xlinkHref:1,"xlink:href":"xlinkHref",xlinkRole:1,"xlink:role":"xlinkRole",xlinkShow:1,"xlink:show":"xlinkShow",xlinkTitle:1,"xlink:title":"xlinkTitle",xlinkType:1,"xlink:type":"xlinkType",xmlBase:1,"xml:base":"xmlBase",xmlLang:1,"xml:lang":"xmlLang",xmlns:0,"xml:space":"xmlSpace",xmlnsXlink:1,"xmlns:xlink":"xmlnsXlink",xmlSpace:1,y1:0,y2:0,y:0,yChannelSelector:1,z:0,zoomAndPan:1}},229:function(e,t,n){"use strict";var r=(this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}})(n(133)),i=n(917);function a(e,t){var n={};return e&&"string"==typeof e?((0,r.default)(e,(function(e,r){e&&r&&(n[(0,i.camelCase)(e,t)]=r)})),n):n}a.default=a,e.exports=a},917:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.camelCase=void 0;var n=/^--[a-zA-Z0-9_-]+$/,r=/-([a-z])/g,i=/^[^-]+$/,a=/^-(webkit|moz|ms|o|khtml)-/,o=/^-(ms)-/,l=function(e,t){return t.toUpperCase()},s=function(e,t){return"".concat(t,"-")};t.camelCase=function(e,t){return void 0===t&&(t={}),function(e){return!e||i.test(e)||n.test(e)}(e)?e:(e=e.toLowerCase(),(e=t.reactCompat?e.replace(o,s):e.replace(a,s)).replace(r,l))}},133:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=null;if(!e||"string"!=typeof e)return n;var r=(0,i.default)(e),a="function"==typeof t;return r.forEach((function(e){if("declaration"===e.type){var r=e.property,i=e.value;a?t(r,i,e):i&&((n=n||{})[r]=i)}})),n};var i=r(n(788))},609:e=>{"use strict";e.exports=window.React},942:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=o(e,a(n)))}return e}function a(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=o(t,n));return t}function o(e,t){return t?e?e+" "+t:e+t:e}e.exports?(i.default=i,e.exports=i):void 0===(n=function(){return i}.apply(t,[]))||(e.exports=n)}()}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return n[e].call(a.exports,a,a.exports,i),a.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.t=function(n,r){if(1&r&&(n=this(n)),8&r)return n;if("object"==typeof n&&n){if(4&r&&n.__esModule)return n;if(16&r&&"function"==typeof n.then)return n}var a=Object.create(null);i.r(a);var o={};e=e||[null,t({}),t([]),t(t)];for(var l=2&r&&n;"object"==typeof l&&!~e.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach((e=>o[e]=()=>n[e]));return o.default=()=>n,i.d(a,o),a},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e={};i.r(e),i.d(e,{dismissNotification:()=>Kr,pushNotification:()=>Xr,setCacheLevel:()=>$r});var t={};i.r(t),i.d(t,{getCacheLevel:()=>Yr,getNotifications:()=>Jr,getVisibleNotifications:()=>Qr});var n=i(609),r=i.t(n,2);const a=window.wp.domReady;var o=i.n(a);const l=window.wp.element;var s=i(495),c=i(556),d=i.n(c);const u={isRtl:!1},p=(0,l.createContext)(u),f=({children:e,context:t={},...n})=>(0,l.createElement)(p.Provider,{value:{...u,...t}},(0,l.createElement)("div",{className:"nfd-root",...n},e));f.propTypes={children:d().node.isRequired,context:d().shape({isRtl:d().bool})};const m=f;var h=i(942),g=i.n(h);const v=(0,l.forwardRef)((({as:e="div",children:t,className:n="",...r},i)=>(0,l.createElement)(e,{...r,className:g()("nfd-page",n),ref:i},t)));v.propTypes={as:c.PropTypes.element,children:c.PropTypes.node.isRequired,className:c.PropTypes.string};const b=v,y={size:{1:"nfd-title--1",2:"nfd-title--2",3:"nfd-title--3",4:"nfd-title--4",5:"nfd-title--5"}},E=(0,l.forwardRef)((({children:e,as:t,size:n,className:r,...i},a)=>(0,l.createElement)(t,{ref:a,className:g()("nfd-title",y.size[n||t[1]],r),...i},e))),w={children:d().node.isRequired,as:d().elementType,size:d().oneOf(Object.keys(y.size)),className:d().string};E.propTypes=w,E.defaultProps={as:"h1",size:void 0,className:""};const _=e=>(0,l.createElement)(E,{...e});_.propTypes=w,_.defaultProps=E.defaultProps,_.displayName="Title";const k=E,x=({as:e="div",children:t,className:n="",title:r,description:i,...a})=>(0,l.createElement)(e,{...a,className:g()("nfd-container__header",n)},r&&(0,l.createElement)(k,{as:"h2",className:"nfd-text-2xl nfd-font-medium nfd-text-title"},r),i&&(0,l.createElement)("p",null,i),t);x.propTypes={as:c.PropTypes.element,children:c.PropTypes.node,className:c.PropTypes.string,title:c.PropTypes.string,description:c.PropTypes.string};const T=({as:e="div",children:t,className:n="",id:r="",separator:i=!1,...a})=>(0,l.createElement)(e,{...a,id:r,className:g()("nfd-container__block",n)},(0,l.createElement)("div",{className:g()("nfd-pb-8",i&&"nfd-border-b nfd-border-[#CBD5E1]")},t));T.propTypes={as:c.PropTypes.element,children:c.PropTypes.node.isRequired,className:c.PropTypes.string,id:c.PropTypes.string,separator:c.PropTypes.bool};const N=({as:e="div",children:t,className:n="",description:r="",title:i,...a})=>(0,l.createElement)(e,{...a,className:g()("nfd-container__settings-field",n)},(0,l.createElement)("div",{className:"nfd-col-span-1"},(0,l.createElement)("div",{className:"nfd-max-w-screen-sm"},(0,l.createElement)(k,{as:"h3",size:"4"},i),r&&(0,l.createElement)("div",{className:"nfd-mt-2"},r))),(0,l.createElement)("fieldset",{className:"nfd-min-w-0 nfd-mt-8 xl:nfd-mt-0 xl:nfd-col-span-2"},(0,l.createElement)("legend",{className:"nfd-sr-only"},i),(0,l.createElement)("div",{className:"st-space-y-8"},t)));N.propTypes={as:c.PropTypes.element,children:c.PropTypes.node.isRequired,className:c.PropTypes.string,description:c.PropTypes.string,title:c.PropTypes.string};const O=({as:e="div",children:t,className:n="",...r})=>(0,l.createElement)(e,{...r,className:g()("nfd-container__footer",n)},t);O.propTypes={as:c.PropTypes.element,children:c.PropTypes.node.isRequired,className:c.PropTypes.string};const S=(0,l.forwardRef)((({as:e="div",children:t,className:n="",...r},i)=>(0,l.createElement)(e,{...r,className:g()("nfd-container",n),ref:i},t)));S.propTypes={as:c.PropTypes.element,children:c.PropTypes.node.isRequired,className:c.PropTypes.string},S.Header=x,S.Block=T,S.SettingsField=N,S.Footer=O;const C=S,R=window.wp.data,P=window.wp.apiFetch;var L=i.n(P);const D=window.lodash,A=(0,l.forwardRef)((({as:e,className:t,label:n,requiredIndicator:r,children:i,...a},o)=>(0,l.createElement)(e,{ref:o,className:g()("nfd-label",t),...a},n||i||null,r&&(0,l.createElement)("span",{className:"nfd-label__required"},"*")))),M={label:d().string,children:d().string,as:d().elementType,className:d().string,required:d().bool};A.propTypes=M,A.defaultProps={label:"",children:"",as:"label",className:"",requiredIndicator:!1};const I=e=>(0,l.createElement)(A,{...e});I.propTypes=M,I.defaultProps=A.defaultProps,I.displayName="Label";const j=A,z=n.forwardRef((function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"}))})),F=(e=null)=>(0,l.useMemo)((()=>{const t={role:"img","aria-hidden":"true"};return null!==e&&(t.focusable=e?"true":"false"),t}),[e]),B=(0,l.forwardRef)((({id:e,name:t,value:n,label:r,screenReaderLabel:i,variant:a,disabled:o,className:s,isLabelDangerousHtml:c,...d},u)=>{const p=F();return"inline-block"===a?(0,l.createElement)("div",{className:g()("nfd-radio","nfd-radio--inline-block",o&&"nfd-radio--disabled",s)},(0,l.createElement)("input",{type:"radio",id:e,name:t,value:n,disabled:o,className:"nfd-radio__input","aria-label":i,...d}),(0,l.createElement)("span",{className:"nfd-radio__content"},(0,l.createElement)(j,{htmlFor:e,className:"nfd-radio__label",label:c?null:r,dangerouslySetInnerHTML:c?{__html:r}:null}),(0,l.createElement)(z,{className:"nfd-radio__check",...p}))):(0,l.createElement)("div",{className:g()("nfd-radio",o&&"nfd-radio--disabled",s)},(0,l.createElement)("input",{ref:u,type:"radio",id:e,name:t,value:n,disabled:o,className:"nfd-radio__input",...d}),(0,l.createElement)(j,{htmlFor:e,className:"nfd-radio__label",label:c?null:r,dangerouslySetInnerHTML:c?{__html:r}:null}))})),q={name:d().string.isRequired,id:d().string.isRequired,value:d().string.isRequired,label:d().string.isRequired,isLabelDangerousHtml:d().bool,screenReaderLabel:d().string,variant:d().oneOf(Object.keys({default:"","inline-block":"nfd-radio--inline-block"})),disabled:d().bool,className:d().string};B.propTypes=q,B.defaultProps={screenReaderLabel:"",variant:"default",disabled:!1,className:"",isLabelDangerousHtml:!1};const H=e=>(0,l.createElement)(B,{...e});H.propTypes=q,H.defaultProps=B.defaultProps,H.displayName="Radio";const U=B,G={variant:{default:"","inline-block":"nfd-radio-group--inline-block"}},V=({children:e=null,id:t="",name:n="",value:r="",label:i,description:a,options:o,onChange:s=D.noop,variant:c="default",disabled:d=!1,className:u="",...p})=>{const f=(0,l.useCallback)((({target:e})=>e.checked&&s(e.value)),[s]);return(0,l.createElement)("fieldset",{id:`radio-group-${t}`,className:g()("nfd-radio-group",d&&"nfd-radio-group--disabled",G.variant[c],u)},i&&(0,l.createElement)(j,{as:"legend",className:"nfd-radio-group__label",label:i}),a&&(0,l.createElement)("div",{className:"nfd-radio-group__description"},a),(0,l.createElement)("div",{className:"nfd-radio-group__options"},e||o.map(((e,i)=>{const a=`radio-${t}-${i}`;return(0,l.createElement)(U,{key:a,id:a,name:n,value:e.value,label:e.label,screenReaderLabel:e.screenReaderLabel,variant:c,checked:r===e.value,onChange:f,disabled:d,...p})}))))};V.propTypes={children:d().node,id:d().string,name:d().string,value:d().string,label:d().string,description:d().string,options:d().arrayOf(d().shape({value:d().string.isRequired,label:d().string.isRequired,screenReaderLabel:d().string})),onChange:d().func,variant:d().oneOf(Object.keys(G.variant)),disabled:d().bool,className:d().string},(V.Radio=U).displayName="RadioGroup.Radio";const W=V,$="nfd/performance",X=window.wp.i18n,K=()=>{var e;const{title:t,description:r,noticeTitle:i,options:a}={title:(0,X.__)("Cache Level","wp-module-performance"),description:(0,X.__)("Boost speed and performance by storing a copy of your website content, files, and images online so the pages of your website load faster for your visitors.","wp-module-performance"),noticeTitle:(0,X.__)("Cache setting saved","wp-module-performance"),options:[{label:(0,X.__)("Disabled","wp-module-performance"),description:(0,X.__)("No cache enabled. Every page load is fresh. Not recommended.","wp-module-performance"),notice:(0,X.__)("Caching disabled.","wp-module-performance"),value:0},{label:(0,X.__)("Assets Only","wp-module-performance"),description:(0,X.__)("Cache static assets like images and the appearance of your site for 1 hour. Tuned for online stores and member sites that need to be fresh.","wp-module-performance"),notice:(0,X.__)("Cache enabled for assets only.","wp-module-performance"),value:1},{label:(0,X.__)("Assets & Web Pages","wp-module-performance"),description:(0,X.__)("Cache static assets for 24 hours and web pages for 2 hours. Tuned for sites that change at least weekly.","wp-module-performance"),notice:(0,X.__)("Cache enabled for assets and pages.","wp-module-performance"),value:2},{label:(0,X.__)("Assets & Web Pages - Extended","wp-module-performance"),description:(0,X.__)("Cache static assets for 1 week and web pages for 8 hours. Tuned for sites that update a few times a month or less.","wp-module-performance"),notice:(0,X.__)("Cache enabled for assets and pages (extended).","wp-module-performance"),value:3}]},o=null!==(e=s.NewfoldRuntime?.sdk?.cache?.level)&&void 0!==e?e:0,[c,d]=(0,l.useState)(o),{pushNotification:u}=(0,R.useDispatch)($),p=s.NewfoldRuntime.createApiUrl("/newfold-performance/v1/cache/settings"),f=e=>{var t;const n=a.find((t=>t.value===e));return null!==(t=n?.notice)&&void 0!==t?t:""},m=e=>{const t=parseInt(e.target.value,10);L()({url:p,method:"POST",data:{cacheLevel:t}}).then((()=>{d(t)})).catch((e=>{u("cache-level-error",{title:"Failed to update cache level",description:e.message||"Something went wrong.",variant:"error"})}))};return((e,t)=>{const n=(0,l.useRef)(!0);(0,l.useEffect)((()=>{n.current?n.current=!1:u("cache-level-change-notice",{title:i,description:f(c),variant:"success",autoDismiss:5e3})}),t)})(0,[c]),(0,n.createElement)(C.SettingsField,{title:t,description:r},(0,n.createElement)(W,{className:"cache-options",id:"cache-type",name:"cache-level",value:""},a.map((({value:e,label:t,description:r})=>(0,n.createElement)(l.Fragment,{key:e},(0,n.createElement)(W.Radio,{defaultChecked:e===o,id:`cache-level-${e}`,label:t,value:e,name:"cache-level",onChange:m}),(0,n.createElement)("div",{className:"nfd-radio__description"},r))))))};function Y(){let e=[],t={addEventListener:(e,n,r,i)=>(e.addEventListener(n,r,i),t.add((()=>e.removeEventListener(n,r,i)))),requestAnimationFrame(...e){let n=requestAnimationFrame(...e);return t.add((()=>cancelAnimationFrame(n)))},nextFrame:(...e)=>t.requestAnimationFrame((()=>t.requestAnimationFrame(...e))),setTimeout(...e){let n=setTimeout(...e);return t.add((()=>clearTimeout(n)))},microTask(...e){let n={current:!0};return function(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((e=>setTimeout((()=>{throw e}))))}((()=>{n.current&&e[0]()})),t.add((()=>{n.current=!1}))},style(e,t,n){let r=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:n}),this.add((()=>{Object.assign(e.style,{[t]:r})}))},group(e){let t=Y();return e(t),this.add((()=>t.dispose()))},add:t=>(e.push(t),()=>{let n=e.indexOf(t);if(n>=0)for(let t of e.splice(n,1))t()}),dispose(){for(let t of e.splice(0))t()}};return t}function J(){let[e]=(0,n.useState)(Y);return(0,n.useEffect)((()=>()=>e.dispose()),[e]),e}var Q=Object.defineProperty,Z=(e,t,n)=>(((e,t,n)=>{t in e?Q(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n);let ee=new class{constructor(){Z(this,"current",this.detect()),Z(this,"handoffState","pending"),Z(this,"currentId",0)}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return"server"===this.current}get isClient(){return"client"===this.current}detect(){return"undefined"==typeof window||"undefined"==typeof document?"server":"client"}handoff(){"pending"===this.handoffState&&(this.handoffState="complete")}get isHandoffComplete(){return"complete"===this.handoffState}},te=(e,t)=>{ee.isServer?(0,n.useEffect)(e,t):(0,n.useLayoutEffect)(e,t)};function ne(e){let t=(0,n.useRef)(e);return te((()=>{t.current=e}),[e]),t}let re=function(e){let t=ne(e);return n.useCallback(((...e)=>t.current(...e)),[t])};function ie(){let e=(0,n.useRef)(!1);return te((()=>(e.current=!0,()=>{e.current=!1})),[]),e}function ae(e=0){let[t,r]=(0,n.useState)(e),i=ie(),a=(0,n.useCallback)((e=>{i.current&&r((t=>t|e))}),[t,i]),o=(0,n.useCallback)((e=>Boolean(t&e)),[t]),l=(0,n.useCallback)((e=>{i.current&&r((t=>t&~e))}),[r,i]),s=(0,n.useCallback)((e=>{i.current&&r((t=>t^e))}),[r]);return{flags:t,addFlag:a,hasFlag:o,removeFlag:l,toggleFlag:s}}function oe(){let e=function(){let e="undefined"==typeof document;return"useSyncExternalStore"in r&&r.useSyncExternalStore((()=>()=>{}),(()=>!1),(()=>!e))}(),[t,i]=n.useState(ee.isHandoffComplete);return t&&!1===ee.isHandoffComplete&&i(!1),n.useEffect((()=>{!0!==t&&i(!0)}),[t]),n.useEffect((()=>ee.handoff()),[]),!e&&t}let le=Symbol();function se(...e){let t=(0,n.useRef)(e);(0,n.useEffect)((()=>{t.current=e}),[e]);let r=re((e=>{for(let n of t.current)null!=n&&("function"==typeof n?n(e):n.current=e)}));return e.every((e=>null==e||(null==e?void 0:e[le])))?void 0:r}function ce(e,t,...n){if(e in t){let r=t[e];return"function"==typeof r?r(...n):r}let r=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((e=>`"${e}"`)).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,ce),r}function de(e,...t){e&&t.length>0&&e.classList.add(...t)}function ue(e,...t){e&&t.length>0&&e.classList.remove(...t)}function pe({immediate:e,container:t,direction:n,classes:r,onStart:i,onStop:a}){let o=ie(),l=J(),s=ne(n);te((()=>{e&&(s.current="enter")}),[e]),te((()=>{let e=Y();l.add(e.dispose);let n=t.current;if(n&&"idle"!==s.current&&o.current)return e.dispose(),i.current(s.current),e.add(function(e,t,n,r){let i=n?"enter":"leave",a=Y(),o=void 0!==r?function(e){let t={called:!1};return(...n)=>{if(!t.called)return t.called=!0,e(...n)}}(r):()=>{};"enter"===i&&(e.removeAttribute("hidden"),e.style.display="");let l=ce(i,{enter:()=>t.enter,leave:()=>t.leave}),s=ce(i,{enter:()=>t.enterTo,leave:()=>t.leaveTo}),c=ce(i,{enter:()=>t.enterFrom,leave:()=>t.leaveFrom});return ue(e,...t.base,...t.enter,...t.enterTo,...t.enterFrom,...t.leave,...t.leaveFrom,...t.leaveTo,...t.entered),de(e,...t.base,...l,...c),a.nextFrame((()=>{ue(e,...t.base,...l,...c),de(e,...t.base,...l,...s),function(e,t){let n=Y();if(!e)return n.dispose;let{transitionDuration:r,transitionDelay:i}=getComputedStyle(e),[a,o]=[r,i].map((e=>{let[t=0]=e.split(",").filter(Boolean).map((e=>e.includes("ms")?parseFloat(e):1e3*parseFloat(e))).sort(((e,t)=>t-e));return t})),l=a+o;if(0!==l){n.group((n=>{n.setTimeout((()=>{t(),n.dispose()}),l),n.addEventListener(e,"transitionrun",(e=>{e.target===e.currentTarget&&n.dispose()}))}));let r=n.addEventListener(e,"transitionend",(e=>{e.target===e.currentTarget&&(t(),r())}))}else t();n.add((()=>t())),n.dispose}(e,(()=>(ue(e,...t.base,...l),de(e,...t.base,...t.entered),o())))})),a.dispose}(n,r.current,"enter"===s.current,(()=>{e.dispose(),a.current(s.current)}))),e.dispose}),[n])}let fe=(0,n.createContext)(null);fe.displayName="OpenClosedContext";var me,he=((me=he||{})[me.Open=1]="Open",me[me.Closed=2]="Closed",me[me.Closing=4]="Closing",me[me.Opening=8]="Opening",me);function ge(){return(0,n.useContext)(fe)}function ve({value:e,children:t}){return n.createElement(fe.Provider,{value:e},t)}function be(...e){return Array.from(new Set(e.flatMap((e=>"string"==typeof e?e.split(" "):[])))).filter(Boolean).join(" ")}var ye=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(ye||{}),Ee=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(Ee||{});function we({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:i,visible:a=!0,name:o,mergeRefs:l}){l=null!=l?l:ke;let s=xe(t,e);if(a)return _e(s,n,r,o,l);let c=null!=i?i:0;if(2&c){let{static:e=!1,...t}=s;if(e)return _e(t,n,r,o,l)}if(1&c){let{unmount:e=!0,...t}=s;return ce(e?0:1,{0:()=>null,1:()=>_e({...t,hidden:!0,style:{display:"none"}},n,r,o,l)})}return _e(s,n,r,o,l)}function _e(e,t={},r,i,a){let{as:o=r,children:l,refName:s="ref",...c}=Oe(e,["unmount","static"]),d=void 0!==e.ref?{[s]:e.ref}:{},u="function"==typeof l?l(t):l;"className"in c&&c.className&&"function"==typeof c.className&&(c.className=c.className(t));let p={};if(t){let e=!1,n=[];for(let[r,i]of Object.entries(t))"boolean"==typeof i&&(e=!0),!0===i&&n.push(r);e&&(p["data-headlessui-state"]=n.join(" "))}if(o===n.Fragment&&Object.keys(Ne(c)).length>0){if(!(0,n.isValidElement)(u)||Array.isArray(u)&&u.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${i} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(c).map((e=>`  - ${e}`)).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map((e=>`  - ${e}`)).join("\n")].join("\n"));let e=u.props,t="function"==typeof(null==e?void 0:e.className)?(...t)=>be(null==e?void 0:e.className(...t),c.className):be(null==e?void 0:e.className,c.className),r=t?{className:t}:{};return(0,n.cloneElement)(u,Object.assign({},xe(u.props,Ne(Oe(c,["ref"]))),p,d,{ref:a(u.ref,d.ref)},r))}return(0,n.createElement)(o,Object.assign({},Oe(c,["ref"]),o!==n.Fragment&&d,o!==n.Fragment&&p),u)}function ke(...e){return e.every((e=>null==e))?void 0:t=>{for(let n of e)null!=n&&("function"==typeof n?n(t):n.current=t)}}function xe(...e){if(0===e.length)return{};if(1===e.length)return e[0];let t={},n={};for(let r of e)for(let e in r)e.startsWith("on")&&"function"==typeof r[e]?(null!=n[e]||(n[e]=[]),n[e].push(r[e])):t[e]=r[e];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(n).map((e=>[e,void 0]))));for(let e in n)Object.assign(t,{[e](t,...r){let i=n[e];for(let e of i){if((t instanceof Event||(null==t?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;e(t,...r)}}});return t}function Te(e){var t;return Object.assign((0,n.forwardRef)(e),{displayName:null!=(t=e.displayName)?t:e.name})}function Ne(e){let t=Object.assign({},e);for(let e in t)void 0===t[e]&&delete t[e];return t}function Oe(e,t=[]){let n=Object.assign({},e);for(let e of t)e in n&&delete n[e];return n}function Se(e=""){return e.split(/\s+/).filter((e=>e.length>1))}let Ce=(0,n.createContext)(null);Ce.displayName="TransitionContext";var Re=(e=>(e.Visible="visible",e.Hidden="hidden",e))(Re||{});let Pe=(0,n.createContext)(null);function Le(e){return"children"in e?Le(e.children):e.current.filter((({el:e})=>null!==e.current)).filter((({state:e})=>"visible"===e)).length>0}function De(e,t){let r=ne(e),i=(0,n.useRef)([]),a=ie(),o=J(),l=re(((e,t=Ee.Hidden)=>{let n=i.current.findIndex((({el:t})=>t===e));-1!==n&&(ce(t,{[Ee.Unmount](){i.current.splice(n,1)},[Ee.Hidden](){i.current[n].state="hidden"}}),o.microTask((()=>{var e;!Le(i)&&a.current&&(null==(e=r.current)||e.call(r))})))})),s=re((e=>{let t=i.current.find((({el:t})=>t===e));return t?"visible"!==t.state&&(t.state="visible"):i.current.push({el:e,state:"visible"}),()=>l(e,Ee.Unmount)})),c=(0,n.useRef)([]),d=(0,n.useRef)(Promise.resolve()),u=(0,n.useRef)({enter:[],leave:[],idle:[]}),p=re(((e,n,r)=>{c.current.splice(0),t&&(t.chains.current[n]=t.chains.current[n].filter((([t])=>t!==e))),null==t||t.chains.current[n].push([e,new Promise((e=>{c.current.push(e)}))]),null==t||t.chains.current[n].push([e,new Promise((e=>{Promise.all(u.current[n].map((([e,t])=>t))).then((()=>e()))}))]),"enter"===n?d.current=d.current.then((()=>null==t?void 0:t.wait.current)).then((()=>r(n))):r(n)})),f=re(((e,t,n)=>{Promise.all(u.current[t].splice(0).map((([e,t])=>t))).then((()=>{var e;null==(e=c.current.shift())||e()})).then((()=>n(t)))}));return(0,n.useMemo)((()=>({children:i,register:s,unregister:l,onStart:p,onStop:f,wait:d,chains:u})),[s,l,i,p,f,u,d])}function Ae(){}Pe.displayName="NestingContext";let Me=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function Ie(e){var t;let n={};for(let r of Me)n[r]=null!=(t=e[r])?t:Ae;return n}let je=ye.RenderStrategy,ze=Te((function(e,t){let{show:r,appear:i=!1,unmount:a=!0,...o}=e,l=(0,n.useRef)(null),s=se(l,t);oe();let c=ge();if(void 0===r&&null!==c&&(r=(c&he.Open)===he.Open),![!0,!1].includes(r))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[d,u]=(0,n.useState)(r?"visible":"hidden"),p=De((()=>{u("hidden")})),[f,m]=(0,n.useState)(!0),h=(0,n.useRef)([r]);te((()=>{!1!==f&&h.current[h.current.length-1]!==r&&(h.current.push(r),m(!1))}),[h,r]);let g=(0,n.useMemo)((()=>({show:r,appear:i,initial:f})),[r,i,f]);(0,n.useEffect)((()=>{if(r)u("visible");else if(Le(p)){let e=l.current;if(!e)return;let t=e.getBoundingClientRect();0===t.x&&0===t.y&&0===t.width&&0===t.height&&u("hidden")}else u("hidden")}),[r,p]);let v={unmount:a},b=re((()=>{var t;f&&m(!1),null==(t=e.beforeEnter)||t.call(e)})),y=re((()=>{var t;f&&m(!1),null==(t=e.beforeLeave)||t.call(e)}));return n.createElement(Pe.Provider,{value:p},n.createElement(Ce.Provider,{value:g},we({ourProps:{...v,as:n.Fragment,children:n.createElement(Fe,{ref:s,...v,...o,beforeEnter:b,beforeLeave:y})},theirProps:{},defaultTag:n.Fragment,features:je,visible:"visible"===d,name:"Transition"})))})),Fe=Te((function(e,t){var r,i;let{beforeEnter:a,afterEnter:o,beforeLeave:l,afterLeave:s,enter:c,enterFrom:d,enterTo:u,entered:p,leave:f,leaveFrom:m,leaveTo:h,...g}=e,v=(0,n.useRef)(null),b=se(v,t),y=null==(r=g.unmount)||r?Ee.Unmount:Ee.Hidden,{show:E,appear:w,initial:_}=function(){let e=(0,n.useContext)(Ce);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}(),[k,x]=(0,n.useState)(E?"visible":"hidden"),T=function(){let e=(0,n.useContext)(Pe);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}(),{register:N,unregister:O}=T;(0,n.useEffect)((()=>N(v)),[N,v]),(0,n.useEffect)((()=>{if(y===Ee.Hidden&&v.current)return E&&"visible"!==k?void x("visible"):ce(k,{hidden:()=>O(v),visible:()=>N(v)})}),[k,v,N,O,E,y]);let S=ne({base:Se(g.className),enter:Se(c),enterFrom:Se(d),enterTo:Se(u),entered:Se(p),leave:Se(f),leaveFrom:Se(m),leaveTo:Se(h)}),C=function(e){let t=(0,n.useRef)(Ie(e));return(0,n.useEffect)((()=>{t.current=Ie(e)}),[e]),t}({beforeEnter:a,afterEnter:o,beforeLeave:l,afterLeave:s}),R=oe();(0,n.useEffect)((()=>{if(R&&"visible"===k&&null===v.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[v,k,R]);let P=w&&E&&_,L=!R||_&&!w?"idle":E?"enter":"leave",D=ae(0),A=re((e=>ce(e,{enter:()=>{D.addFlag(he.Opening),C.current.beforeEnter()},leave:()=>{D.addFlag(he.Closing),C.current.beforeLeave()},idle:()=>{}}))),M=re((e=>ce(e,{enter:()=>{D.removeFlag(he.Opening),C.current.afterEnter()},leave:()=>{D.removeFlag(he.Closing),C.current.afterLeave()},idle:()=>{}}))),I=De((()=>{x("hidden"),O(v)}),T),j=(0,n.useRef)(!1);pe({immediate:P,container:v,classes:S,direction:L,onStart:ne((e=>{j.current=!0,I.onStart(v,e,A)})),onStop:ne((e=>{j.current=!1,I.onStop(v,e,M),"leave"===e&&!Le(I)&&(x("hidden"),O(v))}))});let z=g,F={ref:b};return P?z={...z,className:be(g.className,...S.current.enter,...S.current.enterFrom)}:j.current&&(z.className=be(g.className,null==(i=v.current)?void 0:i.className),""===z.className&&delete z.className),n.createElement(Pe.Provider,{value:I},n.createElement(ve,{value:ce(k,{visible:he.Open,hidden:he.Closed})|D.flags},we({ourProps:F,theirProps:z,defaultTag:"div",features:je,visible:"visible"===k,name:"Transition.Child"})))})),Be=Te((function(e,t){let r=null!==(0,n.useContext)(Ce),i=null!==ge();return n.createElement(n.Fragment,null,!r&&i?n.createElement(ze,{ref:t,...e}):n.createElement(Fe,{ref:t,...e}))})),qe=Object.assign(ze,{Child:Be,Root:ze});const He=n.forwardRef((function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"}))})),Ue=n.forwardRef((function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{fillRule:"evenodd",d:"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",clipRule:"evenodd"}))})),Ge=n.forwardRef((function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z",clipRule:"evenodd"}))})),Ve=n.forwardRef((function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",clipRule:"evenodd"}))})),We={success:z,warning:Ue,info:Ge,error:Ve},$e={variant:{success:"nfd-validation-icon--success",warning:"nfd-validation-icon--warning",info:"nfd-validation-icon--info",error:"nfd-validation-icon--error"}},Xe=({variant:e="info",className:t="",...n})=>{const r=(0,l.useMemo)((()=>We[e]),[e]),i=F();return r?(0,l.createElement)(r,{...i,...n,className:g()("nfd-validation-icon",$e.variant[e],t)}):null};Xe.propTypes={variant:d().oneOf((0,D.values)({success:"success",warning:"warning",info:"info",error:"error"})),className:d().string};const Ke=Xe,Ye=(0,l.createContext)({position:"bottom-left"}),Je={variant:{info:"nfd-notification--info",warning:"nfd-notification--warning",success:"nfd-notification--success",error:"nfd-notification--error"},position:{"bottom-center":"nfd-translate-y-full","bottom-left":"nfd-translate-y-full","top-center":"nfd--translate-y-full"},size:{default:"",large:"nfd-notification--large"}},Qe=({children:e,id:t,variant:n="info",size:r="default",title:i,description:a="",onDismiss:o=null,autoDismiss:s=null,dismissScreenReaderLabel:c})=>{const{position:d}=(0,l.useContext)(Ye),[u,p]=(0,l.useState)(!1),f=(0,l.useCallback)((()=>{p(!1),setTimeout((()=>{o(t)}),150)}),[o,t]);return(0,l.useEffect)((()=>{let e;return p(!0),s&&(e=setTimeout((()=>{f()}),s)),()=>clearTimeout(e)}),[]),(0,l.createElement)(qe,{show:u,enter:"nfd-transition nfd-ease-in-out nfd-duration-150",enterFrom:g()("nfd-opacity-0",Je.position[d]),enterTo:"nfd-translate-y-0",leave:"nfd-transition nfd-ease-in-out nfd-duration-150",leaveFrom:"nfd-translate-y-0",leaveTo:g()("nfd-opacity-0",Je.position[d]),className:g()("nfd-notification",Je.variant[n],Je.size[r]),role:"alert"},(0,l.createElement)("div",{className:"nfd-flex nfd-items-start nfd-gap-3"},(0,l.createElement)("div",{className:"nfd-flex-shrink-0"},(0,l.createElement)(Ke,{variant:n,className:"nfd-notification__icon"})),(0,l.createElement)("div",{className:"nfd-w-0 nfd-flex-1"},(0,l.createElement)("p",{className:"nfd-text-sm nfd-font-medium nfd-text-slate-800"},i),e||a&&((0,D.isArray)(a)?(0,l.createElement)("ul",{className:"nfd-list-disc nfd-ml-4"},a.map(((e,t)=>(0,l.createElement)("li",{className:"nfd-pt-1",key:`${e}-${t}`},e)))):(0,l.createElement)("p",null,a))),o&&(0,l.createElement)("div",{className:"nfd-flex-shrink-0 nfd-flex"},(0,l.createElement)("button",{onClick:f,className:"nfd-bg-white nfd-rounded-md nfd-inline-flex nfd-text-slate-400 hover:nfd-text-slate-500 focus:nfd-outline-none focus:nfd-ring-2 focus:nfd-ring-offset-2 focus:nfd-ring-primary-500"},(0,l.createElement)("span",{className:"nfd-sr-only"},c),(0,l.createElement)(He,{className:"nfd-h-5 nfd-w-5"})))))};Qe.propTypes={children:d().node,id:d().string.isRequired,variant:d().oneOf((0,D.keys)(Je.variant)),size:d().oneOf((0,D.keys)(Je.size)),title:d().string.isRequired,description:d().oneOfType([d().node,d().arrayOf(d().node)]),onDismiss:d().func,autoDismiss:d().number,dismissScreenReaderLabel:d().string.isRequired};const Ze={position:{"bottom-center":"nfd-notifications--bottom-center","bottom-left":"nfd-notifications--bottom-left","top-center":"nfd-notifications--top-center"}},et=({children:e,position:t="bottom-left"})=>(0,l.createElement)(Ye.Provider,{value:{position:t}},(0,l.createElement)("aside",{className:g()("nfd-notifications",Ze.position[t])},e));et.propTypes={children:d().node,position:d().oneOf((0,D.keys)(Ze.position))},(et.Notification=Qe).displayName="Notifications.Notification";const tt=et,nt=()=>{const e=(0,R.useSelect)((e=>e($).getVisibleNotifications()),[]),{dismissNotification:t}=(0,R.useDispatch)($);return(0,n.createElement)(tt,{className:"nfd-notifications--bottom-right"},e.map((([e,{description:r,...i}])=>{const a=Array.isArray(r)?{description:r}:{children:r};return(0,n.createElement)(tt.Notification,{id:e,key:e,...i,...a,dismissScreenReaderLabel:"Dismiss",onDismiss:()=>{t(e),i.onDismiss&&i.onDismiss(e)}})})))},rt=(0,l.forwardRef)((({disabled:e,rows:t,className:n,...r},i)=>(0,l.createElement)("textarea",{ref:i,disabled:e,rows:t,className:g()("nfd-textarea",e&&"nfd-textarea--disabled",n),...r}))),it={className:d().string,disabled:d().bool,cols:d().number,rows:d().number};rt.propTypes=it,rt.defaultProps={className:"",disabled:!1,cols:20,rows:2};const at=e=>(0,l.createElement)(rt,{...e});at.propTypes=it,at.defaultProps=rt.defaultProps,at.displayName="Textarea";const ot=rt,lt={variant:{success:"nfd-validation-input--success",warning:"nfd-validation-input--warning",info:"nfd-validation-input--info",error:"nfd-validation-input--error"}},st=(0,l.forwardRef)((({as:e,validation:t={},className:n="",...r},i)=>(0,l.createElement)("div",{className:g()("nfd-validation-input",(null==t?void 0:t.message)&&lt.variant[null==t?void 0:t.variant])},(0,l.createElement)(e,{ref:i,...r,className:g()("nfd-validation-input__input",n)}),(null==t?void 0:t.message)&&(0,l.createElement)(Ke,{variant:null==t?void 0:t.variant,className:"nfd-validation-input__icon"}))));st.propTypes={as:d().elementType.isRequired,validation:d().shape({variant:d().string,message:d().node}),className:d().string};const ct=st,dt={variant:{success:"nfd-validation-message--success",warning:"nfd-validation-message--warning",info:"nfd-validation-message--info",error:"nfd-validation-message--error"}},ut=({as:e="p",variant:t="info",children:n,className:r="",...i})=>(0,l.createElement)(e,{...i,className:g()("nfd-validation-message",dt.variant[t],r)},n);ut.propTypes={as:d().elementType,variant:d().oneOf((0,D.keys)(dt.variant)),message:d().node,className:d().string,children:d().node.isRequired};const pt=ut,ft=(e,t)=>{const n=(0,l.useMemo)((()=>(0,D.reduce)(t,((t,n,r)=>n?(t[r]=`${e}__${r}`,t):t),{})),[e,t]),r=(0,l.useMemo)((()=>(0,D.values)(n).join(" ")||null),[n]);return{ids:n,describedBy:r}},mt=(0,l.forwardRef)((({id:e,label:t,className:n="",description:r="",validation:i={},...a},o)=>{const{ids:s,describedBy:c}=ft(e,{validation:null==i?void 0:i.message,description:r});return(0,l.createElement)("div",{className:g()("nfd-textarea-field",n)},(0,l.createElement)("div",{className:"nfd-flex nfd-items-center nfd-mb-2"},(0,l.createElement)(j,{className:"nfd-textarea-field__label",htmlFor:e},t)),(0,l.createElement)(ct,{as:ot,ref:o,id:e,className:"nfd-textarea-field__input","aria-describedby":c,validation:i,...a}),(null==i?void 0:i.message)&&(0,l.createElement)(pt,{variant:null==i?void 0:i.variant,id:s.validation,className:"nfd-textarea-field__validation"},i.message),r&&(0,l.createElement)("p",{id:s.description,className:"nfd-textarea-field__description"},r))})),ht={id:d().string.isRequired,label:d().string.isRequired,className:d().string,description:d().node,validation:d().shape({variant:d().string,message:d().node})};mt.propTypes=ht,mt.defaultProps={className:"",description:null,validation:{}};const gt=e=>(0,l.createElement)(mt,{...e});gt.propTypes=ht,gt.defaultProps=mt.defaultProps,gt.displayName="TextareaField";const vt=mt,bt={variant:{default:"",primary:"nfd-text-primary-500",white:"nfd-text-white"},size:{3:"nfd-w-3 nfd-h-3",4:"nfd-w-4 nfd-h-4",8:"nfd-w-8 nfd-h-8"}},yt=(0,l.forwardRef)((({variant:e,size:t,className:n},r)=>{const i=F();return(0,l.createElement)("svg",{ref:r,xmlns:"http://www.w3.org/2000/svg/",fill:"none",viewBox:"0 0 24 24",className:g()("nfd-animate-spin",bt.variant[e],bt.size[t],n),...i},(0,l.createElement)("circle",{className:"nfd-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,l.createElement)("path",{className:"nfd-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}))})),Et={variant:d().oneOf((0,D.keys)(bt.variant)),size:d().oneOf((0,D.keys)(bt.size)),className:d().string};yt.propTypes=Et,yt.defaultProps={variant:"default",size:"4",className:""};const wt=e=>(0,l.createElement)(yt,{...e});wt.propTypes=Et,wt.defaultProps=yt.defaultProps,wt.displayName="Spinner";const _t=yt,kt={variant:{primary:"nfd-button--primary",secondary:"nfd-button--secondary",error:"nfd-button--error",upsell:"nfd-button--upsell"},size:{default:"",small:"nfd-button--small",large:"nfd-button--large"}},xt=(0,l.forwardRef)((({children:e,as:t,type:n,variant:r,size:i,isLoading:a,disabled:o,className:s,...c},d)=>(0,l.createElement)(t,{type:n||"button"===t&&"button"||void 0,disabled:o,ref:d,className:g()("nfd-button",kt.variant[r],kt.size[i],a&&"nfd-cursor-wait",o&&"nfd-button--disabled",s),...c},a&&(0,l.createElement)(_t,{size:"small"===i?"3":"4",className:"nfd-mr-2"}),e))),Tt={children:d().node.isRequired,as:d().elementType,type:d().oneOf(["button","submit","reset"]),variant:d().oneOf((0,D.keys)(kt.variant)),size:d().oneOf((0,D.keys)(kt.size)),isLoading:d().bool,disabled:d().bool,className:d().string};xt.propTypes=Tt,xt.defaultProps={as:"button",type:void 0,variant:"primary",size:"default",isLoading:!1,disabled:!1,className:""};const Nt=xt,Ot=e=>(0,l.createElement)(xt,{...e});Ot.propTypes=Tt,Ot.defaultProps=xt.defaultProps,Ot.displayName="Button";const{cacheExclusionTitle:St,cacheExclusionDescription:Ct,cacheExclusionSaved:Rt,cacheExclusionSaveButton:Pt}={cacheExclusionTitle:(0,X.__)("Exclude from cache","wp-module-performance"),cacheExclusionDescription:(0,X.__)("This setting controls what pages pass a “no-cache” header so that page caching and browser caching is not used.","wp-module-performance"),cacheExclusionSaved:(0,X.__)("Cache Exclusion saved","wp-module-performance"),cacheExclusionSaveButton:(0,X.__)("Save","wp-module-performance")},Lt=()=>{var e;const[t,r]=(0,l.useState)(!1),[i,a]=(0,l.useState)(!1),[o,c]=(0,l.useState)(!1),d=null!==(e=s.NewfoldRuntime?.sdk?.cache?.exclusion)&&void 0!==e?e:"",[u,p]=(0,l.useState)(d),[f,m]=(0,l.useState)(d),h=s.NewfoldRuntime.createApiUrl("/newfold-performance/v1/cache/settings"),{pushNotification:g}=(0,R.useDispatch)($);return((e,t)=>{const n=(0,l.useRef)(!0);(0,l.useEffect)((()=>{if(!n.current)return((e,t,n,r="success",i=!1)=>{g("cache-exclusion-notice",{title:t,description:n,variant:r,autoDismiss:i})})(0,St,i||Rt,i?"error":"success",5e3),void c(!1);n.current=!1}),t)})(0,[o,i]),(0,n.createElement)(C.SettingsField,{title:St,description:Ct},(0,n.createElement)(vt,{id:"cache-exclusion",name:"cache-exclusion",onChange:e=>{const t=e.target.value;r(t!==f),p(t)},value:u,rows:"1",label:St}),t&&(0,n.createElement)(Nt,{variant:"secondary",className:"save-cache-exclusion-button",onClick:()=>{L()({url:h,method:"POST",data:{cacheExclusion:u}}).then((()=>{c(!0),m(u),r(!1)})).catch((e=>{a(e.message)}))}},Pt))},Dt=()=>{var e;const{clearCacheTitle:t,clearCacheDescription:r,clearCacheButton:i,clearCacheNoticeTitle:a}={clearCacheTitle:(0,X.__)("Clear Cache","wp-plugin-bluehost"),clearCacheDescription:(0,X.__)("We automatically clear your cache as you work (creating content, changing settings, installing plugins and more). But you can manually clear it here to be confident it is fresh.","wp-plugin-bluehost"),clearCacheButton:(0,X.__)("Clear All Cache Now","wp-plugin-bluehost"),clearCacheNoticeTitle:(0,X.__)("Cache cleared","wp-plugin-bluehost")},o=s.NewfoldRuntime.createApiUrl("/newfold-performance/v1/cache/settings"),[c]=(0,l.useState)(null!==(e=s.NewfoldRuntime?.sdk?.cache?.level)&&void 0!==e?e:0),{pushNotification:d}=(0,R.useDispatch)($);return(0,n.createElement)(C.SettingsField,{title:t,description:r},(0,n.createElement)(Nt,{variant:"secondary",className:"clear-cache-button",onClick:()=>{L()({url:o,method:"DELETE"}).then((()=>{d("clear-cache-success",{title:a,variant:"success",autoDismiss:5e3})})).catch((e=>{d("clear-cache-error",{title:"Failed to clear cache",description:e.message||"Something went wrong.",variant:"error",autoDismiss:5e3})}))},disabled:c<=0},i))};function At(e,t,r){let[i,a]=(0,n.useState)(r),o=void 0!==e,l=(0,n.useRef)(o),s=(0,n.useRef)(!1),c=(0,n.useRef)(!1);return!o||l.current||s.current?!o&&l.current&&!c.current&&(c.current=!0,l.current=o,console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")):(s.current=!0,l.current=o,console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")),[o?e:i,re((e=>(o||a(e),null==t?void 0:t(e))))]}var Mt;let It=null!=(Mt=n.useId)?Mt:function(){let e=oe(),[t,r]=n.useState(e?()=>ee.nextId():null);return te((()=>{null===t&&r(ee.nextId())}),[t]),null!=t?""+t:void 0};function jt(e){var t;if(e.type)return e.type;let n=null!=(t=e.as)?t:"button";return"string"==typeof n&&"button"===n.toLowerCase()?"button":void 0}function zt(e,t){let[r,i]=(0,n.useState)((()=>jt(e)));return te((()=>{i(jt(e))}),[e.type,e.as]),te((()=>{r||t.current&&t.current instanceof HTMLButtonElement&&!t.current.hasAttribute("type")&&i("button")}),[r,t]),r}var Ft=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(Ft||{});let Bt=Te((function(e,t){var n;let{features:r=1,...i}=e;return we({ourProps:{ref:t,"aria-hidden":!(2&~r)||(null!=(n=i["aria-hidden"])?n:void 0),hidden:!(4&~r)||void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...!(4&~r)&&!!(2&~r)&&{display:"none"}}},theirProps:i,slot:{},defaultTag:"div",name:"Hidden"})}));function qt(e){let t=e.parentElement,n=null;for(;t&&!(t instanceof HTMLFieldSetElement);)t instanceof HTMLLegendElement&&(n=t),t=t.parentElement;let r=""===(null==t?void 0:t.getAttribute("disabled"));return(!r||!function(e){if(!e)return!1;let t=e.previousElementSibling;for(;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(n))&&r}function Ht(e={},t=null,n=[]){for(let[r,i]of Object.entries(e))Gt(n,Ut(t,r),i);return n}function Ut(e,t){return e?e+"["+t+"]":t}function Gt(e,t,n){if(Array.isArray(n))for(let[r,i]of n.entries())Gt(e,Ut(t,r.toString()),i);else n instanceof Date?e.push([t,n.toISOString()]):"boolean"==typeof n?e.push([t,n?"1":"0"]):"string"==typeof n?e.push([t,n]):"number"==typeof n?e.push([t,`${n}`]):null==n?e.push([t,""]):Ht(n,t,e)}let Vt=(0,n.createContext)(null);function Wt(){let e=(0,n.useContext)(Vt);if(null===e){let e=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,Wt),e}return e}let $t=Te((function(e,t){let n=It(),{id:r=`headlessui-description-${n}`,...i}=e,a=Wt(),o=se(t);return te((()=>a.register(r)),[r,a.register]),we({ourProps:{ref:o,...a.props,id:r},theirProps:i,slot:a.slot||{},defaultTag:"p",name:a.name||"Description"})})),Xt=Object.assign($t,{});var Kt=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(Kt||{});let Yt=(0,n.createContext)(null);function Jt(){let e=(0,n.useContext)(Yt);if(null===e){let e=new Error("You used a <Label /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,Jt),e}return e}let Qt=Te((function(e,t){let n=It(),{id:r=`headlessui-label-${n}`,passive:i=!1,...a}=e,o=Jt(),l=se(t);te((()=>o.register(r)),[r,o.register]);let s={ref:l,...o.props,id:r};return i&&("onClick"in s&&(delete s.htmlFor,delete s.onClick),"onClick"in a&&delete a.onClick),we({ourProps:s,theirProps:a,slot:o.slot||{},defaultTag:"label",name:o.name||"Label"})})),Zt=Object.assign(Qt,{}),en=(0,n.createContext)(null);en.displayName="GroupContext";let tn=n.Fragment,nn=Te((function(e,t){var r;let i=It(),{id:a=`headlessui-switch-${i}`,checked:o,defaultChecked:l=!1,onChange:s,disabled:c=!1,name:d,value:u,form:p,...f}=e,m=(0,n.useContext)(en),h=(0,n.useRef)(null),g=se(h,t,null===m?null:m.setSwitch),[v,b]=At(o,s,l),y=re((()=>null==b?void 0:b(!v))),E=re((e=>{if(qt(e.currentTarget))return e.preventDefault();e.preventDefault(),y()})),w=re((e=>{e.key===Kt.Space?(e.preventDefault(),y()):e.key===Kt.Enter&&function(e){var t,n;let r=null!=(t=null==e?void 0:e.form)?t:e.closest("form");if(r){for(let t of r.elements)if(t!==e&&("INPUT"===t.tagName&&"submit"===t.type||"BUTTON"===t.tagName&&"submit"===t.type||"INPUT"===t.nodeName&&"image"===t.type))return void t.click();null==(n=r.requestSubmit)||n.call(r)}}(e.currentTarget)})),_=re((e=>e.preventDefault())),k=(0,n.useMemo)((()=>({checked:v})),[v]),x={id:a,ref:g,role:"switch",type:zt(e,h),tabIndex:-1===e.tabIndex?0:null!=(r=e.tabIndex)?r:0,"aria-checked":v,"aria-labelledby":null==m?void 0:m.labelledby,"aria-describedby":null==m?void 0:m.describedby,disabled:c,onClick:E,onKeyUp:w,onKeyPress:_},T=J();return(0,n.useEffect)((()=>{var e;let t=null==(e=h.current)?void 0:e.closest("form");t&&void 0!==l&&T.addEventListener(t,"reset",(()=>{b(l)}))}),[h,b]),n.createElement(n.Fragment,null,null!=d&&v&&n.createElement(Bt,{features:Ft.Hidden,...Ne({as:"input",type:"checkbox",hidden:!0,readOnly:!0,disabled:c,form:p,checked:v,name:d,value:u})}),we({ourProps:x,theirProps:f,slot:k,defaultTag:"button",name:"Switch"}))})),rn=Object.assign(nn,{Group:function(e){var t;let[r,i]=(0,n.useState)(null),[a,o]=function(){let[e,t]=(0,n.useState)([]);return[e.length>0?e.join(" "):void 0,(0,n.useMemo)((()=>function(e){let r=re((e=>(t((t=>[...t,e])),()=>t((t=>{let n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))))),i=(0,n.useMemo)((()=>({register:r,slot:e.slot,name:e.name,props:e.props})),[r,e.slot,e.name,e.props]);return n.createElement(Yt.Provider,{value:i},e.children)}),[t])]}(),[l,s]=function(){let[e,t]=(0,n.useState)([]);return[e.length>0?e.join(" "):void 0,(0,n.useMemo)((()=>function(e){let r=re((e=>(t((t=>[...t,e])),()=>t((t=>{let n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))))),i=(0,n.useMemo)((()=>({register:r,slot:e.slot,name:e.name,props:e.props})),[r,e.slot,e.name,e.props]);return n.createElement(Vt.Provider,{value:i},e.children)}),[t])]}(),c=(0,n.useMemo)((()=>({switch:r,setSwitch:i,labelledby:a,describedby:l})),[r,i,a,l]),d=e;return n.createElement(s,{name:"Switch.Description"},n.createElement(o,{name:"Switch.Label",props:{htmlFor:null==(t=c.switch)?void 0:t.id,onClick(e){r&&("LABEL"===e.currentTarget.tagName&&e.preventDefault(),r.click(),r.focus({preventScroll:!0}))}}},n.createElement(en.Provider,{value:c},we({ourProps:{},theirProps:d,defaultTag:tn,name:"Switch.Group"}))))},Label:Zt,Description:Xt});const an=n.forwardRef((function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"}))})),on=n.forwardRef((function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))})),ln=(0,l.forwardRef)((({id:e,as:t,checked:n,screenReaderLabel:r,onChange:i,disabled:a,className:o,type:s,...c},d)=>{const u=F();return(0,l.createElement)(rn,{ref:d,as:t,checked:n,disabled:a,onChange:a?D.noop:i,className:g()("nfd-toggle",n&&"nfd-toggle--checked",a&&"nfd-toggle--disabled",o),"data-id":e,...c,type:"button"===t?"button":s},(0,l.createElement)("span",{className:"nfd-sr-only"},r),(0,l.createElement)("span",{className:"nfd-toggle__handle"},(0,l.createElement)(qe,{show:n,unmount:!1,as:"span","aria-hidden":!n,enter:"",enterFrom:"nfd-opacity-0 nfd-hidden",enterTo:"nfd-opacity-100",leaveFrom:"nfd-opacity-100",leaveTo:"nfd-opacity-0 nfd-hidden"},(0,l.createElement)(an,{className:"nfd-toggle__icon nfd-toggle__icon--check",...u})),(0,l.createElement)(qe,{show:!n,unmount:!1,as:"span","aria-hidden":n,enterFrom:"nfd-opacity-0 nfd-hidden",enterTo:"nfd-opacity-100",leaveFrom:"nfd-opacity-100",leaveTo:"nfd-opacity-0 nfd-hidden"},(0,l.createElement)(on,{className:"nfd-toggle__icon nfd-toggle__icon--x",...u}))))})),sn={as:d().elementType,id:d().string.isRequired,checked:d().bool,screenReaderLabel:d().string.isRequired,onChange:d().func.isRequired,disabled:d().bool,type:d().string,className:d().string};ln.propTypes=sn,ln.defaultProps={as:"button",checked:!1,disabled:!1,type:"",className:""};const cn=e=>(0,l.createElement)(ln,{...e});cn.propTypes=sn,cn.defaultProps=ln.defaultProps,cn.displayName="Toggle";const dn=ln,un=(0,l.forwardRef)((({id:e,children:t,label:n,labelSuffix:r,description:i,checked:a,disabled:o,onChange:s,className:c,"aria-label":d,...u},p)=>(0,l.createElement)(rn.Group,{as:"div",className:g()("nfd-toggle-field",o&&"nfd-toggle-field--disabled",c)},(0,l.createElement)("div",{className:"nfd-toggle-field__header"},n&&(0,l.createElement)("div",{className:"nfd-toggle-field__label-wrapper"},(0,l.createElement)(j,{as:rn.Label,className:"nfd-toggle-field__label",label:n,"aria-label":d}),r),(0,l.createElement)(dn,{id:e,ref:p,checked:a,onChange:s,screenReaderLabel:n,disabled:o,...u})),(i||t)&&(0,l.createElement)(rn.Description,{as:"div",className:"nfd-toggle-field__description"},i||t)))),pn={id:d().string.isRequired,children:d().node,label:d().string.isRequired,labelSuffix:d().node,description:d().node,checked:d().bool.isRequired,disabled:d().bool,onChange:d().func.isRequired,className:d().string,"aria-label":d().string};un.propTypes=pn,un.defaultProps={children:null,labelSuffix:null,description:null,disabled:!1,className:""};const fn=e=>(0,l.createElement)(un,{...e});fn.propTypes=pn,fn.defaultProps=un.defaultProps,fn.displayName="ToggleField";const mn=un,hn={skip404Title:(0,X.__)("Skip 404","wp-plugin-bluehost"),skip404Description:(0,X.__)("When enabled, static resources like images and fonts will use a default server 404 page and not WordPress 404 pages. Pages and posts will continue using WordPress for 404 pages.","wp-plugin-bluehost"),skip404OptionLabel:(0,X.__)("Enable Skip 404 Handling For Static Files","wp-plugin-bluehost"),skip404NoticeTitle:(0,X.__)("Skip 404 saved","wp-plugin-bluehost"),optionNotSet:(0,X.__)("Error saving option","wp-plugin-bluehost")},{skip404Title:gn,skip404Description:vn,skip404OptionLabel:bn,skip404NoticeTitle:yn,optionNotSet:En}=hn,wn=()=>{var e;const[t,r]=(0,l.useState)(null!==(e=s.NewfoldRuntime?.sdk?.skip404?.is_active)&&void 0!==e&&e),{pushNotification:i}=(0,R.useDispatch)($);return(0,n.createElement)(C.SettingsField,{title:gn,description:vn},(0,n.createElement)(mn,{id:"skip-404",label:bn,checked:t,onChange:()=>{const e=!t;L()({path:"/newfold-performance/v1/skip404",method:"POST",data:{field:{id:"skip404",value:e}}}).then((()=>{i("skip404-change-notice",{title:yn,variant:"success",autoDismiss:5e3})})).catch((()=>{i("skip404-change-notice",{title:En,variant:"error",autoDismiss:5e3})})),r(e)}}))};var kn=i(442);const xn=kn.default||kn,Tn=(0,l.forwardRef)((({min:e,max:t,progress:n,className:r,...i},a)=>{const o=(0,l.useMemo)((()=>n/(t-e)*100),[e,t,n]);return(0,l.createElement)("div",{ref:a,"aria-hidden":"true",className:g()("nfd-progress-bar",r),...i},(0,l.createElement)("div",{className:"nfd-progress-bar__progress",style:{width:`${o}%`}}))})),Nn={min:d().number.isRequired,max:d().number.isRequired,progress:d().number.isRequired,className:d().string};Tn.propTypes=Nn,Tn.defaultProps={className:""};const On=e=>(0,l.createElement)(Tn,{...e});On.propTypes=Nn,On.defaultProps=Tn.defaultProps,On.displayName="ProgressBar";const Sn=Tn,Cn=n.forwardRef((function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"}))})),Rn={variant:{default:"nfd-feature-upsell--default",card:"nfd-feature-upsell--card"}},Pn=({children:e,shouldUpsell:t=!0,className:n="",variant:r="card",cardLink:i="",cardText:a="",...o})=>{const s=F();return t?(0,l.createElement)("div",{className:g()("nfd-feature-upsell",Rn.variant[r],n)},(0,l.createElement)("div",{className:"nfd-space-y-8 nfd-grayscale"},e),(0,l.createElement)("div",{className:"nfd-absolute nfd-inset-0 nfd-ring-1 nfd-ring-black nfd-ring-opacity-5 nfd-shadow-lg nfd-rounded-md"}),(0,l.createElement)("div",{className:"nfd-absolute nfd-inset-0 nfd-flex nfd-items-center nfd-justify-center"},(0,l.createElement)(Nt,{as:"a",className:"nfd-gap-2 nfd-shadow-lg nfd-shadow-amber-700/30",variant:"upsell",href:i,target:"_blank",rel:"noopener",...o},(0,l.createElement)(Cn,{className:"nfd-w-5 nfd-h-5 nfd--ml-1 nfd-shrink-0",...s}),a))):e};Pn.propTypes={children:d().node.isRequired,shouldUpsell:d().bool,className:d().string,variant:d().oneOf(Object.keys(Rn.variant)),cardLink:d().string,cardText:d().string};const Ln=Pn,Dn=()=>({performanceAdvancedSettingsTitle:(0,X.__)("Advanced settings","wp-module-performance"),performanceAdvancedSettingsDescription:(0,X.__)("Additional speed and scalability features powered by Jetpack Boost to make your site as fast as it can be.","wp-module-performance"),optionSet:(0,X.__)("Option saved correctly","wp-module-performance"),optionNotSet:(0,X.__)("Error saving option","wp-module-performance"),upgradeModule:(0,X.__)("Upgrade to unlock","wp-module-performance"),jetpackBoostCtaText:(0,X.__)("Install Jetpack Boost to unlock","wp-module-performance"),jetpackBoostInstalling:(0,X.__)("Installing Jetpack Boost…","wp-module-performance"),jetpackBoostActivated:(0,X.__)("Jetpack Boost is now active","wp-module-performance"),jetpackBoostActivationFailed:(0,X.__)("Activation failed","wp-module-performance"),jetpackBoostCriticalCssTitle:(0,X.__)("Optimize Critical CSS Loading (manual)","wp-module-performance"),jetpackBoostCriticalCssDescription:(0,X.__)("Move important styling information to the start of the page, which helps pages display your content sooner, so your users don’t have to wait for the entire page to load.","wp-module-performance"),jetpackBoostCriticalCssButton:(0,X.__)("Generate CSS","wp-module-performance"),jetpackBoostCriticalCssGenerationSuccess:(0,X.__)("Critical CSS generated successfully.","wp-module-performance"),jetpackBoostCriticalCssGenerationText:(0,X.__)("Keep this page opened until the process finish","wp-module-performance"),jetpackBoostCriticalCssGenerationIssue:(0,X.__)("Error generating Critical CSS, try again","wp-module-performance"),jetpackBoostCriticalCssPremiumTitle:(0,X.__)("Optimize Critical CSS Loading (UPGRADED)","wp-module-performance"),jetpackBoostCriticalCssUpgradeTitle:(0,X.__)("Generate Critical CSS Automatically","wp-module-performance"),jetpackBoostCriticalCssPremiumDescription:(0,X.sprintf)(
+// translators: %1$s is a line break (<br>), %2$s is the opening <strong> tag, %3$s is the closing </strong> tag.
+// translators: %1$s is a line break (<br>), %2$s is the opening <strong> tag, %3$s is the closing </strong> tag.
+(0,X.__)("Move important styling information to the start of the page, which helps pages display your content sooner, so your users don’t have to wait for the entire page to load.%1$s %2$sBoost will automatically generate your Critical CSS%3$s whenever you make changes to the HTML or CSS structure of your site.","wp-module-performance"),"<br><br>","<strong>","</strong>"),jetpackBoostRenderBlockingTitle:(0,X.__)("Defer Non-Essential JavaScript","wp-module-performance"),jetpackBoostRenderBlockingDescription:(0,X.__)("Run non-essential JavaScript after the page has loaded so that styles and images can load more quickly.","wp-module-performance"),jetpackBoostMinifyJsTitle:(0,X.__)("Concatenate JS","wp-module-performance"),jetpackBoostMinifyJsDescription:(0,X.__)("Scripts are grouped by their original placement, concatenated and minified to reduce site loading time and reduce the number of requests.","wp-module-performance"),jetpackBoostExcludeJsTitle:(0,X.__)("Exclude JS Strings","wp-module-performance"),jetpackBoostMinifyCssTitle:(0,X.__)("Concatenate CSS","wp-module-performance"),jetpackBoostMinifyCssDescription:(0,X.__)("Styles are grouped by their original placement, concatenated and minified to reduce site loading time and reduce the number of requests.","wp-module-performance"),jetpackBoostExcludeCssTitle:(0,X.__)("Exclude CSS Strings","wp-module-performance")}),An=({setModuleStatus:e})=>{const[t,r]=(0,l.useState)(!1),[i,a]=(0,l.useState)(!1),[o,c]=(0,l.useState)(null),{jetpackBoostInstalling:d,jetpackBoostActivated:u,jetpackBoostActivationFailed:p,jetpackBoostCtaText:f}=Dn();return(0,n.createElement)("div",{className:"nfd-performance-jetpack-boost-container-install-activate-button"},(0,n.createElement)("button",{className:"nfd-button--upsell nfd-shadow-lg nfd-shadow-amber-700/30 nfd-flex nfd-justify-center nfd-items-center nfd-py-[10px]",onClick:async()=>{r(!0),c(d);const t=s.NewfoldRuntime.createApiUrl("/newfold-installer/v1/plugins/install"),n=s.NewfoldRuntime.sdk?.jetpackboost.install_token||"";try{await L()({url:t,method:"POST",headers:{"X-NFD-INSTALLER":n},data:{plugin:"jetpack-boost",activate:!0,queue:!1}}),a(!0),e(!0),c(u)}catch(e){c(p)}finally{r(!1),window.location.reload()}}},t?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(_t,null),(0,n.createElement)("p",null,o)):!i&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)("span",null,(0,n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:"nfd-w-5 nfd-h-5 nfd--ml-1 nfd-shrink-0",role:"img"},(0,n.createElement)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"}))),(0,n.createElement)("span",null,f))))},Mn=()=>{const{performanceAdvancedSettingsTitle:e,performanceAdvancedSettingsDescription:t,optionSet:r,optionNotSet:i,upgradeModule:a,jetpackBoostCriticalCssTitle:o,jetpackBoostCriticalCssDescription:c,jetpackBoostCriticalCssButton:d,jetpackBoostCriticalCssGenerationSuccess:u,jetpackBoostCriticalCssGenerationText:p,jetpackBoostCriticalCssGenerationIssue:f,jetpackBoostCriticalCssPremiumTitle:m,jetpackBoostCriticalCssUpgradeTitle:h,jetpackBoostCriticalCssPremiumDescription:g,jetpackBoostRenderBlockingTitle:v,jetpackBoostRenderBlockingDescription:b,jetpackBoostMinifyJsTitle:y,jetpackBoostMinifyJsDescription:E,jetpackBoostExcludeJsTitle:w,jetpackBoostMinifyCssTitle:_,jetpackBoostMinifyCssDescription:k,jetpackBoostExcludeCssTitle:x}=Dn(),T=window.location.href.split("/wp-admin/")[0],N=s.NewfoldRuntime.sdk?.jetpackboost||{},O=N.jetpack_premium_is_active||!1,[S,P]=(0,l.useState)(N.is_active||!1),[D,A]=(0,l.useState)(!1),[M,I]=(0,l.useState)(!1),[j,z]=(0,l.useState)(null),F=(0,l.useRef)(null),[B,q]=(0,l.useState)({"critical-css":N.critical_css||!1,"critical-css-premium":N.jcritical_css||!1,"render-blocking-js":N.blocking_js||!1,"minify-js":N.minify_js||!1,"minify-js-excludes":N.minify_js_excludes||"","minify-css":N.minify_css||!1,"minify-css-excludes":N.minify_css_excludes||""}),{pushNotification:H}=(0,R.useDispatch)($),U=(e,t,n="",r="success",i=5e3)=>{H(e,{title:t,description:n,variant:r,autoDismiss:i})},G=(e,t)=>{A(!0),"object"==typeof e&&(e=e.target.value);const n={...B,[t]:e};q(n),F.current&&clearTimeout(F.current),F.current=setTimeout((()=>{L()({path:"newfold-performance/v1/jetpack/settings",method:"POST",data:{field:{id:t,value:e}}}).then((()=>{U("cache-level-change-notice",r)})).catch((()=>{U("cache-level-change-notice",i,"","error")})).finally((()=>{A(!1)}))}),500),"critical-css"===t&&!0===e&&V()},V=async()=>{let e;I(!0);try{await new Promise((e=>setTimeout(e,1e3))),await L()({path:"newfold-performance/v1/jetpack/regenerate_critical_css",method:"POST"});const t=`${T}/wp-admin/admin.php?page=jetpack-boost`;e=document.createElement("iframe"),e.src=t,document.body.appendChild(e),e.onload=function(){try{const t=(e.contentDocument||e.contentWindow.document).querySelector('div[role="progressbar"]');if(!t)return e?.remove(),I(!1),void U("critical-css-generation-notice",f,"","error");let n;I(!1);const r=()=>{const r=parseInt(t.getAttribute("aria-valuenow"),10);z(r),100===r&&(setTimeout((()=>{z(null),e.remove(),U("cache-level-change-notice",u)}),1e3),void 0!==n&&n.disconnect())};"undefined"!=typeof MutationObserver&&(n=new MutationObserver(r),n.observe(t,{attributes:!0,attributeFilter:["aria-valuenow"]}),r())}catch(e){console.error("Error accessing iFrame:",e),U("cache-level-change-notice",f)}}}catch(t){e?.remove(),I(!1),U("critical-css-generation-notice",f,"","error"),console.error(t)}},W=(0,n.createElement)(mn,{id:"critical-css-premium",label:O?m:h,description:xn(g),checked:!!B["critical-css-premium"],onChange:e=>G(e,"critical-css-premium")});return(0,n.createElement)(C.SettingsField,{title:e,description:t},(0,n.createElement)("div",{className:`nfd-performance-jetpack-boost-container-options ${D?"is-loading":""} ${S?"":"module-disabled nfd-inset-0 nfd-ring-1 nfd-ring-black nfd-ring-opacity-5 nfd-shadow-lg nfd-rounded-md"}`},!S&&(0,n.createElement)(An,{setModuleStatus:P}),D&&(0,n.createElement)(_t,{size:"8",variant:"primary",className:"nfd-performance-jetpack-boost-loader nfd-text-primary"}),!O&&(0,n.createElement)("div",{className:"section",style:{marginBottom:"20px"}},(0,n.createElement)(mn,{id:"critical-css",label:o,description:xn(c),checked:!!B["critical-css"],onChange:e=>G(e,"critical-css")}),(0,n.createElement)("div",null,B["critical-css"]&&null===j&&(0,n.createElement)(Nt,{size:"small",variant:"secondary",onClick:V,disabled:j>0||M,isLoading:M,className:"nfd-performance-jetpack-boost-regenerate-critical-css"},d),null!==j&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(Sn,{max:100,min:0,progress:j}),(0,n.createElement)("p",null,p)))),(0,n.createElement)("div",{className:"section automatic-critical-css",style:{marginBottom:"20px"}},S&&!O?(0,n.createElement)(Ln,{cardText:a,cardLink:`${T}/wp-admin/admin.php?page=jetpack-boost#upgrade`},W):W),(0,n.createElement)("div",{className:"section",style:{marginBottom:"20px"}},(0,n.createElement)(mn,{id:"render-blocking-js",label:v,description:xn(b),checked:!!B["render-blocking-js"],onChange:e=>G(e,"render-blocking-js")})),(0,n.createElement)("div",{className:"section",style:{marginBottom:"20px"}},(0,n.createElement)(mn,{id:"minify-js",label:y,description:xn(E),checked:!!B["minify-js"],onChange:e=>G(e,"minify-js")}),B["minify-js"]&&(0,n.createElement)("div",{className:"subsection",style:{marginTop:"15px"}},(0,n.createElement)("p",{className:"field-label"},w),(0,n.createElement)(ot,{id:"minify-js-excludes",value:B["minify-js-excludes"],onChange:e=>G(e,"minify-js-excludes")}))),(0,n.createElement)("div",{className:"section",style:{marginBottom:"20px"}},(0,n.createElement)(mn,{id:"minify-css",label:_,description:xn(k),checked:!!B["minify-css"],onChange:e=>G(e,"minify-css")}),B["minify-css"]&&(0,n.createElement)("div",{className:"subsection",style:{marginTop:"15px"}},(0,n.createElement)("p",{className:"field-label"},x),(0,n.createElement)(ot,{id:"minify-css-excludes",value:B["minify-css-excludes"],onChange:e=>G(e,"minify-css-excludes")})))))};function In(e,t){let[r,i]=(0,n.useState)(e),a=ne(e);return te((()=>i(a.current)),[a,i,...t]),r}function jn(e){return ee.isServer?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}let zn=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((e=>`${e}:not([tabindex='-1'])`)).join(",");var Fn,Bn,qn=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e))(qn||{}),Hn=((Bn=Hn||{})[Bn.Error=0]="Error",Bn[Bn.Overflow=1]="Overflow",Bn[Bn.Success=2]="Success",Bn[Bn.Underflow=3]="Underflow",Bn),Un=((Fn=Un||{})[Fn.Previous=-1]="Previous",Fn[Fn.Next=1]="Next",Fn),Gn=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(Gn||{});function Vn(e,t=0){var n;return e!==(null==(n=jn(e))?void 0:n.body)&&ce(t,{0:()=>e.matches(zn),1(){let t=e;for(;null!==t;){if(t.matches(zn))return!0;t=t.parentElement}return!1}})}var Wn=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(Wn||{});function $n(e,t,r){let i=ne(t);(0,n.useEffect)((()=>{function t(e){i.current(e)}return document.addEventListener(e,t,r),()=>document.removeEventListener(e,t,r)}),[e,r])}function Xn(e,t,r=!0){let i=(0,n.useRef)(!1);function a(n,r){if(!i.current||n.defaultPrevented)return;let a=r(n);if(null===a||!a.getRootNode().contains(a)||!a.isConnected)return;let o=function e(t){return"function"==typeof t?e(t()):Array.isArray(t)||t instanceof Set?t:[t]}(e);for(let e of o){if(null===e)continue;let t=e instanceof HTMLElement?e:e.current;if(null!=t&&t.contains(a)||n.composed&&n.composedPath().includes(t))return}return!Vn(a,Gn.Loose)&&-1!==a.tabIndex&&n.preventDefault(),t(n,a)}(0,n.useEffect)((()=>{requestAnimationFrame((()=>{i.current=r}))}),[r]);let o=(0,n.useRef)(null);$n("pointerdown",(e=>{var t,n;i.current&&(o.current=(null==(n=null==(t=e.composedPath)?void 0:t.call(e))?void 0:n[0])||e.target)}),!0),$n("mousedown",(e=>{var t,n;i.current&&(o.current=(null==(n=null==(t=e.composedPath)?void 0:t.call(e))?void 0:n[0])||e.target)}),!0),$n("click",(e=>{/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0||/Android/gi.test(window.navigator.userAgent)||o.current&&(a(e,(()=>o.current)),o.current=null)}),!0),$n("touchend",(e=>a(e,(()=>e.target instanceof HTMLElement?e.target:null))),!0),function(e,t,r){let i=ne((e=>a(e,(()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null))));(0,n.useEffect)((()=>{function t(e){i.current(e)}return window.addEventListener(e,t,r),()=>window.removeEventListener(e,t,r)}),[e,r])}("blur",0,!0)}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("keydown",(e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")}),!0),document.addEventListener("click",(e=>{1===e.detail?delete document.documentElement.dataset.headlessuiFocusVisible:0===e.detail&&(document.documentElement.dataset.headlessuiFocusVisible="")}),!0)),["textarea","input"].join(",");let Kn=/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;function Yn(e){var t,n;let r=null!=(t=e.innerText)?t:"",i=e.cloneNode(!0);if(!(i instanceof HTMLElement))return r;let a=!1;for(let e of i.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))e.remove(),a=!0;let o=a?null!=(n=i.innerText)?n:"":r;return Kn.test(o)&&(o=o.replace(Kn,"")),o}function Jn(e){return[e.screenX,e.screenY]}var Qn=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(Qn||{});var Zn=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Zn||{}),er=(e=>(e[e.Single=0]="Single",e[e.Multi=1]="Multi",e))(er||{}),tr=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(tr||{}),nr=(e=>(e[e.OpenListbox=0]="OpenListbox",e[e.CloseListbox=1]="CloseListbox",e[e.GoToOption=2]="GoToOption",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterOption=5]="RegisterOption",e[e.UnregisterOption=6]="UnregisterOption",e[e.RegisterLabel=7]="RegisterLabel",e))(nr||{});function rr(e,t=e=>e){let n=null!==e.activeOptionIndex?e.options[e.activeOptionIndex]:null,r=function(e,t=e=>e){return e.slice().sort(((e,n)=>{let r=t(e),i=t(n);if(null===r||null===i)return 0;let a=r.compareDocumentPosition(i);return a&Node.DOCUMENT_POSITION_FOLLOWING?-1:a&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}(t(e.options.slice()),(e=>e.dataRef.current.domRef.current)),i=n?r.indexOf(n):null;return-1===i&&(i=null),{options:r,activeOptionIndex:i}}let ir={1:e=>e.dataRef.current.disabled||1===e.listboxState?e:{...e,activeOptionIndex:null,listboxState:1},0(e){if(e.dataRef.current.disabled||0===e.listboxState)return e;let t=e.activeOptionIndex,{isSelected:n}=e.dataRef.current,r=e.options.findIndex((e=>n(e.dataRef.current.value)));return-1!==r&&(t=r),{...e,listboxState:0,activeOptionIndex:t}},2(e,t){var n;if(e.dataRef.current.disabled||1===e.listboxState)return e;let r=rr(e),i=function(e,t){let n=t.resolveItems();if(n.length<=0)return null;let r=t.resolveActiveIndex(),i=null!=r?r:-1;switch(e.focus){case 0:for(let e=0;e<n.length;++e)if(!t.resolveDisabled(n[e],e,n))return e;return r;case 1:for(let e=i-1;e>=0;--e)if(!t.resolveDisabled(n[e],e,n))return e;return r;case 2:for(let e=i+1;e<n.length;++e)if(!t.resolveDisabled(n[e],e,n))return e;return r;case 3:for(let e=n.length-1;e>=0;--e)if(!t.resolveDisabled(n[e],e,n))return e;return r;case 4:for(let r=0;r<n.length;++r)if(t.resolveId(n[r],r,n)===e.id)return r;return r;case 5:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}(t,{resolveItems:()=>r.options,resolveActiveIndex:()=>r.activeOptionIndex,resolveId:e=>e.id,resolveDisabled:e=>e.dataRef.current.disabled});return{...e,...r,searchQuery:"",activeOptionIndex:i,activationTrigger:null!=(n=t.trigger)?n:1}},3:(e,t)=>{if(e.dataRef.current.disabled||1===e.listboxState)return e;let n=""!==e.searchQuery?0:1,r=e.searchQuery+t.value.toLowerCase(),i=(null!==e.activeOptionIndex?e.options.slice(e.activeOptionIndex+n).concat(e.options.slice(0,e.activeOptionIndex+n)):e.options).find((e=>{var t;return!e.dataRef.current.disabled&&(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(r))})),a=i?e.options.indexOf(i):-1;return-1===a||a===e.activeOptionIndex?{...e,searchQuery:r}:{...e,searchQuery:r,activeOptionIndex:a,activationTrigger:1}},4:e=>e.dataRef.current.disabled||1===e.listboxState||""===e.searchQuery?e:{...e,searchQuery:""},5:(e,t)=>{let n={id:t.id,dataRef:t.dataRef},r=rr(e,(e=>[...e,n]));return null===e.activeOptionIndex&&e.dataRef.current.isSelected(t.dataRef.current.value)&&(r.activeOptionIndex=r.options.indexOf(n)),{...e,...r}},6:(e,t)=>{let n=rr(e,(e=>{let n=e.findIndex((e=>e.id===t.id));return-1!==n&&e.splice(n,1),e}));return{...e,...n,activationTrigger:1}},7:(e,t)=>({...e,labelId:t.id})},ar=(0,n.createContext)(null);function or(e){let t=(0,n.useContext)(ar);if(null===t){let t=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,or),t}return t}ar.displayName="ListboxActionsContext";let lr=(0,n.createContext)(null);function sr(e){let t=(0,n.useContext)(lr);if(null===t){let t=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,sr),t}return t}function cr(e,t){return ce(t.type,ir,e,t)}lr.displayName="ListboxDataContext";let dr=n.Fragment,ur=ye.RenderStrategy|ye.Static,pr=Te((function(e,t){let{value:r,defaultValue:i,form:a,name:o,onChange:l,by:s=(e,t)=>e===t,disabled:c=!1,horizontal:d=!1,multiple:u=!1,...p}=e;const f=d?"horizontal":"vertical";let m=se(t),[h=(u?[]:void 0),g]=At(r,l,i),[v,b]=(0,n.useReducer)(cr,{dataRef:(0,n.createRef)(),listboxState:1,options:[],searchQuery:"",labelId:null,activeOptionIndex:null,activationTrigger:1}),y=(0,n.useRef)({static:!1,hold:!1}),E=(0,n.useRef)(null),w=(0,n.useRef)(null),_=(0,n.useRef)(null),k=re("string"==typeof s?(e,t)=>{let n=s;return(null==e?void 0:e[n])===(null==t?void 0:t[n])}:s),x=(0,n.useCallback)((e=>ce(T.mode,{1:()=>h.some((t=>k(t,e))),0:()=>k(h,e)})),[h]),T=(0,n.useMemo)((()=>({...v,value:h,disabled:c,mode:u?1:0,orientation:f,compare:k,isSelected:x,optionsPropsRef:y,labelRef:E,buttonRef:w,optionsRef:_})),[h,c,u,v]);te((()=>{v.dataRef.current=T}),[T]),Xn([T.buttonRef,T.optionsRef],((e,t)=>{var n;b({type:1}),Vn(t,Gn.Loose)||(e.preventDefault(),null==(n=T.buttonRef.current)||n.focus())}),0===T.listboxState);let N=(0,n.useMemo)((()=>({open:0===T.listboxState,disabled:c,value:h})),[T,c,h]),O=re((e=>{let t=T.options.find((t=>t.id===e));t&&A(t.dataRef.current.value)})),S=re((()=>{if(null!==T.activeOptionIndex){let{dataRef:e,id:t}=T.options[T.activeOptionIndex];A(e.current.value),b({type:2,focus:Qn.Specific,id:t})}})),C=re((()=>b({type:0}))),R=re((()=>b({type:1}))),P=re(((e,t,n)=>e===Qn.Specific?b({type:2,focus:Qn.Specific,id:t,trigger:n}):b({type:2,focus:e,trigger:n}))),L=re(((e,t)=>(b({type:5,id:e,dataRef:t}),()=>b({type:6,id:e})))),D=re((e=>(b({type:7,id:e}),()=>b({type:7,id:null})))),A=re((e=>ce(T.mode,{0:()=>null==g?void 0:g(e),1(){let t=T.value.slice(),n=t.findIndex((t=>k(t,e)));return-1===n?t.push(e):t.splice(n,1),null==g?void 0:g(t)}}))),M=re((e=>b({type:3,value:e}))),I=re((()=>b({type:4}))),j=(0,n.useMemo)((()=>({onChange:A,registerOption:L,registerLabel:D,goToOption:P,closeListbox:R,openListbox:C,selectActiveOption:S,selectOption:O,search:M,clearSearch:I})),[]),z={ref:m},F=(0,n.useRef)(null),B=J();return(0,n.useEffect)((()=>{F.current&&void 0!==i&&B.addEventListener(F.current,"reset",(()=>{null==g||g(i)}))}),[F,g]),n.createElement(ar.Provider,{value:j},n.createElement(lr.Provider,{value:T},n.createElement(ve,{value:ce(T.listboxState,{0:he.Open,1:he.Closed})},null!=o&&null!=h&&Ht({[o]:h}).map((([e,t],r)=>n.createElement(Bt,{features:Ft.Hidden,ref:0===r?e=>{var t;F.current=null!=(t=null==e?void 0:e.closest("form"))?t:null}:void 0,...Ne({key:e,as:"input",type:"hidden",hidden:!0,readOnly:!0,form:a,disabled:c,name:e,value:t})}))),we({ourProps:z,theirProps:p,slot:N,defaultTag:dr,name:"Listbox"}))))})),fr=Te((function(e,t){var r;let i=It(),{id:a=`headlessui-listbox-button-${i}`,...o}=e,l=sr("Listbox.Button"),s=or("Listbox.Button"),c=se(l.buttonRef,t),d=J(),u=re((e=>{switch(e.key){case Kt.Space:case Kt.Enter:case Kt.ArrowDown:e.preventDefault(),s.openListbox(),d.nextFrame((()=>{l.value||s.goToOption(Qn.First)}));break;case Kt.ArrowUp:e.preventDefault(),s.openListbox(),d.nextFrame((()=>{l.value||s.goToOption(Qn.Last)}))}})),p=re((e=>{e.key===Kt.Space&&e.preventDefault()})),f=re((e=>{if(qt(e.currentTarget))return e.preventDefault();0===l.listboxState?(s.closeListbox(),d.nextFrame((()=>{var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),s.openListbox())})),m=In((()=>{if(l.labelId)return[l.labelId,a].join(" ")}),[l.labelId,a]),h=(0,n.useMemo)((()=>({open:0===l.listboxState,disabled:l.disabled,value:l.value})),[l]);return we({ourProps:{ref:c,id:a,type:zt(e,l.buttonRef),"aria-haspopup":"listbox","aria-controls":null==(r=l.optionsRef.current)?void 0:r.id,"aria-expanded":0===l.listboxState,"aria-labelledby":m,disabled:l.disabled,onKeyDown:u,onKeyUp:p,onClick:f},theirProps:o,slot:h,defaultTag:"button",name:"Listbox.Button"})})),mr=Te((function(e,t){let r=It(),{id:i=`headlessui-listbox-label-${r}`,...a}=e,o=sr("Listbox.Label"),l=or("Listbox.Label"),s=se(o.labelRef,t);te((()=>l.registerLabel(i)),[i]);let c=re((()=>{var e;return null==(e=o.buttonRef.current)?void 0:e.focus({preventScroll:!0})})),d=(0,n.useMemo)((()=>({open:0===o.listboxState,disabled:o.disabled})),[o]);return we({ourProps:{ref:s,id:i,onClick:c},theirProps:a,slot:d,defaultTag:"label",name:"Listbox.Label"})})),hr=Te((function(e,t){var r;let i=It(),{id:a=`headlessui-listbox-options-${i}`,...o}=e,l=sr("Listbox.Options"),s=or("Listbox.Options"),c=se(l.optionsRef,t),d=J(),u=J(),p=ge(),f=null!==p?(p&he.Open)===he.Open:0===l.listboxState;(0,n.useEffect)((()=>{var e;let t=l.optionsRef.current;t&&0===l.listboxState&&t!==(null==(e=jn(t))?void 0:e.activeElement)&&t.focus({preventScroll:!0})}),[l.listboxState,l.optionsRef]);let m=re((e=>{switch(u.dispose(),e.key){case Kt.Space:if(""!==l.searchQuery)return e.preventDefault(),e.stopPropagation(),s.search(e.key);case Kt.Enter:if(e.preventDefault(),e.stopPropagation(),null!==l.activeOptionIndex){let{dataRef:e}=l.options[l.activeOptionIndex];s.onChange(e.current.value)}0===l.mode&&(s.closeListbox(),Y().nextFrame((()=>{var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})})));break;case ce(l.orientation,{vertical:Kt.ArrowDown,horizontal:Kt.ArrowRight}):return e.preventDefault(),e.stopPropagation(),s.goToOption(Qn.Next);case ce(l.orientation,{vertical:Kt.ArrowUp,horizontal:Kt.ArrowLeft}):return e.preventDefault(),e.stopPropagation(),s.goToOption(Qn.Previous);case Kt.Home:case Kt.PageUp:return e.preventDefault(),e.stopPropagation(),s.goToOption(Qn.First);case Kt.End:case Kt.PageDown:return e.preventDefault(),e.stopPropagation(),s.goToOption(Qn.Last);case Kt.Escape:return e.preventDefault(),e.stopPropagation(),s.closeListbox(),d.nextFrame((()=>{var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));case Kt.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(s.search(e.key),u.setTimeout((()=>s.clearSearch()),350))}})),h=In((()=>{var e;return null==(e=l.buttonRef.current)?void 0:e.id}),[l.buttonRef.current]),g=(0,n.useMemo)((()=>({open:0===l.listboxState})),[l]);return we({ourProps:{"aria-activedescendant":null===l.activeOptionIndex||null==(r=l.options[l.activeOptionIndex])?void 0:r.id,"aria-multiselectable":1===l.mode||void 0,"aria-labelledby":h,"aria-orientation":l.orientation,id:a,onKeyDown:m,role:"listbox",tabIndex:0,ref:c},theirProps:o,slot:g,defaultTag:"ul",features:ur,visible:f,name:"Listbox.Options"})})),gr=Te((function(e,t){let r=It(),{id:i=`headlessui-listbox-option-${r}`,disabled:a=!1,value:o,...l}=e,s=sr("Listbox.Option"),c=or("Listbox.Option"),d=null!==s.activeOptionIndex&&s.options[s.activeOptionIndex].id===i,u=s.isSelected(o),p=(0,n.useRef)(null),f=function(e){let t=(0,n.useRef)(""),r=(0,n.useRef)("");return re((()=>{let n=e.current;if(!n)return"";let i=n.innerText;if(t.current===i)return r.current;let a=function(e){let t=e.getAttribute("aria-label");if("string"==typeof t)return t.trim();let n=e.getAttribute("aria-labelledby");if(n){let e=n.split(" ").map((e=>{let t=document.getElementById(e);if(t){let e=t.getAttribute("aria-label");return"string"==typeof e?e.trim():Yn(t).trim()}return null})).filter(Boolean);if(e.length>0)return e.join(", ")}return Yn(e).trim()}(n).trim().toLowerCase();return t.current=i,r.current=a,a}))}(p),m=ne({disabled:a,value:o,domRef:p,get textValue(){return f()}}),h=se(t,p);te((()=>{if(0!==s.listboxState||!d||0===s.activationTrigger)return;let e=Y();return e.requestAnimationFrame((()=>{var e,t;null==(t=null==(e=p.current)?void 0:e.scrollIntoView)||t.call(e,{block:"nearest"})})),e.dispose}),[p,d,s.listboxState,s.activationTrigger,s.activeOptionIndex]),te((()=>c.registerOption(i,m)),[m,i]);let g=re((e=>{if(a)return e.preventDefault();c.onChange(o),0===s.mode&&(c.closeListbox(),Y().nextFrame((()=>{var e;return null==(e=s.buttonRef.current)?void 0:e.focus({preventScroll:!0})})))})),v=re((()=>{if(a)return c.goToOption(Qn.Nothing);c.goToOption(Qn.Specific,i)})),b=function(){let e=(0,n.useRef)([-1,-1]);return{wasMoved(t){let n=Jn(t);return(e.current[0]!==n[0]||e.current[1]!==n[1])&&(e.current=n,!0)},update(t){e.current=Jn(t)}}}(),y=re((e=>b.update(e))),E=re((e=>{b.wasMoved(e)&&(a||d||c.goToOption(Qn.Specific,i,0))})),w=re((e=>{b.wasMoved(e)&&(a||d&&c.goToOption(Qn.Nothing))})),_=(0,n.useMemo)((()=>({active:d,selected:u,disabled:a})),[d,u,a]);return we({ourProps:{id:i,ref:h,role:"option",tabIndex:!0===a?void 0:-1,"aria-disabled":!0===a||void 0,"aria-selected":u,disabled:void 0,onClick:g,onFocus:v,onPointerEnter:y,onMouseEnter:y,onPointerMove:E,onMouseMove:E,onPointerLeave:w,onMouseLeave:w},theirProps:l,slot:_,defaultTag:"li",name:"Listbox.Option"})})),vr=Object.assign(pr,{Button:fr,Label:mr,Options:hr,Option:gr});const br=n.forwardRef((function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{fillRule:"evenodd",d:"M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z",clipRule:"evenodd"}))})),yr={value:d().oneOfType([d().string,d().number,d().bool]).isRequired,label:d().string.isRequired},Er=({value:e,label:t})=>{const n=F(),r=(0,l.useCallback)((({active:e,selected:t})=>g()("nfd-select__option",e&&"nfd-select__option--active",t&&"nfd-select__option--selected")),[]);return(0,l.createElement)(vr.Option,{value:e,className:r},(({selected:e})=>(0,l.createElement)(l.Fragment,null,(0,l.createElement)("span",{className:g()("nfd-select__option-label",e&&"nfd-font-semibold")},t),e&&(0,l.createElement)(an,{className:"nfd-select__option-check",...n}))))};Er.propTypes=yr;const wr=(0,l.forwardRef)((({id:e,value:t,options:n,children:r,selectedLabel:i,label:a,labelProps:o,labelSuffix:s,onChange:c,disabled:d,validation:u,className:p,buttonProps:f,...m},h)=>{const v=(0,l.useMemo)((()=>n.find((e=>t===(null==e?void 0:e.value)))||n[0]),[t,n]),b=F();return(0,l.createElement)(vr,{ref:h,as:"div",value:t,onChange:c,disabled:d,className:g()("nfd-select",d&&"nfd-select--disabled",p),...m},a&&(0,l.createElement)("div",{className:"nfd-flex nfd-items-center nfd-mb-2"},(0,l.createElement)(vr.Label,{as:j,...o},a),s),(0,l.createElement)(ct,{as:vr.Button,"data-id":e,className:"nfd-select__button",validation:u,...f},(0,l.createElement)("span",{className:"nfd-select__button-label"},i||(null==v?void 0:v.label)||""),!(null!=u&&u.message)&&(0,l.createElement)(br,{className:"nfd-select__button-icon",...b})),(0,l.createElement)(qe,{as:l.Fragment,enter:"nfd-transition nfd-duration-100 nfd-ease-out",enterFrom:"nfd-transform nfd-scale-95 nfd-opacity-0",enterTo:"nfd-transform nfd-scale-100 nfd-opacity-100",leave:"nfd-transition nfd-duration-75 nfd-ease-out",leaveFrom:"nfd-transform nfd-scale-100 nfd-opacity-100",leaveTo:"nfd-transform nfd-scale-95 nfd-opacity-0"},(0,l.createElement)(vr.Options,{className:"nfd-select__options"},r||n.map((e=>(0,l.createElement)(Er,{key:e.value,...e}))))))})),_r={id:d().string.isRequired,value:d().oneOfType([d().string,d().number,d().bool]).isRequired,options:d().arrayOf(d().shape(yr)),children:d().node,selectedLabel:d().string,label:d().string,labelProps:d().object,labelSuffix:d().node,onChange:d().func.isRequired,disabled:d().bool,validation:d().shape({variant:d().string,message:d().node}),className:d().string,buttonProps:d().object};wr.propTypes=_r,wr.Option=Er,wr.Option.displayName="Select.Option",wr.defaultProps={options:[],children:null,selectedLabel:"",label:"",labelProps:{},labelSuffix:null,disabled:!1,validation:{},className:"",buttonProps:{}};const kr=e=>(0,l.createElement)(wr,{...e});kr.propTypes=_r,kr.defaultProps=wr.defaultProps,kr.displayName="Select";const xr=wr,Tr=(0,l.forwardRef)((({id:e,label:t,description:n,disabled:r,validation:i,className:a,...o},s)=>{const{ids:c,describedBy:d}=ft(e,{validation:null==i?void 0:i.message,description:n});return(0,l.createElement)("div",{className:g()("nfd-select-field",r&&"nfd-select-field--disabled",a)},(0,l.createElement)(xr,{ref:s,id:e,label:t,labelProps:{as:"label",className:"nfd-label nfd-select-field__label"},disabled:r,validation:i,className:"nfd-select-field__select",buttonProps:{"aria-describedby":d},...o}),(null==i?void 0:i.message)&&(0,l.createElement)(pt,{variant:null==i?void 0:i.variant,id:c.validation,className:"nfd-select-field__validation"},i.message),n&&(0,l.createElement)("div",{id:c.description,className:"nfd-select-field__description"},n))})),Nr={id:d().string.isRequired,name:d().string.isRequired,label:d().string.isRequired,description:d().node,disabled:d().bool,validation:d().shape({variant:d().string,message:d().node}),className:d().string};Tr.propTypes=Nr,Tr.Option=xr.Option,Tr.Option.displayName="SelectField.Option",Tr.defaultProps={disabled:!1,validation:{},className:""};const Or=e=>(0,l.createElement)(Tr,{...e});Or.propTypes=Nr,Or.defaultProps=Tr.defaultProps,Or.displayName="SelectField";const Sr=Tr,Cr=(0,l.forwardRef)((({type:e,className:t,disabled:n,readOnly:r,required:i,...a},o)=>(0,l.createElement)("input",{ref:o,type:e,className:g()("nfd-text-input",n&&"nfd-text-input--disabled",r&&"nfd-text-input--read-only",t),disabled:n,readOnly:r,required:i,...a}))),Rr={type:d().string,className:d().string,disabled:d().bool,readOnly:d().bool,required:d().bool};Cr.propTypes=Rr,Cr.defaultProps={type:"text",className:"",disabled:!1,readOnly:!1,required:!1};const Pr=Cr,Lr=e=>(0,l.createElement)(Cr,{...e});Lr.propTypes=Rr,Lr.defaultProps=Cr.defaultProps,Lr.displayName="TextInput";const Dr=(0,l.forwardRef)((({id:e,onChange:t,label:n,labelSuffix:r,labelRequiredIndicator:i,disabled:a,readOnly:o,required:s,className:c,description:d,validation:u,...p},f)=>{const{ids:m,describedBy:h}=ft(e,{validation:null==u?void 0:u.message,description:d});return(0,l.createElement)("div",{className:g()("nfd-text-field",a&&"nfd-text-field--disabled",o&&"nfd-text-field--read-only",c)},(0,l.createElement)("div",{className:"nfd-flex nfd-items-center nfd-mb-2"},(0,l.createElement)(j,{requiredIndicator:s&&i,className:"nfd-text-field__label",htmlFor:e},n),r),(0,l.createElement)(ct,{as:Pr,ref:f,id:e,onChange:t,disabled:a,readOnly:o,required:s,className:"nfd-text-field__input","aria-describedby":h,validation:u,...p}),(null==u?void 0:u.message)&&(0,l.createElement)(pt,{variant:null==u?void 0:u.variant,id:m.validation,className:"nfd-text-field__validation"},u.message),d&&(0,l.createElement)("p",{id:m.description,className:"nfd-text-field__description"},d))})),Ar={id:d().string.isRequired,onChange:d().func.isRequired,label:d().string.isRequired,labelSuffix:d().node,disabled:d().bool,readOnly:d().bool,required:d().bool,className:d().string,description:d().node,validation:d().shape({variant:d().string,message:d().node})};Dr.propTypes=Ar,Dr.defaultProps={labelSuffix:null,disabled:!1,readOnly:!1,required:!1,className:"",description:null,validation:{}};const Mr=e=>(0,l.createElement)(Dr,{...e});Mr.propTypes=Ar,Mr.defaultProps=Dr.defaultProps,Mr.displayName="TextField";const Ir=Dr;let jr=null;const zr=()=>{const{linkPrefetchTitle:e,linkPrefetchDescription:t,linkPrefetchNoticeTitle:r,linkPrefetchActivateOnDesktopDescription:i,linkPrefetchActivateOnDesktopLabel:a,linkPrefetchBehaviorLabel:o,linkPrefetchBehaviorMouseDownLabel:c,linkPrefetchBehaviorMouseDownDescription:d,linkPrefetchBehaviorMouseHoverLabel:u,linkPrefetchBehaviorMouseHoverDescription:p,linkPrefetchActivateOnMobileDescription:f,linkPrefetchActivateOnMobileLabel:m,linkPrefetchBehaviorMobileTouchstartLabel:h,linkPrefetchBehaviorMobileTouchstartDescription:g,linkPrefetchBehaviorMobileViewportLabel:v,linkPrefetchBehaviorMobileViewportDescription:b,linkPrefetchIgnoreKeywordsLabel:y,linkPrefetchIgnoreKeywordsDescription:E}={linkPrefetchTitle:(0,X.__)("Link Prefetch","wp-module-performance"),linkPrefetchDescription:(0,X.__)("Asks the browser to download and cache links on the page ahead of them being clicked on, so that when they are clicked they load almost instantly.","wp-module-performance"),linkPrefetchNoticeTitle:(0,X.__)("Link prefetching setting saved","wp-module-performance"),linkPrefetchActivateOnDesktopDescription:(0,X.__)("Enable link prefetching on desktop","wp-module-performance"),linkPrefetchActivateOnDesktopLabel:(0,X.__)("Activate on desktop","wp-module-performance"),linkPrefetchBehaviorLabel:(0,X.__)("Behavior","wp-module-performance"),linkPrefetchBehaviorMouseDownLabel:(0,X.__)("Prefetch on Mouse Down","wp-module-performance"),linkPrefetchBehaviorMouseDownDescription:(0,X.__)("Prefetch on Mouse Down: Starts loading the page as soon as you click down, for faster response when you release the click.","wp-module-performance"),linkPrefetchBehaviorMouseHoverLabel:(0,X.__)("Prefetch on Mouse Hover (Recommended)","wp-module-performance"),linkPrefetchBehaviorMouseHoverDescription:(0,X.__)("Prefetch on Mouse Hover: Begins loading the page the moment your cursor hovers over a link","wp-module-performance"),linkPrefetchActivateOnMobileDescription:(0,X.__)("Enable link prefetching on mobile","wp-module-performance"),linkPrefetchActivateOnMobileLabel:(0,X.__)("Activate on mobile","wp-module-performance"),linkPrefetchBehaviorMobileTouchstartLabel:(0,X.__)("Prefetch on Touchstart (Recommended)","wp-module-performance"),linkPrefetchBehaviorMobileTouchstartDescription:(0,X.__)("Prefetch on Touchstart: Instantly starts loading the page as soon as you tap the screen, ensuring a quicker response when you lift your finger.","wp-module-performance"),linkPrefetchBehaviorMobileViewportLabel:(0,X.__)("Prefetch Above the Fold","wp-module-performance"),linkPrefetchBehaviorMobileViewportDescription:(0,X.__)("Prefetch Above the Fold: Loads links in your current view instantly, ensuring they're ready when you need them.","wp-module-performance"),linkPrefetchIgnoreKeywordsLabel:(0,X.__)("Exclude keywords","wp-module-performance"),linkPrefetchIgnoreKeywordsDescription:(0,X.__)('Exclude Keywords: A comma separated list of words or strings that will exclude a link from being prefetched. For example, excluding "app" will prevent https://example.com/apple from being prefetched.',"wp-module-performance")},w=s.NewfoldRuntime.sdk?.linkPrefetch?.settings||{},[_,k]=(0,l.useState)(w),[x,T]=(0,l.useState)(w.ignoreKeywords||""),[N,O]=(0,l.useState)(!1),{pushNotification:S}=(0,R.useDispatch)($),P=s.NewfoldRuntime.createApiUrl("/newfold-performance/v1/link-prefetch/settings"),D=(e,t)=>{if(!(e in _))return;const n={..._,[e]:t};L()({url:P,method:"POST",data:{settings:n}}).then((()=>{k(n)})).catch((e=>{O(e.message)}))};return((t,n)=>{const i=(0,l.useRef)(!0);(0,l.useEffect)((()=>{i.current?i.current=!1:S("link-prefetch-change-notice",{title:e,description:N||r,variant:N?"error":"success",autoDismiss:5e3})}),n)})(0,[_,N]),(0,n.createElement)(C.SettingsField,{title:e,description:t,"data-cy":"link-prefetch-settings"},(0,n.createElement)("div",{className:"nfd-toggle-field nfd-mb-6"},(0,n.createElement)("div",null,(0,n.createElement)("label",{className:"nfd-label",htmlFor:"link-prefetch-active-desktop"},a),(0,n.createElement)("div",{className:"nfd-select-field__description"},i)),(0,n.createElement)(dn,{id:"link-prefetch-active-desktop","data-cy":"link-prefetch-active-desktop-toggle",screenReaderLabel:a,checked:_.activeOnDesktop,onChange:()=>D("activeOnDesktop",!_.activeOnDesktop)})),_.activeOnDesktop&&(0,n.createElement)(Sr,{id:"link-prefetch-behavior","data-cy":"link-prefetch-behavior-desktop",label:o,value:_.behavior,selectedLabel:"mouseDown"===_.behavior?c:u,onChange:e=>D("behavior",e),description:"mouseDown"===_.behavior?d:p,className:"nfd-mb-6"},(0,n.createElement)(Sr.Option,{label:u,value:"mouseHover"}),(0,n.createElement)(Sr.Option,{label:c,value:"mouseDown"})),(0,n.createElement)("div",{className:"nfd-toggle-field nfd-mb-6"},(0,n.createElement)("div",null,(0,n.createElement)("label",{className:"nfd-label",htmlFor:"link-prefetch-active-mobile"},m),(0,n.createElement)("div",{className:"nfd-select-field__description"},f)),(0,n.createElement)(dn,{id:"link-prefetch-active-mobile","data-cy":"link-prefetch-active-mobile-toggle",screenReaderLabel:m,checked:_.activeOnMobile,onChange:()=>D("activeOnMobile",!_.activeOnMobile)})),_.activeOnMobile&&(0,n.createElement)(Sr,{id:"link-prefetch-behavior-mobile","data-cy":"link-prefetch-behavior-mobile",label:o,value:_.mobileBehavior,selectedLabel:"touchstart"===_.mobileBehavior?h:v,onChange:e=>D("mobileBehavior",e),description:"touchstart"===_.mobileBehavior?g:b,className:"nfd-mb-6"},(0,n.createElement)(Sr.Option,{label:h,value:"touchstart"}),(0,n.createElement)(Sr.Option,{label:v,value:"viewport"})),(_.activeOnMobile||_.activeOnDesktop)&&(0,n.createElement)(Ir,{id:"link-prefetch-ignore-keywords","data-cy":"link-prefetch-ignore-keywords",label:y,description:E,onChange:e=>{return t=e.target.value,clearTimeout(jr),t=t.substring(0,1e3),T(t),void(jr=setTimeout((()=>{D("ignoreKeywords",t)}),700));var t},value:x}))},Fr={variant:{info:"nfd-alert--info",warning:"nfd-alert--warning",success:"nfd-alert--success",error:"nfd-alert--error"}},Br={alert:"alert",status:"status"},qr=(0,l.forwardRef)((({children:e,role:t="status",as:n="span",variant:r="info",className:i="",...a},o)=>(0,l.createElement)(n,{ref:o,className:g()("nfd-alert",Fr.variant[r],i),role:Br[t],...a},(0,l.createElement)(Ke,{variant:r,className:"nfd-alert__icon"}),(0,l.createElement)(pt,{as:"div",variant:r,className:"nfd-alert__message"},e)))),Hr={children:d().node.isRequired,as:d().elementType,variant:d().oneOf(Object.keys(Fr.variant)),className:d().string,role:d().oneOf(Object.keys(Br))};qr.propTypes=Hr,qr.defaultProps={as:"span",variant:"info",className:"",role:"status"};const Ur=qr,Gr=e=>(0,l.createElement)(qr,{...e});Gr.propTypes=qr.propTypes,Gr.DefaultProps=qr.defaultProps,Gr.displayName="Alert";const Vr=()=>{const{imageOptimizationSettingsTitle:e,imageOptimizationSettingsDescription:t,imageOptimizationUsage:r,imageOptimizationProcessed:i,imageOptimizationPerMonth:a,imageOptimizationBannedMessage:o,imageOptimizationLoadingMessage:s,imageOptimizationErrorMessage:c,imageOptimizationNoSettings:d,imageOptimizationEnabledLabel:u,imageOptimizationEnabledDescription:p,imageOptimizationAutoOptimizeLabel:f,imageOptimizationAutoOptimizeDescription:m,imageOptimizationBulkOptimizeLabel:h,imageOptimizationBulkOptimizeDescription:g,imageOptimizationBulkOptimizeButtonLabel:v,imageOptimizationAutoDeleteLabel:b,imageOptimizationAutoDeleteDescription:y,imageOptimizationLazyLoadingLabel:E,imageOptimizationLazyLoadingDescription:w,imageOptimizationPreferWebPLabel:_,imageOptimizationPreferWebPDescription:k,imageOptimizationUpdatedTitle:x,imageOptimizationUpdatedDescription:T,imageOptimizationUpdateErrorTitle:N,imageOptimizationGenericErrorMessage:O}={imageOptimizationSettingsTitle:(0,X.__)("Image Optimization","wp-module-performance"),imageOptimizationSettingsDescription:(0,X.__)("We automatically optimize your uploaded images to WebP format for faster performance and reduced file sizes. You can also choose to delete the original images to save storage space.","wp-module-performance"),imageOptimizationUsage:(0,X.__)("Usage:","wp-module-performance"),imageOptimizationProcessed:(0,X.__)("images processed of","wp-module-performance"),imageOptimizationPerMonth:(0,X.__)("/month","wp-module-performance"),imageOptimizationBannedMessage:(0,X.__)("This site no longer qualifies for image optimization as it has reached its usage limits.","wp-module-performance"),imageOptimizationLoadingMessage:(0,X.__)("Loading settings…","wp-module-performance"),imageOptimizationErrorMessage:(0,X.__)("Oops! Something went wrong. Please try again.","wp-module-performance"),imageOptimizationNoSettings:(0,X.__)("No settings available.","wp-module-performance"),imageOptimizationEnabledLabel:(0,X.__)("Enable Image Optimization","wp-module-performance"),imageOptimizationEnabledDescription:(0,X.__)("Enable or disable image optimization globally.","wp-module-performance"),imageOptimizationAutoOptimizeLabel:(0,X.__)("Automatically Optimize Uploaded Images","wp-module-performance"),imageOptimizationAutoOptimizeDescription:(0,X.__)("When enabled, all your new image uploads will be automatically optimized to WebP format, ensuring faster page loading and reduced file sizes.","wp-module-performance"),imageOptimizationBulkOptimizeLabel:(0,X.__)("Enable Bulk Optimization of Images","wp-module-performance"),imageOptimizationBulkOptimizeDescription:(0,X.__)("When enabled, allows bulk optimization of images in the media library.","wp-module-performance"),imageOptimizationBulkOptimizeButtonLabel:(0,X.__)("Go to Media Library","wp-module-performance"),imageOptimizationAutoDeleteLabel:(0,X.__)("Auto Delete Original Image","wp-module-performance"),imageOptimizationAutoDeleteDescription:(0,X.__)("When enabled, the original uploaded image is deleted and replaced with the optimized version, helping to save storage space. If disabled, the optimized image is saved as a separate file, retaining the original.","wp-module-performance"),imageOptimizationLazyLoadingLabel:(0,X.__)("Enable Lazy Loading","wp-module-performance"),imageOptimizationLazyLoadingDescription:(0,X.__)("Lazy loading defers the loading of images until they are visible on the screen, improving page load speed and performance.","wp-module-performance"),imageOptimizationPreferWebPLabel:(0,X.__)("Prefer Optimized Image When Exists","wp-module-performance"),imageOptimizationPreferWebPDescription:(0,X.__)("When enabled, optimized images will be served in place of original images when they exist, improving performance.","wp-module-performance"),imageOptimizationUpdatedTitle:(0,X.__)("Settings updated successfully","wp-module-performance"),imageOptimizationUpdatedDescription:(0,X.__)("Your image optimization settings have been saved.","wp-module-performance"),imageOptimizationUpdateErrorTitle:(0,X.__)("Error Updating Settings","wp-module-performance"),imageOptimizationGenericErrorMessage:(0,X.__)("Something went wrong while updating the settings. Please try again.","wp-module-performance")},[S,P]=(0,l.useState)(null),[D,A]=(0,l.useState)(!1),[M,I]=(0,l.useState)(!0),[j,z]=(0,l.useState)(!1),[F,B]=(0,l.useState)({monthlyRequestCount:0,maxRequestsPerMonth:1e5}),{pushNotification:q}=(0,R.useDispatch)($),H="/wp/v2/settings",U=(e,t)=>{if(j)return;const n={...S};switch(e){case"enabled":n.enabled=t,n.auto_optimized_uploaded_images.enabled=t,n.auto_optimized_uploaded_images.auto_delete_original_image=t,n.bulk_optimization=t,n.lazy_loading.enabled=t,n.prefer_optimized_image_when_exists=t;break;case"autoOptimizeEnabled":n.auto_optimized_uploaded_images.enabled=t;break;case"bulkOptimize":n.bulk_optimization=t;break;case"lazyLoading":n.lazy_loading.enabled=t;break;case"autoDeleteOriginalImage":n.auto_optimized_uploaded_images.auto_delete_original_image=t;break;case"preferOptimizedImageWhenExists":n.prefer_optimized_image_when_exists=t}"autoDeleteOriginalImage"===e||n.bulk_optimization||n.auto_optimized_uploaded_images.enabled||(n.auto_optimized_uploaded_images.auto_delete_original_image=!1),P(n),(async e=>{A(!1);try{const t=await L()({path:H,method:"POST",data:{nfd_image_optimization:e}}),n=t?.nfd_image_optimization||{};P(n),z(n?.banned_status||!1),B(n?.monthly_usage||{monthlyRequestCount:0,maxRequestsPerMonth:1e5}),q("img-opt-updated",{title:x,description:T,variant:"success",autoDismiss:5e3})}catch{A(!0),q("img-opt-error",{title:N,description:O,variant:"error",autoDismiss:8e3})}})(n)};if((0,l.useEffect)((()=>{(async()=>{I(!0),A(!1);try{const e=await L()({path:H}),t=e?.nfd_image_optimization||{};P(t),z(t?.banned_status||!1),B(t?.monthly_usage||{monthlyRequestCount:0,maxRequestsPerMonth:1e5})}catch{A(!0)}finally{I(!1)}})()}),[]),M)return(0,n.createElement)("p",null,s);if(D)return(0,n.createElement)(Ur,{variant:"error"},c);if(!S)return(0,n.createElement)(C.SettingsField,{title:e,description:t},(0,n.createElement)("p",null,d));const{enabled:G,prefer_optimized_image_when_exists:V=!0,auto_optimized_uploaded_images:W={},lazy_loading:K={enabled:!0},bulk_optimization:Y=!1}=S,{enabled:J,auto_delete_original_image:Q}=W;return(0,n.createElement)(C.SettingsField,{title:e,description:(0,n.createElement)(n.Fragment,null,t,(0,n.createElement)("br",null),(0,n.createElement)("br",null),(0,n.createElement)("p",null,(0,n.createElement)("strong",null,r)," ",F.monthlyRequestCount," ",i," ",F.maxRequestsPerMonth/1e3,"k",a),j&&(0,n.createElement)("p",{className:"nfd-text-red"},o))},j&&(0,n.createElement)("div",{className:"nfd-overlay"}),(0,n.createElement)("div",{className:"nfd-flex nfd-flex-col nfd-gap-6 "+(j?"nfd-disabled":"")},(0,n.createElement)(mn,{id:"image-optimization-enabled",label:u,description:p,checked:G,onChange:()=>U("enabled",!G),disabled:j}),G&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(mn,{id:"auto-optimize-images",label:f,description:m,checked:J,onChange:()=>U("autoOptimizeEnabled",!J),disabled:j}),(0,n.createElement)(mn,{id:"bulk-optimize-images",label:h,description:(0,n.createElement)(n.Fragment,null,(0,n.createElement)("p",null,g),Y&&(0,n.createElement)("a",{href:(()=>{const e=window.location.pathname.split("/wp-admin")[0];return`${window.location.origin}${e}/wp-admin/upload.php?autoSelectBulk=true`})(),target:"_blank",rel:"noopener noreferrer"},v)),checked:Y,onChange:()=>U("bulkOptimize",!Y),disabled:j}),(0,n.createElement)(mn,{id:"prefer-webp-when-exists",label:_,description:k,checked:V,onChange:()=>U("preferOptimizedImageWhenExists",!V),disabled:j}),(0,n.createElement)(mn,{id:"auto-delete-original",label:b,description:y,checked:Q,onChange:()=>U("autoDeleteOriginalImage",!Q),disabled:!J&&!Y||j}),(0,n.createElement)(mn,{id:"lazy-loading-enabled",label:E,description:w,checked:K.enabled,onChange:()=>U("lazyLoading",!K.enabled),disabled:j}))))},Wr=()=>{const{title:e,description:t}={title:(0,X.__)("Performance","wp-module-performance"),description:(0,X.__)("This is where you can manage performance settings for your website.","wp-module-performance")};return(0,n.createElement)(m,{context:{isRTL:!1}},(0,n.createElement)(nt,null),(0,n.createElement)(b,{title:e},(0,n.createElement)(C,null,(0,n.createElement)(C.Header,{title:e,description:t,className:"wppbh-app-settings-header"}),(0,n.createElement)(C.Block,{separator:!0,className:"newfold-cache-settings"},(0,n.createElement)(K,null)),(0,n.createElement)(C.Block,{separator:!0,className:"newfold-cache-exclusion"},(0,n.createElement)(Lt,null)),(0,n.createElement)(C.Block,{separator:!0,className:"newfold-clear-cache"},(0,n.createElement)(Dt,null)),(0,n.createElement)(C.Block,{separator:!0,className:"newfold-skip404"},(0,n.createElement)(wn,null)),(0,n.createElement)(C.Block,{separator:!0,className:"newfold-performance-advanced-settings"},(0,n.createElement)(Mn,null)),(0,n.createElement)(C.Block,{separator:!0,className:"newfold-link-prefetch"},(0,n.createElement)(zr,null)),(0,n.createElement)(C.Block,{className:"newfold-image-optimization"},(0,n.createElement)(Vr,null)))))},$r=e=>({type:"SET_CACHE_LEVEL",level:e}),Xr=(e,t)=>({type:"PUSH_NOTIFICATION",id:e,message:t}),Kr=e=>({type:"DISMISS_NOTIFICATION",id:e}),Yr=e=>e.cacheLevel,Jr=e=>e.feed,Qr=e=>Object.entries(e.feed).filter((([,e])=>null!==e)).map((([e,t])=>[e,t])),Zr={cacheLevel:null,feed:{}},ei={reducer:function(e=Zr,t){switch(t.type){case"SET_CACHE_LEVEL":return{...e,cacheLevel:t.level};case"PUSH_NOTIFICATION":return{...e,feed:{...e.feed,[t.id]:t.message}};case"DISMISS_NOTIFICATION":return{...e,feed:{...e.feed,[t.id]:null}};default:return e}},actions:e,selectors:t},ti=(0,R.createReduxStore)($,ei);(0,R.register)(ti),o()((()=>{const e=document.getElementById("nfd-performance"),t=s.NewfoldRuntime.sdk?.plugin?.brand;t&&document.body.classList.add(`nfd-brand--${t}`),e&&(0,l.createRoot)(e).render((0,n.createElement)(Wr,null))}))})()})();
\ No newline at end of file
diff --git a/build/translations.min.js b/build/translations.min.js
deleted file mode 100644
index 8337080d..00000000
--- a/build/translations.min.js
+++ /dev/null
@@ -1 +0,0 @@
-/* performance module translations helper */
\ No newline at end of file
diff --git a/components/advancedSettings/JetpackBoost/index.js b/components/advancedSettings/JetpackBoost/index.js
deleted file mode 100644
index 19e4fc16..00000000
--- a/components/advancedSettings/JetpackBoost/index.js
+++ /dev/null
@@ -1,397 +0,0 @@
-// WordPress
-import apiFetch from '@wordpress/api-fetch';
-import { useRef, useState } from '@wordpress/element';
-
-// Newfold
-import {
-	Button,
-	ToggleField,
-	Textarea,
-	FeatureUpsell,
-	Spinner,
-	ProgressBar,
-} from '@newfold/ui-component-library';
-import { NewfoldRuntime } from '@newfold/wp-module-runtime';
-
-// Component
-import InstallActivatePluginButton from './InstallActivatePluginButton';
-
-// Third-parts
-import parse from 'html-react-parser';
-
-const JetpackBoost = ( { methods, constants } ) => {
-	const currentUrl = window.location.href;
-	const siteUrl = currentUrl.split( '/wp-admin/' )[ 0 ];
-
-	const sdk = NewfoldRuntime.sdk?.jetpackboost || {};
-	const isPremiumActive = sdk.jetpack_premium_is_active || false;
-
-	const [ isModuleEnabled, setIsModuleEnabled ] = useState(
-		sdk.is_active || false
-	);
-
-	const [ isLoading, setIsLoading ] = useState( false );
-
-	const [ cssIsGenerating, setCssIsGenerating ] = useState( false );
-
-	const [ progressBarValue, setProgeassBarValue ] = useState( null );
-
-	const [ settings, setSettings ] = useState( {
-		'critical-css': sdk.critical_css || false,
-		'critical-css-premium': sdk.jcritical_css || false,
-		'render-blocking-js': sdk.blocking_js || false,
-		'minify-js': sdk.minify_js || false,
-		'minify-js-excludes': sdk.minify_js_excludes || '',
-		'minify-css': sdk.minify_css || false,
-		'minify-css-excludes': sdk.minify_css_excludes || '',
-	} );
-
-	const debounceTimeout = useRef( null ); // Mantiene il timeout tra i render
-
-	const handleOnChangeOption = ( value, id ) => {
-		setIsLoading( true );
-		if ( typeof value === 'object' ) {
-			value = value.target.value;
-		}
-		const updatedSettings = { ...settings };
-		updatedSettings[ id ] = value;
-		setSettings( updatedSettings );
-
-		// Clear the previous timeout if user types again.
-		if ( debounceTimeout.current ) {
-			clearTimeout( debounceTimeout.current );
-		}
-
-		// Set a new timeout of 2 seconds.
-		debounceTimeout.current = setTimeout( () => {
-			apiFetch( {
-				path: 'newfold-performance/v1/jetpack/settings',
-				method: 'POST',
-				data: {
-					field: {
-						id,
-						value,
-					},
-				},
-			} )
-				.then( () => {
-					methods.makeNotice(
-						'cache-level-change-notice',
-						constants.text.optionSet,
-						'',
-						'success',
-						5000
-					);
-				} )
-				.catch( () => {
-					methods.makeNotice(
-						'cache-level-change-notice',
-						constants.text.optionNotSet,
-						'',
-						'error',
-						5000
-					);
-					setIsLoading( false );
-				} );
-			setIsLoading( false );
-		}, 500 );
-
-		if ( id === 'critical-css' && value === true ) {
-			handleRegenerateClick();
-		}
-	};
-
-	const handleRegenerateClick = async () => {
-		setCssIsGenerating( true );
-
-		try {
-			if ( ! settings[ 'critical-css' ] ) {
-				//handleOnChangeOption( true, 'critical-css' );
-			}
-
-			await new Promise( ( resolve ) => setTimeout( resolve, 1000 ) );
-			await apiFetch( {
-				path: 'newfold-performance/v1/jetpack/regenerate_critical_css',
-				method: 'POST',
-			} );
-
-			const adminUrl = siteUrl + '/wp-admin/admin.php?page=jetpack-boost';
-
-			const iframe = document.createElement( 'iframe' );
-			iframe.src = adminUrl;
-
-			document.body.appendChild( iframe );
-
-			iframe.onload = function () {
-				try {
-					const iframeDocument =
-						iframe.contentDocument || iframe.contentWindow.document;
-
-					const progressBar = iframeDocument.querySelector(
-						'div[role="progressbar"]'
-					);
-
-					if ( ! progressBar ) {
-						return;
-					}
-					setCssIsGenerating( false );
-
-					function checkProgress() {
-						const progressValue = parseInt(
-							progressBar.getAttribute( 'aria-valuenow' ),
-							10
-						);
-						setProgeassBarValue( progressValue );
-
-						if ( progressValue === 100 ) {
-							setTimeout( () => {
-								setProgeassBarValue( null );
-								iframe.remove();
-								methods.makeNotice(
-									'cache-level-change-notice',
-									constants.text
-										.jetpackBoostCriticalCssGenerattionSuccess,
-									'',
-									'success',
-									5000
-								);
-							}, 1000 );
-							if ( typeof observer !== 'undefined' ) {
-								observer.disconnect();
-							}
-						}
-					}
-
-					if ( typeof MutationObserver !== 'undefined' ) {
-						const observer = new MutationObserver( checkProgress );
-						observer.observe( progressBar, {
-							attributes: true,
-							attributeFilter: [ 'aria-valuenow' ],
-						} );
-
-						checkProgress();
-					} else {
-						methods.makeNotice(
-							'cache-level-change-notice',
-							constants.text
-								.jetpackBoostCriticalCssGenerationIssue,
-							'',
-							'error',
-							5000
-						);
-						console.log(
-							'Error showing progress bar: MutationObserver not supported.'
-						);
-						checkProgress = () => null;
-					}
-				} catch ( error ) {
-					console.error(
-						'Error occurred while accessing the iFrame',
-						error
-					);
-				}
-			};
-		} catch ( error ) {
-			console.log( error );
-		}
-	};
-
-	const cssPremiumField = (
-		<ToggleField
-			id="critical-css-premium"
-			label={
-				isPremiumActive
-					? constants.text.jetpackBoostCriticalCssPremiumTitle
-					: constants.text.jetpackBoostCriticalCssUpgradeTitle
-			}
-			description={ parse(
-				constants.text.jetpackBoostCriticalCssPremiumDescription
-			) }
-			checked={ !! settings[ 'critical-css-premium' ] }
-			onChange={ ( value ) =>
-				handleOnChangeOption( value, 'critical-css-premium' )
-			}
-		/>
-	);
-
-	return (
-		<div
-			className={ `nfd-performance-jetpack-boost-container-options ${
-				isLoading ? 'is-loading' : ''
-			} ${
-				! isModuleEnabled
-					? 'module-disabled nfd-inset-0 nfd-ring-1 nfd-ring-black nfd-ring-opacity-5 nfd-shadow-lg nfd-rounded-md'
-					: ''
-			}` }
-		>
-			{ ! isModuleEnabled && (
-				<>
-					<InstallActivatePluginButton
-						methods={ methods }
-						constants={ constants }
-						setModuleStatus={ setIsModuleEnabled }
-					/>
-				</>
-			) }
-
-			{ isLoading && (
-				<Spinner
-					size="8"
-					variant="primary"
-					className="nfd-performance-jetpack-boost-loader"
-				/>
-			) }
-
-			{ ! isPremiumActive && (
-				<div className="section" style={ { marginBottom: '20px' } }>
-					<ToggleField
-						id="critical-css"
-						label={ constants.text.jetpackBoostCriticalCssTitle }
-						description={ parse(
-							constants.text.jetpackBoostCriticalCssDescription
-						) }
-						checked={ !! settings[ 'critical-css' ] }
-						onChange={ ( value ) => {
-							handleOnChangeOption( value, 'critical-css' );
-						} }
-					/>
-					<div>
-						{ settings[ 'critical-css' ] &&
-							progressBarValue === null && (
-								<Button
-									size="small"
-									variant="secondary"
-									onClick={ handleRegenerateClick }
-									disabled={
-										progressBarValue > 0 ? true : false
-									}
-									type="button"
-									aria-disabled="false"
-									className="nfd-performance-jetpack-boost-regenerate-critical-css"
-									isLoading={ cssIsGenerating }
-								>
-									{
-										constants.text
-											.jetpackBoostCriticalCssButton
-									}
-								</Button>
-							) }
-
-						{ progressBarValue > 0 && (
-							<>
-								<ProgressBar
-									max={ 100 }
-									min={ 0 }
-									progress={ progressBarValue }
-								/>
-								<p>
-									{
-										constants.text
-											.jetpackBoostCriticalCssGenerationText
-									}
-								</p>
-							</>
-						) }
-					</div>
-				</div>
-			) }
-
-			<div
-				className="section automatic-critical-css"
-				style={ { marginBottom: '20px' } }
-			>
-				{ isModuleEnabled && ! isPremiumActive ? (
-					<FeatureUpsell
-						cardText={ constants.text.upgradeModule }
-						cardLink={ `${ siteUrl }/wp-admin/admin.php?page=jetpack-boost#upgrade` }
-					>
-						{ cssPremiumField }
-					</FeatureUpsell>
-				) : (
-					cssPremiumField
-				) }
-			</div>
-
-			<div className="section" style={ { marginBottom: '20px' } }>
-				<ToggleField
-					id="render-blocking-js"
-					label={ constants.text.jetpackBoostRenderBlockingTitle }
-					description={ parse(
-						constants.text.jetpackBoostRenderBlockingDescription
-					) }
-					checked={ !! settings[ 'render-blocking-js' ] }
-					onChange={ ( value ) => {
-						handleOnChangeOption( value, 'render-blocking-js' );
-					} }
-				/>
-			</div>
-
-			<div className="section" style={ { marginBottom: '20px' } }>
-				<ToggleField
-					id="minify-js"
-					label={ constants.text.jetpackBoostMinifyJsTitle }
-					description={ parse(
-						constants.text.jetpackBoostMinifyJsDescription
-					) }
-					checked={ !! settings[ 'minify-js' ] }
-					onChange={ ( value ) => {
-						handleOnChangeOption( value, 'minify-js' );
-					} }
-				/>
-
-				{ settings[ 'minify-js' ] && (
-					<div className="subsection" style={ { marginTop: '15px' } }>
-						<p className="field-label">
-							{ constants.text.jetpackBoostExcludeJsTitle }
-						</p>
-						<Textarea
-							id="minify-js-excludes"
-							description=""
-							value={ settings[ 'minify-js-excludes' ] }
-							onChange={ ( value ) => {
-								handleOnChangeOption(
-									value,
-									'minify-js-excludes'
-								);
-							} }
-						/>
-					</div>
-				) }
-			</div>
-
-			<div className="section" style={ { marginBottom: '20px' } }>
-				<ToggleField
-					id="minify-css"
-					label={ constants.text.jetpackBoostMinifyCssTitle }
-					description={ parse(
-						constants.text.jetpackBoostMinifyCssDescription
-					) }
-					checked={ !! settings[ 'minify-css' ] }
-					onChange={ ( value ) => {
-						handleOnChangeOption( value, 'minify-css' );
-					} }
-				/>
-				{ settings[ 'minify-css' ] && (
-					<div className="subsection" style={ { marginTop: '15px' } }>
-						<p className="field-label">
-							{ constants.text.jetpackBoostExcludeCssTitle }
-						</p>
-						<Textarea
-							id="minify-css-excludes"
-							description=""
-							value={ settings[ 'minify-css-excludes' ] }
-							onChange={ ( value ) => {
-								handleOnChangeOption(
-									value,
-									'minify-css-excludes'
-								);
-							} }
-						/>
-					</div>
-				) }
-			</div>
-		</div>
-	);
-};
-
-export default JetpackBoost;
diff --git a/components/advancedSettings/index.js b/components/advancedSettings/index.js
deleted file mode 100644
index 1943c7dd..00000000
--- a/components/advancedSettings/index.js
+++ /dev/null
@@ -1,20 +0,0 @@
-// Newfold
-import { Container } from '@newfold/ui-component-library';
-
-// Components
-import JetpackBoost from './JetpackBoost/index';
-
-const AdvancedSettings = ( { methods, constants } ) => {
-	return (
-		<Container.SettingsField
-			title={ constants.text.performanceAdvancedSettingsTitle }
-			description={
-				constants.text.performanceAdvancedSettingsDescription
-			}
-		>
-			<JetpackBoost methods={ methods } constants={ constants } />
-		</Container.SettingsField>
-	);
-};
-
-export default AdvancedSettings;
diff --git a/components/cacheExclusion/index.js b/components/cacheExclusion/index.js
deleted file mode 100644
index effed3b2..00000000
--- a/components/cacheExclusion/index.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import {
-	Button,
-	Container,
-	TextareaField,
-} from '@newfold/ui-component-library';
-
-const CacheExclusion = ( { methods, constants } ) => {
-	const [ isEdited, setIsEdited ] = methods.useState( false );
-	const [ isError, setIsError ] = methods.useState( false );
-	const [ isSaved, setIsSaved ] = methods.useState( false );
-	const [ currentValue, setCurrentValue ] = methods.useState(
-		methods.NewfoldRuntime.sdk.cache.exclusion
-	);
-
-	const [ cacheExclusion, setCacheExclusion ] = methods.useState(
-		methods.NewfoldRuntime.sdk.cache.exclusion
-	);
-
-
-	const apiUrl = methods.NewfoldRuntime.createApiUrl(
-		'/newfold-performance/v1/cache/settings'
-	);
-
-	const handleCacheExclusionChange = ( e ) => {
-		if ( e.target.value !== currentValue ) {
-			setIsEdited( true );
-		} else {
-			setIsEdited( false );
-		}
-		setCurrentValue( e.target.value );
-	};
-
-	const handlingSaveButton = () => {
-		methods
-			.apiFetch( {
-				url: apiUrl,
-				method: 'POST',
-				data: { cacheExclusion: currentValue },
-			} )
-			.then( () => {
-				setIsSaved( true );
-				setCacheExclusion( currentValue );
-				setIsEdited( false );
-			} )
-			.catch( ( error ) => {
-				setIsError( error.message );
-			} );
-	};
-
-	methods.useUpdateEffect( () => {
-
-		methods.makeNotice(
-			'cache-exclusion-notice',
-			constants.text.cacheExclusionTitle,
-			! isError ? constants.text.cacheExclusionSaved : isError,
-			! isError ? 'success' : 'error',
-			5000
-		);
-
-		setIsSaved( false );
-
-	}, [ isSaved, isError ] );
-
-	return (
-		<Container.SettingsField
-			title={ constants.text.cacheExclusionTitle }
-			description={ constants.text.cacheExclusionDescription }
-		>
-			<TextareaField
-				id="cache-exclusion"
-				name="cache-exclusion"
-				onChange={ handleCacheExclusionChange }
-				value={ currentValue }
-				rows="1"
-				label={ constants.text.cacheExclusionTitle }
-			/>
-			{ isEdited && (
-				<Button
-					variant="secondary"
-					className="save-cache-exclusion-button"
-					disabled={ isEdited ? false : true }
-					onClick={ handlingSaveButton }
-				>
-					{ constants.text.cacheExclusionSaveButton }
-				</Button>
-			) }
-		</Container.SettingsField>
-	);
-};
-
-export default CacheExclusion;
diff --git a/components/cacheSettings/index.js b/components/cacheSettings/index.js
deleted file mode 100644
index 9f9b70d4..00000000
--- a/components/cacheSettings/index.js
+++ /dev/null
@@ -1,131 +0,0 @@
-// Newfold
-import { Container, RadioGroup } from '@newfold/ui-component-library';
-
-const CacheSettings = ( { methods, constants, Components } ) => {
-	const [ cacheLevel, setCacheLevel ] = methods.useState(
-		methods.NewfoldRuntime.sdk.cache.level
-	);
-
-	const { store, setStore } = methods.useContext( methods.AppStore );
-
-
-	const apiUrl = methods.NewfoldRuntime.createApiUrl(
-		'/newfold-performance/v1/cache/settings'
-	);
-
-	const cacheOptions = [
-		{
-			label: constants.text.cacheLevel0Label,
-			description:
-				constants.text.cacheLevel0Description +
-				constants.text.cacheLevel0Recommendation,
-			value: 0,
-			notice: constants.text.cacheLevel0NoticeText,
-		},
-		{
-			label: constants.text.cacheLevel1Label,
-			description:
-				constants.text.cacheLevel1Description +
-				' ' +
-				constants.text.cacheLevel1Recommendation,
-			value: 1,
-			notice: constants.text.cacheLevel1NoticeText,
-		},
-		{
-			label: constants.text.cacheLevel2Label,
-			description:
-				constants.text.cacheLevel2Description +
-				' ' +
-				constants.text.cacheLevel2Recommendation,
-			value: 2,
-			notice: constants.text.cacheLevel2NoticeText,
-		},
-		{
-			label: constants.text.cacheLevel3Label,
-			description:
-				constants.text.cacheLevel3Description +
-				' ' +
-				constants.text.cacheLevel3Recommendation,
-			value: 3,
-			notice: constants.text.cacheLevel3NoticeText,
-		},
-	];
-
-	const getCacheLevelNoticeTitle = () => {
-		return constants.text.cacheLevelNoticeTitle;
-	};
-
-	const getCacheLevelNoticeText = () => {
-		return cacheOptions[ store.cacheLevel ].notice;
-	};
-
-	const handleCacheLevelChange = ( e ) => {
-
-		methods
-			.apiFetch( {
-				url: apiUrl,
-				method: 'POST',
-				data: { cacheLevel: parseInt( e.target.value ) },
-			} )
-			.then( () => {
-				setCacheLevel( parseInt( e.target.value ) );
-
-				setStore(prevState => ({
-					...prevState,
-					cacheLevel: parseInt( e.target.value ),
-				}))
-			} )
-			.catch( ( error ) => {
-				methods.setError
-			} );
-	};
-
-	methods.useUpdateEffect( () => {
-		methods.makeNotice(
-			'cache-level-change-notice',
-			getCacheLevelNoticeTitle(),
-			getCacheLevelNoticeText(),
-			'success',
-			5000
-		);
-	}, [ cacheLevel ] );
-
-	return (
-		<>
-			<Container.SettingsField
-				title={ constants.text.cacheLevelTitle }
-				description={ constants.text.cacheLevelDescription }
-			>
-				<RadioGroup
-					className="cache-options"
-					id="cache-type"
-					name="cache-level"
-					value=""
-				>
-					{ cacheOptions.map( ( option ) => {
-						return (
-							<Components.Fragment key={ option.value }>
-								<RadioGroup.Radio
-									defaultChecked={
-										option.value ===
-										methods.NewfoldRuntime.sdk.cache.level
-									}
-									id={ 'cache-level-' + option.value }
-									label={ option.label }
-									value={ option.value }
-									name="cache-level"
-									onChange={ handleCacheLevelChange }
-								/>
-								<div className="nfd-radio__description">
-									{ option.description }
-								</div>
-							</Components.Fragment>
-						);
-					} ) }
-				</RadioGroup>
-			</Container.SettingsField>
-		</>
-	);
-};
-
-export default CacheSettings;
diff --git a/components/clearCache/index.js b/components/clearCache/index.js
deleted file mode 100644
index 569b2a67..00000000
--- a/components/clearCache/index.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Button, Container } from '@newfold/ui-component-library';
-
-const ClearCache = ( { methods, constants } ) => {
-
-	const apiUrl = methods.NewfoldRuntime.createApiUrl(
-		'/newfold-performance/v1/cache/settings'
-	);
-
-	const { store, setStore } = methods.useContext( methods.AppStore );
-
-	const clearCache = () => {
-
-
-		methods
-			.apiFetch( {
-				url: apiUrl,
-				method: 'DELETE',
-			} )
-			.then( () => {
-				methods.makeNotice(
-					'disable-old-posts-comments-notice',
-					constants.text.clearCacheNoticeTitle,
-					null,
-					'success',
-					5000
-				);
-			} )
-			.catch( ( error ) => {
-				methods.setError( error )
-			} );
-	};
-
-	const cacheLevel = store.cacheLevel ?? methods.NewfoldRuntime.sdk.cache.level;
-
-
-	return (
-		<Container.SettingsField
-			title={ constants.text.clearCacheTitle }
-			description={ constants.text.clearCacheDescription }
-		>
-			<Button
-				variant="secondary"
-				className="clear-cache-button"
-				disabled={ cacheLevel > 0 ? false : true }
-				onClick={ clearCache }
-			>
-				{ constants.text.clearCacheButton }
-			</Button>
-		</Container.SettingsField>
-	);
-};
-
-export default ClearCache;
diff --git a/components/imageOptimizationSettings/index.js b/components/imageOptimizationSettings/index.js
deleted file mode 100644
index adb3295a..00000000
--- a/components/imageOptimizationSettings/index.js
+++ /dev/null
@@ -1,345 +0,0 @@
-import { useState, useEffect } from '@wordpress/element';
-import { Alert, Container, ToggleField } from '@newfold/ui-component-library';
-
-import defaultText from '../performance/defaultText';
-
-const ImageOptimizationSettings = ( { methods } ) => {
-	const [ settings, setSettings ] = useState( null );
-	const [ isError, setIsError ] = useState( false );
-	const [ isLoading, setIsLoading ] = useState( true );
-	const [ isBanned, setIsBanned ] = useState( false );
-	const [ monthlyUsage, setMonthlyUsage ] = useState( {
-		monthlyRequestCount: 0,
-		maxRequestsPerMonth: 100000,
-	} );
-
-	const notify = methods.useNotification();
-	const apiUrl = methods.NewfoldRuntime.createApiUrl( '/wp/v2/settings' );
-
-	// Fetch settings from the REST API
-	const fetchSettings = async () => {
-		setIsLoading( true );
-		setIsError( false );
-
-		try {
-			const fetchedSettings = await methods.apiFetch( { path: apiUrl } );
-			setSettings( fetchedSettings.nfd_image_optimization || {} );
-			setIsBanned(
-				fetchedSettings?.nfd_image_optimization?.banned_status || false
-			);
-			const usage = fetchedSettings?.nfd_image_optimization
-				?.monthly_usage || {
-				monthlyRequestCount: 0,
-				maxRequestsPerMonth: 100000,
-			};
-			setMonthlyUsage( usage );
-		} catch ( error ) {
-			setIsError( true );
-		} finally {
-			setIsLoading( false );
-		}
-	};
-
-	// Update settings via REST API
-	const updateSettings = async ( newSettings ) => {
-		setIsError( false );
-		try {
-			const updatedSettings = await methods.apiFetch( {
-				path: apiUrl,
-				method: 'POST',
-				data: { nfd_image_optimization: newSettings },
-			} );
-			setSettings( updatedSettings.nfd_image_optimization || {} );
-			setIsBanned(
-				updatedSettings.nfd_image_optimization?.banned_status || false
-			);
-			const usage = updatedSettings?.nfd_image_optimization
-				?.monthly_usage || {
-				monthlyRequestCount: 0,
-				maxRequestsPerMonth: 100000,
-			};
-			setMonthlyUsage( usage );
-			notify.push( 'image-optimization-updated', {
-				title: defaultText.imageOptimizationUpdatedTitle,
-				description: defaultText.imageOptimizationUpdatedDescription,
-				variant: 'success',
-				autoDismiss: 5000,
-			} );
-		} catch ( error ) {
-			setIsError( true );
-			notify.push( 'image-optimization-update-error', {
-				title: defaultText.imageOptimizationUpdateErrorTitle,
-				description: defaultText.imageOptimizationGenericErrorMessage,
-				variant: 'error',
-				autoDismiss: 8000,
-			} );
-		}
-	};
-
-	// Handle Toggle Changes
-	const handleToggleChange = ( field, value ) => {
-		if ( isBanned ) return;
-		const updatedSettings = { ...settings };
-
-		switch ( field ) {
-			case 'enabled':
-				updatedSettings.enabled = value;
-				updatedSettings.auto_optimized_uploaded_images.enabled = value;
-				updatedSettings.auto_optimized_uploaded_images.auto_delete_original_image =
-					value;
-				updatedSettings.bulk_optimization = value;
-				updatedSettings.lazy_loading.enabled = value;
-				updatedSettings.prefer_optimized_image_when_exists = value;
-				break;
-
-			case 'autoOptimizeEnabled':
-				updatedSettings.auto_optimized_uploaded_images.enabled = value;
-				break;
-
-			case 'bulkOptimize':
-				updatedSettings.bulk_optimization = value;
-				break;
-
-			case 'lazyLoading':
-				updatedSettings.lazy_loading.enabled = value;
-				break;
-
-			case 'autoDeleteOriginalImage':
-				updatedSettings.auto_optimized_uploaded_images.auto_delete_original_image =
-					value;
-				break;
-
-			case 'preferOptimizedImageWhenExists':
-				updatedSettings.prefer_optimized_image_when_exists = value;
-				break;
-
-			default:
-				break;
-		}
-
-		// Auto-disable Auto Delete Original Image if both options are off
-		if (
-			field !== 'autoDeleteOriginalImage' &&
-			! updatedSettings.bulk_optimization &&
-			! updatedSettings.auto_optimized_uploaded_images.enabled
-		) {
-			updatedSettings.auto_optimized_uploaded_images.auto_delete_original_image = false;
-		}
-
-		setSettings( updatedSettings );
-		updateSettings( updatedSettings );
-	};
-
-	// Fetch settings on mount
-	useEffect( () => {
-		fetchSettings();
-	}, [] );
-
-	if ( isLoading ) {
-		return <p>{ defaultText.imageOptimizationLoadingMessage }</p>;
-	}
-
-	if ( isError ) {
-		return (
-			<Alert variant="error">
-				{ defaultText.imageOptimizationErrorMessage }
-			</Alert>
-		);
-	}
-
-	if ( ! settings ) {
-		return (
-			<Container.SettingsField
-				title={ defaultText.imageOptimizationSettingsTitle }
-				description={ defaultText.imageOptimizationSettingsDescription }
-			>
-				<p>{ defaultText.imageOptimizationNoSettings }</p>
-			</Container.SettingsField>
-		);
-	}
-
-	const {
-		enabled,
-		prefer_optimized_image_when_exists:
-			preferOptimizedImageWhenExists = true,
-		auto_optimized_uploaded_images: autoOptimizedUploadedImages,
-		lazy_loading: lazyLoading = { enabled: true },
-		bulk_optimization: bulkOptimization = false,
-	} = settings || {};
-
-	const {
-		enabled: autoOptimizeEnabled,
-		auto_delete_original_image: autoDeleteOriginalImage,
-	} = autoOptimizedUploadedImages || {};
-
-	const mediaLibraryLink = () => {
-		const basePath = window.location.pathname.split( '/wp-admin' )[ 0 ];
-		return `${ window.location.origin }${ basePath }/wp-admin/upload.php?autoSelectBulk=true`;
-	};
-
-	return (
-		<Container.SettingsField
-			title={ defaultText.imageOptimizationSettingsTitle }
-			description={
-				<>
-					{ defaultText.imageOptimizationSettingsDescription }
-					<br />
-					<br />
-					<p>
-						<strong>{ defaultText.imageOptimizationUsage }</strong>{ ' ' }
-						{ monthlyUsage.monthlyRequestCount }{ ' ' }
-						{ defaultText.imageOptimizationProcessed }{ ' ' }
-						{ monthlyUsage.maxRequestsPerMonth / 1000 }k
-						{ defaultText.imageOptimizationPerMonth }
-					</p>
-					{ isBanned && (
-						<p className="nfd-text-red">
-							{ ' ' }
-							{
-								defaultText.imageOptimizationBannedMessage
-							}{ ' ' }
-						</p>
-					) }
-				</>
-			}
-		>
-			{ isBanned && <div className="nfd-overlay"></div> }
-			<div
-				className={ `nfd-flex nfd-flex-col nfd-gap-6 ${
-					isBanned ? 'nfd-disabled' : ''
-				}` }
-			>
-				<ToggleField
-					id="image-optimization-enabled"
-					label={ defaultText.imageOptimizationEnabledLabel }
-					description={
-						defaultText.imageOptimizationEnabledDescription
-					}
-					checked={ enabled }
-					onChange={ () =>
-						handleToggleChange( 'enabled', ! enabled )
-					}
-					disabled={ isBanned }
-				/>
-
-				{ enabled && (
-					<>
-						<ToggleField
-							id="auto-optimize-images"
-							label={
-								defaultText.imageOptimizationAutoOptimizeLabel
-							}
-							description={
-								defaultText.imageOptimizationAutoOptimizeDescription
-							}
-							checked={ autoOptimizeEnabled }
-							onChange={ () =>
-								handleToggleChange(
-									'autoOptimizeEnabled',
-									! autoOptimizeEnabled
-								)
-							}
-							disabled={ ! enabled || isBanned }
-						/>
-						<ToggleField
-							id="bulk-optimize-images"
-							label={
-								defaultText.imageOptimizationBulkOptimizeLabel
-							}
-							description={
-								<>
-									<p>
-										{
-											defaultText.imageOptimizationBulkOptimizeDescription
-										}
-									</p>
-									{ bulkOptimization && (
-										<a
-											href={ mediaLibraryLink() }
-											target="_blank"
-											rel="noopener noreferrer"
-											className="nfd-underline"
-										>
-											{
-												defaultText.imageOptimizationBulkOptimizeButtonLabel
-											}
-										</a>
-									) }
-								</>
-							}
-							checked={ bulkOptimization }
-							onChange={ () =>
-								handleToggleChange(
-									'bulkOptimize',
-									! bulkOptimization
-								)
-							}
-							disabled={ ! enabled || isBanned }
-						/>
-
-						<ToggleField
-							id="prefer-webp-when-exists"
-							label={
-								defaultText.imageOptimizationPreferWebPLabel
-							}
-							description={
-								defaultText.imageOptimizationPreferWebPDescription
-							}
-							checked={ preferOptimizedImageWhenExists }
-							onChange={ () =>
-								handleToggleChange(
-									'preferOptimizedImageWhenExists',
-									! preferOptimizedImageWhenExists
-								)
-							}
-							disabled={ ! enabled || isBanned }
-						/>
-
-						<ToggleField
-							id="auto-delete-original"
-							label={
-								defaultText.imageOptimizationAutoDeleteLabel
-							}
-							description={
-								defaultText.imageOptimizationAutoDeleteDescription
-							}
-							checked={ autoDeleteOriginalImage }
-							onChange={ () =>
-								handleToggleChange(
-									'autoDeleteOriginalImage',
-									! autoDeleteOriginalImage
-								)
-							}
-							disabled={
-								! enabled ||
-								( ! autoOptimizeEnabled &&
-									! bulkOptimization ) ||
-								isBanned
-							}
-						/>
-
-						<ToggleField
-							id="lazy-loading-enabled"
-							label={
-								defaultText.imageOptimizationLazyLoadingLabel
-							}
-							description={
-								defaultText.imageOptimizationLazyLoadingDescription
-							}
-							checked={ lazyLoading.enabled }
-							onChange={ () =>
-								handleToggleChange(
-									'lazyLoading',
-									! lazyLoading.enabled
-								)
-							}
-							disabled={ ! enabled || isBanned }
-						/>
-					</>
-				) }
-			</div>
-		</Container.SettingsField>
-	);
-};
-
-export default ImageOptimizationSettings;
diff --git a/components/linkPrefetch/index.js b/components/linkPrefetch/index.js
deleted file mode 100644
index 241fd782..00000000
--- a/components/linkPrefetch/index.js
+++ /dev/null
@@ -1,239 +0,0 @@
-import {
-	Toggle,
-	TextField,
-	SelectField,
-	Container,
-} from '@newfold/ui-component-library';
-
-let ignoreKeywordsTimer = null;
-const LinkPrefetch = ( { methods, constants } ) => {
-	const [ settings, setSettings ] = methods.useState(
-		methods.NewfoldRuntime.sdk.linkPrefetch.settings
-	);
-	const { store, setStore } = methods.useContext( methods.AppStore );
-
-	const [ ignoreKeywords, setIgnoreKeywords ] = methods.useState(
-		settings.ignoreKeywords
-	);
-	const [ isError, setIsError ] = methods.useState( false );
-	const apiUrl = methods.NewfoldRuntime.createApiUrl(
-		'/newfold-performance/v1/link-prefetch/settings'
-	);
-
-	const handleChangeOption = ( option, value ) => {
-		if ( ! ( option in settings ) ) return;
-		const updatedSettings = { ...settings, [ option ]: value };
-		methods
-			.apiFetch( {
-				url: apiUrl,
-				method: 'POST',
-				data: { settings: updatedSettings },
-			} )
-			.then( () => {
-				setSettings( ( prev ) => ( { ...prev, [ option ]: value } ) );
-			} )
-			.catch( ( error ) => {
-				setIsError( error.message );
-			} );
-	};
-
-	const handleChangeOptionIgnoreKeywords = ( value ) => {
-		clearTimeout( ignoreKeywordsTimer );
-		value = value.substring( 0, 1000 );
-		setIgnoreKeywords( value );
-		ignoreKeywordsTimer = setTimeout( function () {
-			handleChangeOption( 'ignoreKeywords', value );
-		}, 700 );
-	};
-
-	methods.useUpdateEffect( () => {
-
-		setStore(prevState => ({
-			...prevState,
-			linkPrefetch: settings,
-		}))
-
-		methods.makeNotice(
-			'link-prefetch-change-notice',
-			constants.text.linkPrefetchTitle,
-			isError || constants.text.linkPrefetchNoticeTitle,
-			isError ? 'error' : 'success',
-			5000
-		);
-	}, [ settings, isError ] );
-
-	return (
-		<>
-			<Container.SettingsField
-				title={ constants.text.linkPrefetchTitle }
-				description={ constants.text.linkPrefetchDescription }
-				data-cy="link-prefetch-settings"
-			>
-				{ /* Desktop Settings */ }
-				<div className="nfd-toggle-field nfd-mb-6">
-					<div>
-						<label
-							className="nfd-label"
-							htmlFor="link-prefetch-active-desktop"
-						>
-							{
-								constants.text
-									.linkPrefetchActivateOnDesktopLabel
-							}
-						</label>
-						<div className="nfd-select-field__description">
-							{
-								constants.text
-									.linkPrefetchActivateOnDesktopDescription
-							}
-						</div>
-					</div>
-					<Toggle
-						id="link-prefetch-active-desktop"
-						data-cy="link-prefetch-active-desktop-toggle"
-						screenReaderLabel={
-							constants.text.linkPrefetchActivateOnDesktopLabel
-						}
-						checked={ settings.activeOnDesktop }
-						onChange={ () =>
-							handleChangeOption(
-								'activeOnDesktop',
-								! settings.activeOnDesktop
-							)
-						}
-					/>
-				</div>
-				{ settings.activeOnDesktop && (
-					<SelectField
-						id="link-prefetch-behavior"
-						data-cy="link-prefetch-behavior-desktop"
-						label={ constants.text.linkPrefetchBehaviorLabel }
-						value={ settings.behavior }
-						selectedLabel={
-							'mouseDown' === settings.behavior
-								? constants.text
-										.linkPrefetchBehaviorMouseDownLabel
-								: constants.text
-										.linkPrefetchBehaviorMouseHoverLabel
-						}
-						onChange={ ( v ) =>
-							handleChangeOption( 'behavior', v )
-						}
-						description={
-							'mouseDown' === settings.behavior
-								? constants.text
-										.linkPrefetchBehaviorMouseDownDescription
-								: constants.text
-										.linkPrefetchBehaviorMouseHoverDescription
-						}
-						className="nfd-mb-6"
-					>
-						<SelectField.Option
-							label={
-								constants.text
-									.linkPrefetchBehaviorMouseHoverLabel
-							}
-							value="mouseHover"
-						/>
-						<SelectField.Option
-							label={
-								constants.text
-									.linkPrefetchBehaviorMouseDownLabel
-							}
-							value="mouseDown"
-						/>
-					</SelectField>
-				) }
-				{ /* Mobile Settings */ }
-				<div className="nfd-toggle-field nfd-mb-6">
-					<div>
-						<label
-							className="nfd-label"
-							htmlFor="link-prefetch-active-mobile"
-						>
-							{ constants.text.linkPrefetchActivateOnMobileLabel }
-						</label>
-						<div className="nfd-select-field__description">
-							{
-								constants.text
-									.linkPrefetchActivateOnMobileDescription
-							}
-						</div>
-					</div>
-					<Toggle
-						id="link-prefetch-active-mobile"
-						data-cy="link-prefetch-active-mobile-toggle"
-						screenReaderLabel={
-							constants.text.linkPrefetchActivateOnMobileLabel
-						}
-						checked={ settings.activeOnMobile }
-						onChange={ () =>
-							handleChangeOption(
-								'activeOnMobile',
-								! settings.activeOnMobile
-							)
-						}
-					/>
-				</div>
-				{ settings.activeOnMobile && (
-					<SelectField
-						id="link-prefetch-behavior-mobile"
-						data-cy="link-prefetch-behavior-mobile"
-						label={ constants.text.linkPrefetchBehaviorLabel }
-						value={ settings.mobileBehavior }
-						selectedLabel={
-							'touchstart' === settings.mobileBehavior
-								? constants.text
-										.linkPrefetchBehaviorMobileTouchstartLabel
-								: constants.text
-										.linkPrefetchBehaviorMobileViewportLabel
-						}
-						onChange={ ( v ) =>
-							handleChangeOption( 'mobileBehavior', v )
-						}
-						description={
-							'touchstart' === settings.mobileBehavior
-								? constants.text
-										.linkPrefetchBehaviorMobileTouchstartDescription
-								: constants.text
-										.linkPrefetchBehaviorMobileViewportDescription
-						}
-						className="nfd-mb-6"
-					>
-						<SelectField.Option
-							label={
-								constants.text
-									.linkPrefetchBehaviorMobileTouchstartLabel
-							}
-							value="touchstart"
-						/>
-						<SelectField.Option
-							label={
-								constants.text
-									.linkPrefetchBehaviorMobileViewportLabel
-							}
-							value="viewport"
-						/>
-					</SelectField>
-				) }
-				{ /* Ignore Keywords */ }
-				{ ( settings.activeOnMobile || settings.activeOnDesktop ) && (
-					<TextField
-						id="link-prefetch-ignore-keywords"
-						data-cy="link-prefetch-ignore-keywords"
-						label={ constants.text.linkPrefetchIgnoreKeywordsLabel }
-						description={
-							constants.text.linkPrefetchIgnoreKeywordsDescription
-						}
-						onChange={ ( e ) =>
-							handleChangeOptionIgnoreKeywords( e.target.value )
-						}
-						value={ ignoreKeywords }
-					/>
-				) }
-			</Container.SettingsField>
-		</>
-	);
-};
-
-export default LinkPrefetch;
diff --git a/components/performance/defaultText.js b/components/performance/defaultText.js
deleted file mode 100644
index 2f7744aa..00000000
--- a/components/performance/defaultText.js
+++ /dev/null
@@ -1,387 +0,0 @@
-import { sprintf, __ } from '@wordpress/i18n';
-
-const defaultText = {
-	cacheLevel0Description: __(
-		'No cache enabled. Every page load is fresh.',
-		'wp-module-performance'
-	),
-	cacheLevel0Label: __( 'Disabled', 'wp-module-performance' ),
-	cacheLevel0NoticeText: __( 'Caching disabled.', 'wp-module-performance' ),
-	cacheLevel0Recommendation: __(
-		'Not recommended.',
-		'wp-module-performance'
-	),
-	cacheLevel1Description: __(
-		'Cache static assets like images and the appearance of your site for 1 hour.',
-		'wp-module-performance'
-	),
-	cacheLevel1Label: __( 'Assets Only', 'wp-module-performance' ),
-	cacheLevel1NoticeText: __(
-		'Cache enabled for assets only.',
-		'wp-module-performance'
-	),
-	cacheLevel1Recommendation: __(
-		'Tuned for online stores and member sites that need to be fresh.',
-		'wp-module-performance'
-	),
-	cacheLevel2Description: __(
-		'Cache static assets for 24 hours and web pages for 2 hours.',
-		'wp-module-performance'
-	),
-	cacheLevel2Label: __( 'Assets & Web Pages', 'wp-module-performance' ),
-	cacheLevel2NoticeText: __(
-		'Cache enabled for assets and pages.',
-		'wp-module-performance'
-	),
-	cacheLevel2Recommendation: __(
-		'Tuned for sites that change at least weekly.',
-		'wp-module-performance'
-	),
-	cacheLevel3Description: __(
-		'Cache static assets for 1 week and web pages for 8 hours.',
-		'wp-module-performance'
-	),
-	cacheLevel3Label: __(
-		'Assets & Web Pages - Extended',
-		'wp-module-performance'
-	),
-	cacheLevel3NoticeText: __(
-		'Cache enabled for assets and pages (extended).',
-		'wp-module-performance'
-	),
-	cacheLevel3Recommendation: __(
-		'Tuned for sites that update a few times a month or less.',
-		'wp-module-performance'
-	),
-	cacheLevelDescription: __(
-		'Boost speed and performance by storing a copy of your website content, files, and images online so the pages of your website load faster for your visitors.',
-		'wp-module-performance'
-	),
-	cacheLevelNoticeTitle: __( 'Cache setting saved', 'wp-module-performance' ),
-	cacheLevelTitle: __( 'Cache Level', 'wp-module-performance' ),
-	clearCacheButton: __( 'Clear All Cache Now', 'wp-module-performance' ),
-	clearCacheDescription: __(
-		'We automatically clear your cache as you work (creating content, changing settings, installing plugins and more). But you can manually clear it here to be confident it is fresh.',
-		'wp-module-performance'
-	),
-	clearCacheNoticeTitle: __( 'Cache cleared', 'wp-module-performance' ),
-	clearCacheTitle: __( 'Clear Cache', 'wp-module-performance' ),
-	cacheExclusionTitle: __( 'Exclude from cache', 'wp-module-performance' ),
-	cacheExclusionDescription: __(
-		'This setting controls what pages pass a “no-cache” header so that page caching and browser caching is not used.',
-		'wp-module-performance'
-	),
-	cacheExclusionSaved: __( 'Cache Exclusion saved', 'wp-module-performance' ),
-	cacheExclusionSaveButton: __( 'Save', 'wp-module-performance' ),
-	// Skip 404
-	skip404Title: __( 'Skip 404', 'wp-module-performance' ),
-	skip404Description: __(
-		'When enabled, static resources like images and fonts will use a default server 404 page and not WordPress 404 pages. Pages and posts will continue using WordPress for 404 pages. This can considerably speed up your website if a static resource like an image or font is missing.',
-		'wp-module-performance'
-	),
-	skip404OptionLabel: __(
-		'Enable Skip 404 Handling For Static Files',
-		'wp-module-performance'
-	),
-	skip404NoticeTitle: __( 'Skip 404 saved', 'wp-module-performance' ),
-	skip404Notice: __( 'Skip 404 saved', 'wp-module-performance' ),
-	// Image Optimization
-	imageOptimizationSettingsTitle: __(
-		'Image Optimization',
-		'wp-module-performance'
-	),
-	imageOptimizationSettingsDescription: __(
-		'We automatically optimize your uploaded images to WebP format for faster performance and reduced file sizes. You can also choose to delete the original images to save storage space.',
-		'wp-module-performance'
-	),
-	imageOptimizationEnabledLabel: __(
-		'Enable Image Optimization',
-		'wp-module-performance'
-	),
-	imageOptimizationEnabledDescription: __(
-		'Enable or disable image optimization globally.',
-		'wp-module-performance'
-	),
-	imageOptimizationAutoOptimizeLabel: __(
-		'Automatically Optimize Uploaded Images',
-		'wp-module-performance'
-	),
-	imageOptimizationAutoOptimizeDescription: __(
-		'When enabled, all your new image uploads will be automatically optimized to WebP format, ensuring faster page loading and reduced file sizes.',
-		'wp-module-performance'
-	),
-	imageOptimizationAutoDeleteLabel: __(
-		'Auto Delete Original Image',
-		'wp-module-performance'
-	),
-	imageOptimizationAutoDeleteDescription: __(
-		'When enabled, the original uploaded image is deleted and replaced with the optimized version, helping to save storage space. If disabled, the optimized image is saved as a separate file, retaining the original.',
-		'wp-module-performance'
-	),
-	imageOptimizationNoSettings: __(
-		'No settings available.',
-		'wp-module-performance'
-	),
-	imageOptimizationErrorMessage: __(
-		'Oops! Something went wrong. Please try again.',
-		'wp-module-performance'
-	),
-	imageOptimizationLoadingMessage: __(
-		'Loading settings…',
-		'wp-module-performance'
-	),
-	imageOptimizationUpdatedTitle: __(
-		'Settings updated successfully',
-		'wp-module-performance'
-	),
-	imageOptimizationUpdatedDescription: __(
-		'Your image optimization settings have been saved.',
-		'wp-module-performance'
-	),
-	imageOptimizationLazyLoadingLabel: __(
-		'Enable Lazy Loading',
-		'wp-module-performance'
-	),
-	imageOptimizationLazyLoadingDescription: __(
-		'Lazy loading defers the loading of images until they are visible on the screen, improving page load speed and performance.',
-		'wp-module-performance'
-	),
-	imageOptimizationLazyLoadingNoticeText: __(
-		'Lazy loading has been updated.',
-		'wp-module-performance'
-	),
-	imageOptimizationLazyLoadingErrorMessage: __(
-		'Oops! There was an error updating the lazy loading settings.',
-		'wp-module-performance'
-	),
-	imageOptimizationBulkOptimizeLabel: __(
-		'Enable Bulk Optimization of Images',
-		'wp-module-performance'
-	),
-	imageOptimizationBulkOptimizeDescription: __(
-		'When enabled, allows bulk optimization of images in the media library.',
-		'wp-module-performance'
-	),
-	imageOptimizationBulkOptimizeButtonLabel: __(
-		'Go to Media Library',
-		'wp-module-performance'
-	),
-	imageOptimizationUpdateErrorTitle: __(
-		'Error Updating Settings',
-		'wp-module-performance'
-	),
-	imageOptimizationPreferWebPLabel: __(
-		'Prefer Optimized Image When Exists',
-		'wp-module-performance'
-	),
-	imageOptimizationPreferWebPDescription: __(
-		'When enabled, optimized images will be served in place of original images when they exist, improving performance.',
-		'wp-module-performance'
-	),
-	imageOptimizationGenericErrorMessage: __(
-		'Something went wrong while updating the settings. Please try again.',
-		'wp-module-performance'
-	),
-	imageOptimizationBannedMessage: __(
-		'This site no longer qualifies for image optimization as it has reached its usage limits.',
-		'wp-module-performance'
-	),
-	imageOptimizationUsage: __( 'Usage:', 'wp-module-performance' ),
-	imageOptimizationProcessed: __(
-		'images processed of',
-		'wp-module-performance'
-	),
-	imageOptimizationPerMonth: __( '/month', 'wp-module-performance' ),
-	linkPrefetchDescription: __(
-		'Asks the browser to download and cache links on the page ahead of them being clicked on, so that when they are clicked they load almost instantly.',
-		'wp-module-performance'
-	),
-	linkPrefetchNoticeTitle: __(
-		'Link prefetching setting saved',
-		'wp-module-performance'
-	),
-	linkPrefetchTitle: __( 'Link Prefetch', 'wp-module-performance' ),
-	linkPrefetchActivateOnDesktopDescription: __(
-		'Enable link prefetching on desktop',
-		'wp-module-performance'
-	),
-	linkPrefetchActivateOnDesktopLabel: __(
-		'Activate on desktop',
-		'wp-module-performance'
-	),
-	linkPrefetchBehaviorDescription: __(
-		'Behavior of the prefetch',
-		'wp-module-performance'
-	),
-	linkPrefetchBehaviorLabel: __( 'Behavior', 'wp-module-performance' ),
-	linkPrefetchBehaviorMouseDownLabel: __(
-		'Prefetch on Mouse Down',
-		'wp-module-performance'
-	),
-	linkPrefetchBehaviorMouseDownDescription: __(
-		'Prefetch on Mouse Down: Starts loading the page as soon as you click down, for faster response when you release the click.',
-		'wp-module-performance'
-	),
-	linkPrefetchBehaviorMouseHoverLabel: __(
-		'Prefetch on Mouse Hover (Recommended)',
-		'wp-module-performance'
-	),
-	linkPrefetchBehaviorMouseHoverDescription: __(
-		'Prefetch on Mouse Hover: Begins loading the page the moment your cursor hovers over a link',
-		'wp-module-performance'
-	),
-	linkPrefetchActivateOnMobileDescription: __(
-		'Enable link prefetching on mobile',
-		'wp-module-performance'
-	),
-	linkPrefetchActivateOnMobileLabel: __(
-		'Activate on mobile',
-		'wp-module-performance'
-	),
-	linkPrefetchBehaviorMobileTouchstartLabel: __(
-		'Prefetch on Touchstart (Recommended)',
-		'wp-module-performance'
-	),
-	linkPrefetchBehaviorMobileTouchstartDescription: __(
-		'Prefetch on Touchstart: Instantly starts loading the page as soon as you tap the screen, ensuring a quicker response when you lift your finger.',
-		'wp-module-performance'
-	),
-	linkPrefetchBehaviorMobileViewportLabel: __(
-		'Prefetch Above the Fold',
-		'wp-module-performance'
-	),
-	linkPrefetchBehaviorMobileViewportDescription: __(
-		"Prefetch Above the Fold: Loads links in your current view instantly, ensuring they're ready when you need them.",
-		'wp-module-performance'
-	),
-	linkPrefetchIgnoreKeywordsDescription: __(
-		'Exclude Keywords: A comma separated list of words or strings that will exclude a link from being prefetched. For example, excluding "app" will prevent https://example.com/apple from being prefetched.',
-		'wp-module-performance'
-	),
-	linkPrefetchIgnoreKeywordsLabel: __(
-		'Exclude keywords',
-		'wp-module-performance'
-	),
-	performanceAdvancedSettingsTitle: __(
-		'Advanced settings',
-		'wp-module-performance'
-	),
-	performanceAdvancedSettingsDescription: __(
-		'Additional speed and scalability features powered by Jetpack Boost to make your site as fast as it can be.',
-		'wp-module-performance'
-	),
-	jetpackBoostCriticalCssTitle: __(
-		'Optimize Critical CSS Loading (manual)',
-		'wp-module-performance'
-	),
-	jetpackBoostCriticalCssDescription: sprintf(
-		// translators: %1$s is a line break (<br>) tag.
-		__(
-			'Move important styling information to the start of the page, which helps pages display your content sooner, so your users don’t have to wait for the entire page to load.%1$s You should regenerate your Critical CSS whenever you make changes to the HTML or CSS structure of your site.',
-			'wp-module-performance'
-		),
-		'<br><br>',
-	),
-	jetpackBoostCriticalCssPremiumTitle: __(
-		'Optimize Critical CSS Loading (UPGRADED)',
-		'wp-module-performance'
-	),
-	jetpackBoostCriticalCssButton: __(
-		'Generate CSS',
-		'wp-module-performance'
-	),
-	jetpackBoostCriticalCssGenerattionSuccess: __(
-		'Critical CSS generated successfully.',
-		'wp-module-performance'
-	),
-	jetpackBoostCriticalCssGenerationText: __(
-		"Keep this page opened until the process finish",
-		'wp-module-performance'
-	),
-	jetpackBoostCriticalCssGenerationIssue: __(
-		"Error generating Critical CSS, try again",
-		'wp-module-performance'
-	),
-	jetpackBoostCriticalCssUpgradeTitle: __(
-		'Generate Critical CSS Automatically',
-		'wp-module-performance'
-	),
-	jetpackBoostCriticalCssPremiumDescription: sprintf(
-		// translators: %1$s is a line break (<br>), %2$s is the opening <strong> tag, %3$s is the closing </strong> tag.
-		__(
-			'Move important styling information to the start of the page, which helps pages display your content sooner, so your users don’t have to wait for the entire page to load.%1$s %2$sBoost will automatically generate your Critical CSS%3$s whenever you make changes to the HTML or CSS structure of your site.',
-			'wp-module-performance'
-		),
-		'<br><br>',
-		'<strong>',
-		'</strong>'
-	),
-	jetpackBoostCriticalCssModalDescription: sprintf(
-		// translators: %1$s is a line break (<p>), %2$s is the opening </p> tag.
-		__(
-			"%1$sThe manual generation of your Critical CSS will be launched now and you'll be redirected to Jetpack Boost page to track the progress.%2$s%1$sDo you want proceed?%2$s",
-			'wp-module-performance'
-		),
-		'<p>',
-		'</p>',
-	),
-	jetpackBoostRenderBlockingTitle: __(
-		'Defer Non-Essential JavaScript',
-		'wp-module-performance'
-	),
-	jetpackBoostRenderBlockingDescription: __(
-		'Run non-essential JavaScript after the page has loaded so that styles and images can load more quickly.',
-		'wp-module-performance'
-	),
-	jetpackBoostMinifyJsTitle: __( 'Concatenate JS', 'wp-module-performance' ),
-	jetpackBoostMinifyJsDescription: __(
-		'Scripts are grouped by their original placement, concatenated and minified to reduce site loading time and reduce the number of requests.',
-		'wp-module-performance'
-	),
-	jetpackBoostExcludeJsTitle: __(
-		'Exclude JS Strings',
-		'wp-module-performance'
-	),
-	jetpackBoostMinifyCssTitle: __(
-		'Concatenate CSS',
-		'wp-module-performance'
-	),
-	jetpackBoostMinifyCssDescription: __(
-		'Styles are grouped by their original placement, concatenated and minified to reduce site loading time and reduce the number of requests.',
-		'wp-module-performance'
-	),
-	jetpackBoostExcludeCssTitle: __(
-		'Exclude CSS Strings',
-		'wp-module-performance'
-	),
-	jetpackBoostShowMore: __( 'Show more', 'wp-module-performance' ),
-	jetpackBoostShowLess: __( 'Show less', 'wp-module-performance' ),
-	jetpackBoostDicoverMore: __( 'Discover More', 'wp-module-performance' ),
-	jetpackBoostCtaText: __(
-		'Install Jetpack Boost to unlock',
-		'wp-module-performance'
-	),
-	jetpackBoostInstalling: __(
-		'Installing Jetpack Boost…',
-		'wp-module-performance'
-	),
-	jetpackBoostActivated: __(
-		'Jetpack Boost is now active',
-		'wp-module-performance'
-	),
-	jetpackBoostActivationFailed: __(
-		'Activation failed',
-		'wp-module-performance'
-	),
-	// translators: %1$s is the opening <a> tag, %2$s is the closing </a> tag.
-	jetpackBoostDiscoverMore: __(
-		'Discover more %1$shere%2$s',
-		'wp-module-performance'
-	),
-	lockedBadgeText : __( 'Locked', 'wp-module-performance' ),
-	optionSet: __( 'Option saved correctly', 'wp-module-performance' ),
-	optionNotSet: __( 'Error saving option', 'wp-module-performance' ),
-	upgradeModule: __( 'Upgrade to unlock', 'wp-module-performance' ),
-};
-
-export default defaultText;
diff --git a/components/performance/index.js b/components/performance/index.js
deleted file mode 100644
index ad2d4e87..00000000
--- a/components/performance/index.js
+++ /dev/null
@@ -1,103 +0,0 @@
-// Newfold.
-import { Container } from '@newfold/ui-component-library';
-
-// Components.
-import { default as CacheSettings } from '../cacheSettings/';
-import { default as ClearCache } from '../clearCache/';
-import { default as CacheExclusion } from '../cacheExclusion/';
-import { default as Skip404 } from '../skip404/';
-import { default as AdvancedSettings } from '../advancedSettings';
-import { default as defaultText } from './defaultText';
-import ImageOptimizationSettings from '../imageOptimizationSettings';
-import { default as LinkPrefetch } from '../linkPrefetch/';
-
-/**
- * Performance Module
- * For use in brand plugin apps to display performance page and settings
- *
- * @param {*} props
- * @return
- */
-const Performance = ( { constants, methods, Components, ...props } ) => {
-	const { store, setStore } = methods.useContext( methods.AppStore );
-
-	const [ isError, setError ] = methods.useState( false );
-
-	const notify = methods.useNotification();
-
-	// set default text if not provided
-	constants.text = Object.assign( defaultText, constants.text );
-
-	const makeNotice = (
-		id,
-		title,
-		description,
-		variant = 'success',
-		duration = false
-	) => {
-		notify.push( `performance-notice-${ id }`, {
-			title,
-			description: <span>{ description }</span>,
-			variant,
-			autoDismiss: duration,
-		} );
-	};
-
-	methods.makeNotice = makeNotice;
-	methods.setStore = setStore;
-	methods.setError = setError;
-
-	return (
-		<>
-			<Container.Block
-				separator={ true }
-				className={ 'newfold-cache-settings' }
-			>
-				<CacheSettings
-					methods={ methods }
-					constants={ constants }
-					Components={ Components }
-				/>
-			</Container.Block>
-			<Container.Block
-				separator={ true }
-				className={ 'newfold-cache-exclusion' }
-			>
-				<CacheExclusion methods={ methods } constants={ constants } />
-			</Container.Block>
-			<Container.Block
-				separator={ true }
-				className={ 'newfold-clear-cache' }
-			>
-				<ClearCache methods={ methods } constants={ constants } />
-			</Container.Block>
-			<Container.Block separator={ true } className={ 'newfold-skip404' }>
-				<Skip404
-					className={ 'newfold-skip404' }
-					methods={ methods }
-					constants={ constants }
-				/>
-			</Container.Block>
-			<Container.Block
-				separator={ true }
-				className={ 'newfold-performance-advanced-settings' }
-			>
-				<AdvancedSettings constants={ constants } methods={ methods } />
-			</Container.Block>
-			<Container.Block
-				className={ 'newfold-link-prefetch' }
-				separator={ true }
-			>
-				<LinkPrefetch methods={ methods } constants={ constants } />
-			</Container.Block>
-			<Container.Block className={ 'newfold-image-optimization' }>
-				<ImageOptimizationSettings
-					methods={ methods }
-					constants={ constants }
-				/>
-			</Container.Block>
-		</>
-	);
-};
-
-export default Performance;
diff --git a/components/skip404/index.js b/components/skip404/index.js
deleted file mode 100644
index db8101f9..00000000
--- a/components/skip404/index.js
+++ /dev/null
@@ -1,66 +0,0 @@
-// WordPress
-import apiFetch from '@wordpress/api-fetch';
-
-// Newfold
-import { ToggleField, Container } from '@newfold/ui-component-library';
-import { NewfoldRuntime } from '@newfold/wp-module-runtime';
-
-const Skip404 = ( { methods, constants } ) => {
-	const [ skip404, setSkip404 ] = methods.useState(
-		NewfoldRuntime.sdk.skip404.is_active
-	);
-
-	const getSkip404NoticeTitle = () => {
-		return constants.text.skip404NoticeTitle;
-	};
-
-	const handleSkip404Change = () => {
-		const value = ! skip404;
-		apiFetch( {
-			path: 'newfold-performance/v1/skip404',
-			method: 'POST',
-			data: {
-				field: {
-					id: 'skip404',
-					value,
-				},
-			},
-		} )
-			.then( () => {
-				methods.makeNotice(
-					'skip404-change-notice',
-					getSkip404NoticeTitle(),
-					'',
-					'success',
-					5000
-				);
-			} )
-			.catch( () => {
-				methods.makeNotice(
-					'skip404-change-notice',
-					constants.text.optionNotSet,
-					'',
-					'error',
-					5000
-				);
-			} );
-
-		setSkip404( value );
-	};
-
-	return (
-		<Container.SettingsField
-			title={ constants.text.skip404Title }
-			description={ constants.text.skip404Description }
-		>
-			<ToggleField
-				id="skip-404"
-				label={ constants.text.skip404OptionLabel }
-				checked={ skip404 }
-				onChange={ () => handleSkip404Change( skip404, setSkip404 ) }
-			/>
-		</Container.SettingsField>
-	);
-};
-
-export default Skip404;
diff --git a/composer.json b/composer.json
index a444151b..d6bbd1e1 100644
--- a/composer.json
+++ b/composer.json
@@ -3,60 +3,60 @@
 	"description": "A module for managing caching functionality.",
 	"license": "GPL-2.0-or-later",
 	"authors": [
-	  {
-		"name": "Micah Wood",
-		"email": "micah@wpscholar.com"
-	  }
+		{
+			"name": "Micah Wood",
+			"email": "micah@wpscholar.com"
+		}
 	],
 	"autoload": {
-	  "psr-4": {
-		"NewfoldLabs\\WP\\Module\\Performance\\": "includes"
-	  },
-	  "files": [
-		"includes/PerformanceFeature.php",
-		"includes/functions.php",
-		"bootstrap.php"
-	  ]
+		"psr-4": {
+			"NewfoldLabs\\WP\\Module\\Performance\\": "includes"
+		},
+		"files": [
+			"includes/PerformanceFeature.php",
+			"includes/functions.php",
+			"bootstrap.php"
+		]
 	},
 	"repositories": [
-	  {
-		"type": "composer",
-		"url": "https://newfold-labs.github.io/satis/",
-		"only": [
-		  "newfold-labs/*"
-		]
-	  }
+		{
+			"type": "composer",
+			"url": "https://newfold-labs.github.io/satis/",
+			"only": [
+				"newfold-labs/*"
+			]
+		}
 	],
 	"require": {
-	  "newfold-labs/wp-module-context": "^1.0",
-	  "wp-forge/collection": "^1.0.2",
-	  "wp-forge/wp-htaccess-manager": "^1.0",
-	  "wpscholar/url": "^1.2.5",
-	  "newfold-labs/wp-module-features": "^1.5",
-	  "newfold-labs/wp-module-installer": "^1.4.3"
+		"newfold-labs/wp-module-context": "^1.0",
+		"wp-forge/collection": "^1.0",
+		"wp-forge/wp-htaccess-manager": "^1.0",
+		"wpscholar/url": "^1.2",
+		"newfold-labs/wp-module-features": "^1.5",
+		"newfold-labs/wp-module-installer": "^1.4"
 	},
 	"require-dev": {
-	  "newfold-labs/wp-php-standards": "^1.2.4",
-	  "wp-cli/wp-cli-bundle": "^2.11",
-	  "wp-cli/i18n-command": "^2.6",
-	  "10up/wp_mock": "^1.1"
+		"newfold-labs/wp-php-standards": "^1.2",
+		"wp-cli/wp-cli-bundle": "^2.11",
+		"wp-cli/i18n-command": "^2.6",
+		"10up/wp_mock": "^1.1"
 	},
 	"scripts": {
 		"test": "phpunit --bootstrap tests/phpunit/bootstrap.php",
 		"cs-fix": "phpcbf --standard=phpcs.xml .",
 		"cs-lint": "phpcs --standard=phpcs.xml -s .",
-	 	"i18n-pot": "vendor/bin/wp i18n make-pot . ./languages/wp-module-performance.pot --domain=wp-module-performance --headers='{\"Report-Msgid-Bugs-To\":\"https://github.com/newfold-labs/wp-module-performance/issues\",\"POT-Creation-Date\":null}' --exclude=build,node_modules,src,tests",
-	   	"i18n-po": "vendor/bin/wp i18n update-po ./languages/wp-module-performance.pot ./languages",
-	   	"i18n-mo": "vendor/bin/wp i18n make-mo ./languages",
-	  	"i18n-json": "rm -f languages/*.json && vendor/bin/wp i18n make-json ./languages --no-purge --pretty-print",
-	   	"i18n-php": "vendor/bin/wp --allow-root i18n make-php ./languages",
-	   	"i18n": [
+		"i18n-pot": "vendor/bin/wp i18n make-pot . ./languages/wp-module-performance.pot --domain=wp-module-performance --headers='{\"Report-Msgid-Bugs-To\":\"https://github.com/newfold-labs/wp-module-performance/issues\",\"POT-Creation-Date\":null}' --exclude=build,node_modules,src,tests",
+		"i18n-po": "vendor/bin/wp i18n update-po ./languages/wp-module-performance.pot ./languages",
+		"i18n-mo": "vendor/bin/wp i18n make-mo ./languages",
+		"i18n-json": "rm -f languages/*.json && vendor/bin/wp i18n make-json ./languages --no-purge --pretty-print",
+		"i18n-php": "vendor/bin/wp --allow-root i18n make-php ./languages",
+		"i18n": [
 			"@i18n-pot",
 			"@i18n-po",
 			"@i18n-mo",
 			"@i18n-json",
 			"@i18n-php"
-	   ]
+		]
 	},
 	"scripts-descriptions": {
 		"test": "Run PHPUnit tests",
@@ -66,8 +66,7 @@
 	},
 	"config": {
 		"allow-plugins": {
-		  "dealerdirect/phpcodesniffer-composer-installer": true
+			"dealerdirect/phpcodesniffer-composer-installer": true
 		}
 	}
 }
-  
\ No newline at end of file
diff --git a/composer.lock b/composer.lock
index 7de5ac67..1574e7d9 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "c7181c56c795be06c287f8725c53c3fe",
+    "content-hash": "517d65d746958bb368215462ace8bf39",
     "packages": [
         {
             "name": "doctrine/inflector",
@@ -1003,16 +1003,16 @@
         },
         {
             "name": "composer/ca-bundle",
-            "version": "1.5.5",
+            "version": "1.5.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/composer/ca-bundle.git",
-                "reference": "08c50d5ec4c6ced7d0271d2862dec8c1033283e6"
+                "reference": "f65c239c970e7f072f067ab78646e9f0b2935175"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/composer/ca-bundle/zipball/08c50d5ec4c6ced7d0271d2862dec8c1033283e6",
-                "reference": "08c50d5ec4c6ced7d0271d2862dec8c1033283e6",
+                "url": "https://api.github.com/repos/composer/ca-bundle/zipball/f65c239c970e7f072f067ab78646e9f0b2935175",
+                "reference": "f65c239c970e7f072f067ab78646e9f0b2935175",
                 "shasum": ""
             },
             "require": {
@@ -1059,7 +1059,7 @@
             "support": {
                 "irc": "irc://irc.freenode.org/composer",
                 "issues": "https://github.com/composer/ca-bundle/issues",
-                "source": "https://github.com/composer/ca-bundle/tree/1.5.5"
+                "source": "https://github.com/composer/ca-bundle/tree/1.5.6"
             },
             "funding": [
                 {
@@ -1075,20 +1075,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-01-08T16:17:16+00:00"
+            "time": "2025-03-06T14:30:56+00:00"
         },
         {
             "name": "composer/class-map-generator",
-            "version": "1.6.0",
+            "version": "1.6.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/composer/class-map-generator.git",
-                "reference": "ffe442c5974c44a9343e37a0abcb1cc37319f5b9"
+                "reference": "134b705ddb0025d397d8318a75825fe3c9d1da34"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/composer/class-map-generator/zipball/ffe442c5974c44a9343e37a0abcb1cc37319f5b9",
-                "reference": "ffe442c5974c44a9343e37a0abcb1cc37319f5b9",
+                "url": "https://api.github.com/repos/composer/class-map-generator/zipball/134b705ddb0025d397d8318a75825fe3c9d1da34",
+                "reference": "134b705ddb0025d397d8318a75825fe3c9d1da34",
                 "shasum": ""
             },
             "require": {
@@ -1132,7 +1132,7 @@
             ],
             "support": {
                 "issues": "https://github.com/composer/class-map-generator/issues",
-                "source": "https://github.com/composer/class-map-generator/tree/1.6.0"
+                "source": "https://github.com/composer/class-map-generator/tree/1.6.1"
             },
             "funding": [
                 {
@@ -1148,7 +1148,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-02-05T10:05:34+00:00"
+            "time": "2025-03-24T13:50:44+00:00"
         },
         {
             "name": "composer/composer",
@@ -1928,16 +1928,16 @@
         },
         {
             "name": "gettext/languages",
-            "version": "2.10.0",
+            "version": "2.12.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/php-gettext/Languages.git",
-                "reference": "4d61d67fe83a2ad85959fe6133d6d9ba7dddd1ab"
+                "reference": "0b0b0851c55168e1dfb14305735c64019732b5f1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/php-gettext/Languages/zipball/4d61d67fe83a2ad85959fe6133d6d9ba7dddd1ab",
-                "reference": "4d61d67fe83a2ad85959fe6133d6d9ba7dddd1ab",
+                "url": "https://api.github.com/repos/php-gettext/Languages/zipball/0b0b0851c55168e1dfb14305735c64019732b5f1",
+                "reference": "0b0b0851c55168e1dfb14305735c64019732b5f1",
                 "shasum": ""
             },
             "require": {
@@ -1947,7 +1947,8 @@
                 "phpunit/phpunit": "^4.8 || ^5.7 || ^6.5 || ^7.5 || ^8.4"
             },
             "bin": [
-                "bin/export-plural-rules"
+                "bin/export-plural-rules",
+                "bin/import-cldr-data"
             ],
             "type": "library",
             "autoload": {
@@ -1986,7 +1987,7 @@
             ],
             "support": {
                 "issues": "https://github.com/php-gettext/Languages/issues",
-                "source": "https://github.com/php-gettext/Languages/tree/2.10.0"
+                "source": "https://github.com/php-gettext/Languages/tree/2.12.1"
             },
             "funding": [
                 {
@@ -1998,7 +1999,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2022-10-18T15:00:10+00:00"
+            "time": "2025-03-19T11:14:02+00:00"
         },
         {
             "name": "hamcrest/hamcrest-php",
@@ -2118,16 +2119,16 @@
         },
         {
             "name": "mck89/peast",
-            "version": "v1.16.3",
+            "version": "v1.17.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/mck89/peast.git",
-                "reference": "645ec21b650bc2aced18285c85f220d22afc1430"
+                "reference": "3a752d39bd7d8dc1e19bcf424f3d5ac1a1ca6ad5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/mck89/peast/zipball/645ec21b650bc2aced18285c85f220d22afc1430",
-                "reference": "645ec21b650bc2aced18285c85f220d22afc1430",
+                "url": "https://api.github.com/repos/mck89/peast/zipball/3a752d39bd7d8dc1e19bcf424f3d5ac1a1ca6ad5",
+                "reference": "3a752d39bd7d8dc1e19bcf424f3d5ac1a1ca6ad5",
                 "shasum": ""
             },
             "require": {
@@ -2140,7 +2141,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "1.16.3-dev"
+                    "dev-master": "1.17.0-dev"
                 }
             },
             "autoload": {
@@ -2161,9 +2162,9 @@
             "description": "Peast is PHP library that generates AST for JavaScript code",
             "support": {
                 "issues": "https://github.com/mck89/peast/issues",
-                "source": "https://github.com/mck89/peast/tree/v1.16.3"
+                "source": "https://github.com/mck89/peast/tree/v1.17.0"
             },
-            "time": "2024-07-23T14:00:32+00:00"
+            "time": "2025-03-07T19:44:14+00:00"
         },
         {
             "name": "mockery/mockery",
@@ -2405,16 +2406,16 @@
         },
         {
             "name": "newfold-labs/wp-php-standards",
-            "version": "1.2.4",
+            "version": "1.2.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/newfold-labs/wp-php-standards.git",
-                "reference": "7ef8833b93f8bcdf52c6006f3adb53972d0799a6"
+                "reference": "f895273a11b3f53dc29719fb859629e13291bf37"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/newfold-labs/wp-php-standards/zipball/7ef8833b93f8bcdf52c6006f3adb53972d0799a6",
-                "reference": "7ef8833b93f8bcdf52c6006f3adb53972d0799a6",
+                "url": "https://api.github.com/repos/newfold-labs/wp-php-standards/zipball/f895273a11b3f53dc29719fb859629e13291bf37",
+                "reference": "f895273a11b3f53dc29719fb859629e13291bf37",
                 "shasum": ""
             },
             "require": {
@@ -2424,6 +2425,11 @@
                 "wp-coding-standards/wpcs": "@stable"
             },
             "type": "phpcodesniffer-standard",
+            "autoload": {
+                "psr-4": {
+                    "Newfold\\Sniffs\\": "Newfold/Sniffs/"
+                }
+            },
             "license": [
                 "GPL-2.0-or-later"
             ],
@@ -2435,10 +2441,10 @@
             ],
             "description": "PHP Code Sniffer Standards for Newfold WordPress projects.",
             "support": {
-                "source": "https://github.com/newfold-labs/wp-php-standards/tree/1.2.4",
+                "source": "https://github.com/newfold-labs/wp-php-standards/tree/1.2.5",
                 "issues": "https://github.com/newfold-labs/wp-php-standards/issues"
             },
-            "time": "2024-07-22T23:16:21+00:00"
+            "time": "2025-03-19T23:24:54+00:00"
         },
         {
             "name": "nikic/php-parser",
@@ -4722,16 +4728,16 @@
         },
         {
             "name": "squizlabs/php_codesniffer",
-            "version": "3.11.3",
+            "version": "3.12.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/PHPCSStandards/PHP_CodeSniffer.git",
-                "reference": "ba05f990e79cbe69b9f35c8c1ac8dca7eecc3a10"
+                "reference": "2d1b63db139c3c6ea0c927698e5160f8b3b8d630"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/PHPCSStandards/PHP_CodeSniffer/zipball/ba05f990e79cbe69b9f35c8c1ac8dca7eecc3a10",
-                "reference": "ba05f990e79cbe69b9f35c8c1ac8dca7eecc3a10",
+                "url": "https://api.github.com/repos/PHPCSStandards/PHP_CodeSniffer/zipball/2d1b63db139c3c6ea0c927698e5160f8b3b8d630",
+                "reference": "2d1b63db139c3c6ea0c927698e5160f8b3b8d630",
                 "shasum": ""
             },
             "require": {
@@ -4798,24 +4804,24 @@
                     "type": "open_collective"
                 },
                 {
-                    "url": "https://thanks.dev/phpcsstandards",
+                    "url": "https://thanks.dev/u/gh/phpcsstandards",
                     "type": "thanks_dev"
                 }
             ],
-            "time": "2025-01-23T17:04:15+00:00"
+            "time": "2025-03-18T05:04:51+00:00"
         },
         {
             "name": "symfony/console",
-            "version": "v7.2.1",
+            "version": "v7.2.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/console.git",
-                "reference": "fefcc18c0f5d0efe3ab3152f15857298868dc2c3"
+                "reference": "e51498ea18570c062e7df29d05a7003585b19b88"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/fefcc18c0f5d0efe3ab3152f15857298868dc2c3",
-                "reference": "fefcc18c0f5d0efe3ab3152f15857298868dc2c3",
+                "url": "https://api.github.com/repos/symfony/console/zipball/e51498ea18570c062e7df29d05a7003585b19b88",
+                "reference": "e51498ea18570c062e7df29d05a7003585b19b88",
                 "shasum": ""
             },
             "require": {
@@ -4879,7 +4885,7 @@
                 "terminal"
             ],
             "support": {
-                "source": "https://github.com/symfony/console/tree/v7.2.1"
+                "source": "https://github.com/symfony/console/tree/v7.2.5"
             },
             "funding": [
                 {
@@ -4895,7 +4901,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-12-11T03:49:26+00:00"
+            "time": "2025-03-12T08:11:12+00:00"
         },
         {
             "name": "symfony/deprecation-contracts",
@@ -5646,16 +5652,16 @@
         },
         {
             "name": "symfony/process",
-            "version": "v7.2.4",
+            "version": "v7.2.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/process.git",
-                "reference": "d8f411ff3c7ddc4ae9166fb388d1190a2df5b5cf"
+                "reference": "87b7c93e57df9d8e39a093d32587702380ff045d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/d8f411ff3c7ddc4ae9166fb388d1190a2df5b5cf",
-                "reference": "d8f411ff3c7ddc4ae9166fb388d1190a2df5b5cf",
+                "url": "https://api.github.com/repos/symfony/process/zipball/87b7c93e57df9d8e39a093d32587702380ff045d",
+                "reference": "87b7c93e57df9d8e39a093d32587702380ff045d",
                 "shasum": ""
             },
             "require": {
@@ -5687,7 +5693,7 @@
             "description": "Executes commands in sub-processes",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/process/tree/v7.2.4"
+                "source": "https://github.com/symfony/process/tree/v7.2.5"
             },
             "funding": [
                 {
@@ -5703,7 +5709,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-02-05T08:33:46+00:00"
+            "time": "2025-03-13T12:21:46+00:00"
         },
         {
             "name": "symfony/service-contracts",
@@ -8138,10 +8144,10 @@
     ],
     "aliases": [],
     "minimum-stability": "stable",
-    "stability-flags": [],
+    "stability-flags": {},
     "prefer-stable": false,
     "prefer-lowest": false,
-    "platform": [],
-    "platform-dev": [],
-    "plugin-api-version": "2.3.0"
+    "platform": {},
+    "platform-dev": {},
+    "plugin-api-version": "2.6.0"
 }
diff --git a/includes/Images/ImageBulkOptimizer.php b/includes/Images/ImageBulkOptimizer.php
index 266140d4..eddd53c1 100644
--- a/includes/Images/ImageBulkOptimizer.php
+++ b/includes/Images/ImageBulkOptimizer.php
@@ -49,9 +49,9 @@ private function is_enqueue_allowed() {
 	public function enqueue_bulk_optimizer_script() {
 		wp_register_script(
 			'nfd-performance-bulk-optimizer',
-			NFD_PERFORMANCE_BUILD_URL . '/image-bulk-optimizer/image-bulk-optimizer.min.js',
+			NFD_PERFORMANCE_BUILD_URL . '/assets/image-bulk-optimizer/image-bulk-optimizer.min.js',
 			array( 'wp-api-fetch', 'wp-element', 'wp-i18n' ),
-			filemtime( NFD_PERFORMANCE_BUILD_DIR . '/image-bulk-optimizer/image-bulk-optimizer.min.js' ),
+			filemtime( NFD_PERFORMANCE_BUILD_DIR . '/assets/image-bulk-optimizer/image-bulk-optimizer.min.js' ),
 			true
 		);
 
@@ -63,9 +63,9 @@ public function enqueue_bulk_optimizer_script() {
 
 		wp_register_style(
 			'nfd-performance-bulk-optimizer-style',
-			NFD_PERFORMANCE_BUILD_URL . '/image-bulk-optimizer/image-bulk-optimizer.min.css',
+			NFD_PERFORMANCE_BUILD_URL . '/assets/image-bulk-optimizer/image-bulk-optimizer.min.css',
 			array(),
-			filemtime( NFD_PERFORMANCE_BUILD_DIR . '/image-bulk-optimizer/image-bulk-optimizer.min.css' )
+			filemtime( NFD_PERFORMANCE_BUILD_DIR . '/assets/image-bulk-optimizer/image-bulk-optimizer.min.css' )
 		);
 
 		if ( $this->is_enqueue_allowed() ) {
diff --git a/includes/Images/ImageLazyLoader.php b/includes/Images/ImageLazyLoader.php
index e1c8edad..ecf559b8 100644
--- a/includes/Images/ImageLazyLoader.php
+++ b/includes/Images/ImageLazyLoader.php
@@ -82,8 +82,8 @@ public function apply_lazy_loading_to_blocks( $block_content, $block ) {
 	 * Enqueues the lazy loader script file and adds inline exclusion settings.
 	 */
 	public function enqueue_lazy_loader() {
-		$script_path = NFD_PERFORMANCE_BUILD_DIR . '/image-lazy-loader.min.js';
-		$script_url  = NFD_PERFORMANCE_BUILD_URL . '/image-lazy-loader.min.js';
+		$script_path = NFD_PERFORMANCE_BUILD_DIR . '/assets/image-lazy-loader.min.js';
+		$script_url  = NFD_PERFORMANCE_BUILD_URL . '/assets/image-lazy-loader.min.js';
 
 		// Register the script with version based on file modification time.
 		wp_register_script(
diff --git a/includes/Images/ImageOptimizedMarker.php b/includes/Images/ImageOptimizedMarker.php
index e44f07ec..45a2b4e6 100644
--- a/includes/Images/ImageOptimizedMarker.php
+++ b/includes/Images/ImageOptimizedMarker.php
@@ -51,9 +51,9 @@ private function is_enqueue_allowed() {
 	public function enqueue_marker_assets() {
 		wp_register_script(
 			'nfd-performance-optimizer-marker',
-			NFD_PERFORMANCE_BUILD_URL . '/image-optimized-marker/image-optimized-marker.min.js',
+			NFD_PERFORMANCE_BUILD_URL . '/assets/image-optimized-marker/image-optimized-marker.min.js',
 			array( 'wp-api-fetch', 'wp-element', 'wp-i18n' ),
-			filemtime( NFD_PERFORMANCE_BUILD_DIR . '/image-optimized-marker/image-optimized-marker.min.js' ),
+			filemtime( NFD_PERFORMANCE_BUILD_DIR . '/assets/image-optimized-marker/image-optimized-marker.min.js' ),
 			true
 		);
 
@@ -65,9 +65,9 @@ public function enqueue_marker_assets() {
 
 		wp_register_style(
 			'nfd-performance-optimizer-marker-style',
-			NFD_PERFORMANCE_BUILD_URL . '/image-optimized-marker/image-optimized-marker.min.css',
+			NFD_PERFORMANCE_BUILD_URL . '/assets/image-optimized-marker/image-optimized-marker.min.css',
 			array(),
-			filemtime( NFD_PERFORMANCE_BUILD_DIR . '/image-optimized-marker/image-optimized-marker.min.css' )
+			filemtime( NFD_PERFORMANCE_BUILD_DIR . '/assets/image-optimized-marker/image-optimized-marker.min.css' )
 		);
 
 		if ( $this->is_enqueue_allowed() ) {
diff --git a/includes/LinkPrefetch/LinkPrefetch.php b/includes/LinkPrefetch/LinkPrefetch.php
index 083cd412..d6925f23 100644
--- a/includes/LinkPrefetch/LinkPrefetch.php
+++ b/includes/LinkPrefetch/LinkPrefetch.php
@@ -93,7 +93,7 @@ public function enqueue_scripts() {
 		$settings['isMobile'] = wp_is_mobile();
 		wp_enqueue_script(
 			'linkprefetcher',
-			NFD_PERFORMANCE_BUILD_URL . '/link-prefetch.min.js',
+			NFD_PERFORMANCE_BUILD_URL . '/assets/link-prefetch.min.js',
 			array(),
 			$this->container->plugin()->version,
 			true
diff --git a/includes/Performance.php b/includes/Performance.php
index a2a5059e..11ae5dea 100644
--- a/includes/Performance.php
+++ b/includes/Performance.php
@@ -2,10 +2,7 @@
 
 namespace NewfoldLabs\WP\Module\Performance;
 
-use Automattic\Jetpack\Current_Plan;
-
 use NewfoldLabs\WP\ModuleLoader\Container;
-use NewfoldLabs\WP\Module\Installer\Services\PluginInstaller;
 use NewfoldLabs\WP\Module\Performance\Images\ImageManager;
 use NewfoldLabs\WP\Module\Performance\RestApi\RestApi;
 use NewfoldLabs\WP\Module\Performance\Data\Constants;
@@ -37,6 +34,13 @@ class Performance {
 	 */
 	const PURGE_URL = 'nfd_purge_url';
 
+	/**
+	* Slug used for the Performance module's admin page.
+	*
+	* @var string
+	*/
+	const PAGE_SLUG = 'nfd-performance';
+
 	/**
 	 * Dependency injection container.
 	 *
@@ -67,15 +71,14 @@ public function __construct( Container $container ) {
 
 		new JetpackBoost( $container );
 
-		add_action( 'admin_bar_menu', array( $this, 'admin_bar_menu' ), 100 );
-		add_action( 'admin_menu', array( $this, 'add_sub_menu_page' ) );
-		add_filter( 'nfd_plugin_subnav', array( $this, 'add_nfd_subnav' ) );
-
 		if ( Permissions::is_authorized_admin() || Permissions::rest_is_authorized_admin() ) {
 			new RestAPI();
 		}
 
-		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_styles' ) );
+		add_action( 'admin_bar_menu', array( $this, 'admin_bar_menu' ), 100 );
+		add_action( 'admin_menu', array( $this, 'add_management_page' ) );
+		add_action( 'load-tools_page_' . self::PAGE_SLUG, array( __CLASS__, 'initialize_performance_app' ) );
+		add_filter( 'nfd_plugin_subnav', array( $this, 'add_nfd_subnav' ) );
 
 		! defined( 'NFD_PERFORMANCE_PLUGIN_LANGUAGES_DIR' ) && define( 'NFD_PERFORMANCE_PLUGIN_LANGUAGES_DIR', dirname( $container->plugin()->file ) . '/vendor/newfold-labs/wp-module-performance/languages' );
 		new I18nService( $container );
@@ -251,23 +254,24 @@ public function admin_bar_menu( \WP_Admin_Bar $wp_admin_bar ) {
 					'id'     => 'nfd_purge_menu-cache_settings',
 					'title'  => __( 'Cache Settings', 'wp-module-performance' ),
 					'parent' => 'nfd_purge_menu',
-					'href'   => admin_url( "admin.php?page=$brand#/performance" ),
+					'href'   => admin_url( 'tools.php?page=' . self::PAGE_SLUG ),
 				)
 			);
 		}
 	}
+
 	/**
-	 * Add performance menu in WP/Settings
+	 * Adds the Performance module to the WordPress Tools > Site Health menu.
+	 *
+	 * @return void
 	 */
-	public function add_sub_menu_page() {
-		$brand = $this->container->get( 'plugin' )['id'];
+	public function add_management_page() {
 		add_management_page(
 			__( 'Performance', 'wp-module-performance' ),
 			__( 'Performance', 'wp-module-performance' ),
 			'manage_options',
-			admin_url( "admin.php?page=$brand#/performance" ),
-			null,
-			5
+			self::PAGE_SLUG,
+			array( __CLASS__, 'render_performance_app' )
 		);
 	}
 
@@ -278,9 +282,8 @@ public function add_sub_menu_page() {
 	 * @return array The filtered nav array
 	 */
 	public function add_nfd_subnav( $subnav ) {
-		$brand = $this->container->get( 'plugin' )['id'];
 		$performance = array(
-			'route'    => $brand . '#/performance',
+			'route'    => self::PAGE_SLUG,
 			'title'    => __( 'Performance', 'wp-module-performance' ),
 			'priority' => 30,
 		);
@@ -289,14 +292,59 @@ public function add_nfd_subnav( $subnav ) {
 	}
 
 	/**
-	 * Enqueue styles and styles in admin
+	 * Outputs the HTML container for the Performance module's React application.
+	 *
+	 * @return void
 	 */
-	public function enqueue_styles() {
-		$brand = $this->container->plugin()->brand;
-		if ( is_settings_page( $brand ) ) {
-			$plugin_url = $this->container->plugin()->url . get_styles_path();
-			wp_register_style( 'wp-module-performance-styles', $plugin_url, array(), $this->container->plugin()->version );
-			wp_enqueue_style( 'wp-module-performance-styles' );
+	public static function render_performance_app() {
+		echo PHP_EOL;
+		echo '<!-- NFD:PERFORMANCE -->';
+		echo PHP_EOL;
+		echo '<div id="' . esc_attr( self::PAGE_SLUG ) . '" class="' . esc_attr( self::PAGE_SLUG ) . '-container"></div>';
+		echo PHP_EOL;
+		echo '<!-- /NFD:PERFORMANCE -->';
+		echo PHP_EOL;
+	}
+
+	/**
+	 * Initializes the Performance module by registering and enqueuing its assets.
+	 *
+	 * @return void
+	 */
+	public static function initialize_performance_app() {
+		self::register_performance_assets();
+	}
+
+	/**
+	 * Registers and enqueues the JavaScript and CSS assets for the Performance module.
+	 *
+	 * @return void
+	 */
+	public static function register_performance_assets() {
+		$build_dir  = NFD_PERFORMANCE_BUILD_DIR;
+		$build_url  = NFD_PERFORMANCE_BUILD_URL;
+		$asset_file = $build_dir . '/performance/performance.min.asset.php';
+
+		if ( is_readable( $asset_file ) ) {
+			$asset = include_once $asset_file;
+
+			wp_register_script(
+				self::PAGE_SLUG,
+				$build_url . '/performance/performance.min.js',
+				$asset['dependencies'],
+				$asset['version'],
+				true
+			);
+
+			wp_register_style(
+				self::PAGE_SLUG,
+				$build_url . '/performance/performance.min.css',
+				array(),
+				$asset['version']
+			);
+
+			wp_enqueue_script( self::PAGE_SLUG );
+			wp_enqueue_style( self::PAGE_SLUG );
 		}
 	}
 }
diff --git a/package-lock.json b/package-lock.json
index 73e59748..0ab4de93 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,12 +15,15 @@
         "@tailwindcss/forms": "^0.5.10",
         "@testing-library/cypress": "^10.0.3",
         "@wordpress/scripts": "^26.19.0",
+        "autoprefixer": "^10.4.21",
         "chalk": "^5.4.1",
         "css-minimizer-webpack-plugin": "^7.0.2",
         "cypress": "^14.2.1",
         "cypress-axe": "^1.6.0",
         "glob": "^11.0.1",
-        "tailwindcss": "^3.4.16"
+        "postcss": "^8.5.3",
+        "postcss-loader": "^8.1.1",
+        "tailwindcss": "^3.4.17"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -5488,6 +5491,65 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/@wordpress/scripts/node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "dev": true,
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@wordpress/scripts/node_modules/postcss-loader": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz",
+      "integrity": "sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==",
+      "dev": true,
+      "dependencies": {
+        "cosmiconfig": "^7.0.0",
+        "klona": "^2.0.5",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "postcss": "^7.0.0 || ^8.0.1",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/@wordpress/scripts/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@wordpress/scripts/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/@wordpress/stylelint-config": {
       "version": "21.41.0",
       "resolved": "https://registry.npmjs.org/@wordpress/stylelint-config/-/stylelint-config-21.41.0.tgz",
@@ -6090,9 +6152,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.20",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
-      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
+      "version": "10.4.21",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
+      "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
       "dev": true,
       "funding": [
         {
@@ -6109,11 +6171,11 @@
         }
       ],
       "dependencies": {
-        "browserslist": "^4.23.3",
-        "caniuse-lite": "^1.0.30001646",
+        "browserslist": "^4.24.4",
+        "caniuse-lite": "^1.0.30001702",
         "fraction.js": "^4.3.7",
         "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.1",
+        "picocolors": "^1.1.1",
         "postcss-value-parser": "^4.2.0"
       },
       "bin": {
@@ -6619,9 +6681,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.24.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.3.tgz",
-      "integrity": "sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==",
+      "version": "4.24.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
+      "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
       "dev": true,
       "funding": [
         {
@@ -6852,9 +6914,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001690",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz",
-      "integrity": "sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==",
+      "version": "1.0.30001707",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz",
+      "integrity": "sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==",
       "dev": true,
       "funding": [
         {
@@ -9414,6 +9476,15 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/envinfo": {
       "version": "7.14.0",
       "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.14.0.tgz",
@@ -17391,9 +17462,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.49",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
-      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+      "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
       "funding": [
         {
           "type": "opencollective",
@@ -17409,7 +17480,7 @@
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.7",
+        "nanoid": "^3.3.8",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -17584,41 +17655,78 @@
       }
     },
     "node_modules/postcss-loader": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz",
-      "integrity": "sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz",
+      "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==",
       "dev": true,
       "dependencies": {
-        "cosmiconfig": "^7.0.0",
-        "klona": "^2.0.5",
-        "semver": "^7.3.5"
+        "cosmiconfig": "^9.0.0",
+        "jiti": "^1.20.0",
+        "semver": "^7.5.4"
       },
       "engines": {
-        "node": ">= 12.13.0"
+        "node": ">= 18.12.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/webpack"
       },
       "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
         "postcss": "^7.0.0 || ^8.0.1",
         "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
       }
     },
+    "node_modules/postcss-loader/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
     "node_modules/postcss-loader/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
       "dev": true,
       "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-loader/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
       }
     },
     "node_modules/postcss-loader/node_modules/semver": {
@@ -17633,15 +17741,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/postcss-loader/node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/postcss-media-query-parser": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
diff --git a/package.json b/package.json
index ba72bf3f..ea5232fc 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,10 @@
     "Evan Mullins (https://evanmullins.com)",
     "Jonathan Desrosiers (https://jonathandesrosiers.com)",
     "Micah Wood (https://wpscholar.com)",
-    "William Earnhardt (https://wearnhardt.com)"
+    "William Earnhardt (https://wearnhardt.com)",
+    "Arun Shenoy (https://github.com/arunshenoy99)",
+    "Alessio Torissi (https://github.com/AleTorrisi)",
+    "Armando Liccardo (https://github.com/geckod22)"
   ],
   "dependencies": {
     "@newfold/ui-component-library": "^1.3.0",
@@ -19,16 +22,23 @@
     "@tailwindcss/forms": "^0.5.10",
     "@testing-library/cypress": "^10.0.3",
     "@wordpress/scripts": "^26.19.0",
+    "autoprefixer": "^10.4.21",
     "chalk": "^5.4.1",
     "css-minimizer-webpack-plugin": "^7.0.2",
     "cypress": "^14.2.1",
     "cypress-axe": "^1.6.0",
     "glob": "^11.0.1",
-    "tailwindcss": "^3.4.16"
+    "postcss": "^8.5.3",
+    "postcss-loader": "^8.1.1",
+    "tailwindcss": "^3.4.17"
   },
   "scripts": {
-    "build": "wp-scripts build",
-    "start": "wp-scripts start",
+    "build": "npm run build:assets && npm run build:react",
+    "start": "npm run start:assets & npm run start:react",
+    "build:assets": "wp-scripts build --config webpack/assets.config.js",
+    "build:react": "wp-scripts build --config webpack/react.config.js",
+    "start:assets": "wp-scripts start --config webpack/assets.config.js",
+    "start:react": "wp-scripts start --config webpack/react.config.js",
     "i18n-build": "composer run-script i18n",
     "i18n-rename-json": "node ./translations-json-rename.js",
     "i18n": "npm run -s i18n-build && npm run i18n-rename-json",
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 00000000..e0c0f1cd
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,9 @@
+module.exports = {
+	plugins: [
+		require('postcss-import'),
+		require('tailwindcss/nesting'),
+		require('tailwindcss'),
+		...require('@wordpress/postcss-plugins-preset'),
+	],
+};
+
diff --git a/src/components/App/getAppText.js b/src/components/App/getAppText.js
new file mode 100644
index 00000000..a41e3f13
--- /dev/null
+++ b/src/components/App/getAppText.js
@@ -0,0 +1,11 @@
+import { __ } from '@wordpress/i18n';
+
+const getAppText = () => ( {
+	title: __( 'Performance', 'wp-module-performance' ),
+	description: __(
+		'This is where you can manage performance settings for your website.',
+		'wp-module-performance'
+	),
+} );
+
+export default getAppText;
diff --git a/src/components/App/index.js b/src/components/App/index.js
new file mode 100644
index 00000000..76e05726
--- /dev/null
+++ b/src/components/App/index.js
@@ -0,0 +1,68 @@
+// Newfold
+import { Container, Root, Page } from '@newfold/ui-component-library';
+
+// Components
+import CacheSettings from '../../sections/CacheSettings';
+import NotificationFeed from '../NotificationFeed';
+import CacheExclusion from '../../sections/CacheExclusion';
+import ClearCache from '../../sections/ClearCache';
+import Skip404 from '../../sections/Skip404';
+import JetpackBoost from '../../sections/JetpackBoost';
+import LinkPrefetch from '../../sections/LinkPrefetch';
+import ImageOptimization from '../../sections/ImageOptimization';
+
+import getAppText from './getAppText';
+
+const App = () => {
+	const { title, description } = getAppText();
+
+	return (
+		<Root context={ { isRTL: false } }>
+			<NotificationFeed />
+			<Page title={ title }>
+				<Container>
+					<Container.Header
+						title={ title }
+						description={ description }
+						className="wppbh-app-settings-header"
+					/>
+					<Container.Block
+						separator
+						className="newfold-cache-settings"
+					>
+						<CacheSettings />
+					</Container.Block>
+					<Container.Block
+						separator
+						className="newfold-cache-exclusion"
+					>
+						<CacheExclusion />
+					</Container.Block>
+					<Container.Block separator className="newfold-clear-cache">
+						<ClearCache />
+					</Container.Block>
+					<Container.Block separator className="newfold-skip404">
+						<Skip404 />
+					</Container.Block>
+					<Container.Block
+						separator
+						className="newfold-performance-advanced-settings"
+					>
+						<JetpackBoost />
+					</Container.Block>
+					<Container.Block
+						separator
+						className="newfold-link-prefetch"
+					>
+						<LinkPrefetch />
+					</Container.Block>
+					<Container.Block className="newfold-image-optimization">
+						<ImageOptimization />
+					</Container.Block>
+				</Container>
+			</Page>
+		</Root>
+	);
+};
+
+export default App;
diff --git a/src/components/App/stylesheet.css b/src/components/App/stylesheet.css
new file mode 100644
index 00000000..ead3df54
--- /dev/null
+++ b/src/components/App/stylesheet.css
@@ -0,0 +1,3 @@
+.nfd-performance-container {
+	margin-top: 20px;
+}
diff --git a/src/components/NotificationFeed/index.js b/src/components/NotificationFeed/index.js
new file mode 100644
index 00000000..2d1daf57
--- /dev/null
+++ b/src/components/NotificationFeed/index.js
@@ -0,0 +1,38 @@
+import { useSelect, useDispatch } from '@wordpress/data';
+import { Notifications } from '@newfold/ui-component-library';
+import { STORE_NAME } from '../../data/constants';
+
+const NotificationFeed = () => {
+	const feed = useSelect(
+		( select ) => select( STORE_NAME ).getVisibleNotifications(),
+		[]
+	);
+
+	const { dismissNotification } = useDispatch( STORE_NAME );
+
+	return (
+		<Notifications className="nfd-notifications--bottom-right">
+			{ feed.map( ( [ key, { description, ...entry } ] ) => {
+				const contentProps = Array.isArray( description )
+					? { description }
+					: { children: description };
+
+				return (
+					<Notifications.Notification
+						id={ key }
+						key={ key }
+						{ ...entry }
+						{ ...contentProps }
+						dismissScreenReaderLabel="Dismiss"
+						onDismiss={ () => {
+							dismissNotification( key );
+							if ( entry.onDismiss ) entry.onDismiss( key );
+						} }
+					/>
+				);
+			} ) }
+		</Notifications>
+	);
+};
+
+export default NotificationFeed;
diff --git a/src/data/constants.js b/src/data/constants.js
new file mode 100644
index 00000000..8e948861
--- /dev/null
+++ b/src/data/constants.js
@@ -0,0 +1,2 @@
+export const NFD_PERFORMANCE_ELEMENT_ID = 'nfd-performance';
+export const STORE_NAME = 'nfd/performance';
diff --git a/src/performance.js b/src/performance.js
new file mode 100644
index 00000000..f9aa099e
--- /dev/null
+++ b/src/performance.js
@@ -0,0 +1,25 @@
+import './styles/styles.css';
+
+import domReady from '@wordpress/dom-ready';
+import { createRoot } from '@wordpress/element';
+
+import { NewfoldRuntime } from '@newfold/wp-module-runtime';
+
+import App from './components/App';
+
+import './store';
+import { NFD_PERFORMANCE_ELEMENT_ID } from './data/constants';
+
+domReady( () => {
+	const mountNode = document.getElementById( NFD_PERFORMANCE_ELEMENT_ID );
+
+	const brand = NewfoldRuntime.sdk?.plugin?.brand;
+	if ( brand ) {
+		document.body.classList.add( `nfd-brand--${ brand }` );
+	}
+
+	if ( mountNode ) {
+		const root = createRoot( mountNode );
+		root.render( <App /> );
+	}
+} );
diff --git a/src/sections/CacheExclusion/getCacheExclusionText.js b/src/sections/CacheExclusion/getCacheExclusionText.js
new file mode 100644
index 00000000..60fc7ad4
--- /dev/null
+++ b/src/sections/CacheExclusion/getCacheExclusionText.js
@@ -0,0 +1,13 @@
+import { __ } from '@wordpress/i18n';
+
+const getCacheExclusionText = () => ( {
+	cacheExclusionTitle: __( 'Exclude from cache', 'wp-module-performance' ),
+	cacheExclusionDescription: __(
+		'This setting controls what pages pass a “no-cache” header so that page caching and browser caching is not used.',
+		'wp-module-performance'
+	),
+	cacheExclusionSaved: __( 'Cache Exclusion saved', 'wp-module-performance' ),
+	cacheExclusionSaveButton: __( 'Save', 'wp-module-performance' ),
+} );
+
+export default getCacheExclusionText;
diff --git a/src/sections/CacheExclusion/index.js b/src/sections/CacheExclusion/index.js
new file mode 100644
index 00000000..4ba63b2e
--- /dev/null
+++ b/src/sections/CacheExclusion/index.js
@@ -0,0 +1,123 @@
+import {
+	Button,
+	Container,
+	TextareaField,
+} from '@newfold/ui-component-library';
+
+import { useState, useEffect, useRef } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+import apiFetch from '@wordpress/api-fetch';
+
+import { STORE_NAME } from '../../data/constants';
+import { NewfoldRuntime } from '@newfold/wp-module-runtime';
+import getCacheExclusionText from './getCacheExclusionText';
+
+const {
+	cacheExclusionTitle,
+	cacheExclusionDescription,
+	cacheExclusionSaved,
+	cacheExclusionSaveButton,
+} = getCacheExclusionText();
+
+// Custom hook to mimic componentDidUpdate behavior
+const useUpdateEffect = ( effect, deps ) => {
+	const isFirst = useRef( true );
+
+	useEffect( () => {
+		if ( isFirst.current ) {
+			isFirst.current = false;
+			return;
+		}
+		return effect();
+	}, deps );
+};
+
+const CacheExclusion = () => {
+	const [ isEdited, setIsEdited ] = useState( false );
+	const [ isError, setIsError ] = useState( false );
+	const [ isSaved, setIsSaved ] = useState( false );
+
+	const runtimeExclusion = NewfoldRuntime?.sdk?.cache?.exclusion ?? '';
+	const [ currentValue, setCurrentValue ] = useState( runtimeExclusion );
+	const [ cacheExclusion, setCacheExclusion ] = useState( runtimeExclusion );
+
+	const apiUrl = NewfoldRuntime.createApiUrl(
+		'/newfold-performance/v1/cache/settings'
+	);
+	const { pushNotification } = useDispatch( STORE_NAME );
+
+	const makeNotice = (
+		id,
+		title,
+		description,
+		variant = 'success',
+		duration = false
+	) => {
+		pushNotification( id, {
+			title,
+			description,
+			variant,
+			autoDismiss: duration,
+		} );
+	};
+
+	const handleCacheExclusionChange = ( e ) => {
+		const newValue = e.target.value;
+		setIsEdited( newValue !== cacheExclusion );
+		setCurrentValue( newValue );
+	};
+
+	const handleSave = () => {
+		apiFetch( {
+			url: apiUrl,
+			method: 'POST',
+			data: { cacheExclusion: currentValue },
+		} )
+			.then( () => {
+				setIsSaved( true );
+				setCacheExclusion( currentValue );
+				setIsEdited( false );
+			} )
+			.catch( ( error ) => {
+				setIsError( error.message );
+			} );
+	};
+
+	useUpdateEffect( () => {
+		makeNotice(
+			'cache-exclusion-notice',
+			cacheExclusionTitle,
+			! isError ? cacheExclusionSaved : isError,
+			! isError ? 'success' : 'error',
+			5000
+		);
+		setIsSaved( false );
+	}, [ isSaved, isError ] );
+
+	return (
+		<Container.SettingsField
+			title={ cacheExclusionTitle }
+			description={ cacheExclusionDescription }
+		>
+			<TextareaField
+				id="cache-exclusion"
+				name="cache-exclusion"
+				onChange={ handleCacheExclusionChange }
+				value={ currentValue }
+				rows="1"
+				label={ cacheExclusionTitle }
+			/>
+			{ isEdited && (
+				<Button
+					variant="secondary"
+					className="save-cache-exclusion-button"
+					onClick={ handleSave }
+				>
+					{ cacheExclusionSaveButton }
+				</Button>
+			) }
+		</Container.SettingsField>
+	);
+};
+
+export default CacheExclusion;
diff --git a/src/sections/CacheSettings/getCacheSettingsText.js b/src/sections/CacheSettings/getCacheSettingsText.js
new file mode 100644
index 00000000..14db45aa
--- /dev/null
+++ b/src/sections/CacheSettings/getCacheSettingsText.js
@@ -0,0 +1,65 @@
+import { __ } from '@wordpress/i18n';
+
+const getCacheSettingsText = () => {
+	return {
+		title: __( 'Cache Level', 'wp-module-performance' ),
+		description: __(
+			'Boost speed and performance by storing a copy of your website content, files, and images online so the pages of your website load faster for your visitors.',
+			'wp-module-performance'
+		),
+		noticeTitle: __( 'Cache setting saved', 'wp-module-performance' ),
+
+		options: [
+			{
+				label: __( 'Disabled', 'wp-module-performance' ),
+				description: __(
+					'No cache enabled. Every page load is fresh. Not recommended.',
+					'wp-module-performance'
+				),
+				notice: __( 'Caching disabled.', 'wp-module-performance' ),
+				value: 0,
+			},
+			{
+				label: __( 'Assets Only', 'wp-module-performance' ),
+				description: __(
+					'Cache static assets like images and the appearance of your site for 1 hour. Tuned for online stores and member sites that need to be fresh.',
+					'wp-module-performance'
+				),
+				notice: __(
+					'Cache enabled for assets only.',
+					'wp-module-performance'
+				),
+				value: 1,
+			},
+			{
+				label: __( 'Assets & Web Pages', 'wp-module-performance' ),
+				description: __(
+					'Cache static assets for 24 hours and web pages for 2 hours. Tuned for sites that change at least weekly.',
+					'wp-module-performance'
+				),
+				notice: __(
+					'Cache enabled for assets and pages.',
+					'wp-module-performance'
+				),
+				value: 2,
+			},
+			{
+				label: __(
+					'Assets & Web Pages - Extended',
+					'wp-module-performance'
+				),
+				description: __(
+					'Cache static assets for 1 week and web pages for 8 hours. Tuned for sites that update a few times a month or less.',
+					'wp-module-performance'
+				),
+				notice: __(
+					'Cache enabled for assets and pages (extended).',
+					'wp-module-performance'
+				),
+				value: 3,
+			},
+		],
+	};
+};
+
+export default getCacheSettingsText;
diff --git a/src/sections/CacheSettings/index.js b/src/sections/CacheSettings/index.js
new file mode 100644
index 00000000..3b2a5640
--- /dev/null
+++ b/src/sections/CacheSettings/index.js
@@ -0,0 +1,98 @@
+import { useState, useEffect, useRef, Fragment } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+import apiFetch from '@wordpress/api-fetch';
+import { Container, RadioGroup } from '@newfold/ui-component-library';
+import { NewfoldRuntime } from '@newfold/wp-module-runtime';
+
+import { STORE_NAME } from '../../data/constants';
+import getCacheSettingsText from './getCacheSettingsText';
+
+const useUpdateEffect = ( effect, deps ) => {
+	const isFirstRender = useRef( true );
+
+	useEffect( () => {
+		if ( isFirstRender.current ) {
+			isFirstRender.current = false;
+			return;
+		}
+		return effect();
+	}, deps );
+};
+
+const CacheSettings = () => {
+	const { title, description, noticeTitle, options } = getCacheSettingsText();
+
+	const runtimeLevel = NewfoldRuntime?.sdk?.cache?.level ?? 0;
+	const [ cacheLevel, setCacheLevel ] = useState( runtimeLevel );
+
+	const { pushNotification } = useDispatch( STORE_NAME );
+
+	const apiUrl = NewfoldRuntime.createApiUrl(
+		'/newfold-performance/v1/cache/settings'
+	);
+
+	const getNoticeText = ( level ) => {
+		const option = options.find( ( o ) => o.value === level );
+		return option?.notice ?? '';
+	};
+
+	const handleCacheLevelChange = ( e ) => {
+		const selectedLevel = parseInt( e.target.value, 10 );
+
+		apiFetch( {
+			url: apiUrl,
+			method: 'POST',
+			data: { cacheLevel: selectedLevel },
+		} )
+			.then( () => {
+				setCacheLevel( selectedLevel );
+			} )
+			.catch( ( err ) => {
+				pushNotification( 'cache-level-error', {
+					title: 'Failed to update cache level',
+					description: err.message || 'Something went wrong.',
+					variant: 'error',
+				} );
+			} );
+	};
+
+	useUpdateEffect( () => {
+		pushNotification( 'cache-level-change-notice', {
+			title: noticeTitle,
+			description: getNoticeText( cacheLevel ),
+			variant: 'success',
+			autoDismiss: 5000,
+		} );
+	}, [ cacheLevel ] );
+
+	return (
+		<Container.SettingsField title={ title } description={ description }>
+			<RadioGroup
+				className="cache-options"
+				id="cache-type"
+				name="cache-level"
+				value=""
+			>
+				{ options.map(
+					( { value, label, description: optionDescription } ) => (
+						<Fragment key={ value }>
+							<RadioGroup.Radio
+								defaultChecked={ value === runtimeLevel }
+								id={ `cache-level-${ value }` }
+								label={ label }
+								value={ value }
+								name="cache-level"
+								onChange={ handleCacheLevelChange }
+							/>
+							<div className="nfd-radio__description">
+								{ optionDescription }
+							</div>
+						</Fragment>
+					)
+				) }
+			</RadioGroup>
+		</Container.SettingsField>
+	);
+};
+
+export default CacheSettings;
diff --git a/src/sections/ClearCache/getClearCacheText.js b/src/sections/ClearCache/getClearCacheText.js
new file mode 100644
index 00000000..c6285c22
--- /dev/null
+++ b/src/sections/ClearCache/getClearCacheText.js
@@ -0,0 +1,13 @@
+import { __ } from '@wordpress/i18n';
+
+const getClearCacheText = () => ( {
+	clearCacheTitle: __( 'Clear Cache', 'wp-plugin-bluehost' ),
+	clearCacheDescription: __(
+		'We automatically clear your cache as you work (creating content, changing settings, installing plugins and more). But you can manually clear it here to be confident it is fresh.',
+		'wp-plugin-bluehost'
+	),
+	clearCacheButton: __( 'Clear All Cache Now', 'wp-plugin-bluehost' ),
+	clearCacheNoticeTitle: __( 'Cache cleared', 'wp-plugin-bluehost' ),
+} );
+
+export default getClearCacheText;
diff --git a/src/sections/ClearCache/index.js b/src/sections/ClearCache/index.js
new file mode 100644
index 00000000..b5c9f83d
--- /dev/null
+++ b/src/sections/ClearCache/index.js
@@ -0,0 +1,63 @@
+import { useState } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+import apiFetch from '@wordpress/api-fetch';
+import { Button, Container } from '@newfold/ui-component-library';
+
+import { STORE_NAME } from '../../data/constants';
+import { NewfoldRuntime } from '@newfold/wp-module-runtime';
+import getClearCacheText from './getClearCacheText';
+
+const ClearCache = () => {
+	const {
+		clearCacheTitle,
+		clearCacheDescription,
+		clearCacheButton,
+		clearCacheNoticeTitle,
+	} = getClearCacheText();
+
+	const apiUrl = NewfoldRuntime.createApiUrl(
+		'/newfold-performance/v1/cache/settings'
+	);
+	const [ cacheLevel ] = useState( NewfoldRuntime?.sdk?.cache?.level ?? 0 );
+	const { pushNotification } = useDispatch( STORE_NAME );
+
+	const clearCache = () => {
+		apiFetch( {
+			url: apiUrl,
+			method: 'DELETE',
+		} )
+			.then( () => {
+				pushNotification( 'clear-cache-success', {
+					title: clearCacheNoticeTitle,
+					variant: 'success',
+					autoDismiss: 5000,
+				} );
+			} )
+			.catch( ( err ) => {
+				pushNotification( 'clear-cache-error', {
+					title: 'Failed to clear cache',
+					description: err.message || 'Something went wrong.',
+					variant: 'error',
+					autoDismiss: 5000,
+				} );
+			} );
+	};
+
+	return (
+		<Container.SettingsField
+			title={ clearCacheTitle }
+			description={ clearCacheDescription }
+		>
+			<Button
+				variant="secondary"
+				className="clear-cache-button"
+				onClick={ clearCache }
+				disabled={ cacheLevel <= 0 }
+			>
+				{ clearCacheButton }
+			</Button>
+		</Container.SettingsField>
+	);
+};
+
+export default ClearCache;
diff --git a/src/sections/ImageOptimization/getImageOptimizationText.js b/src/sections/ImageOptimization/getImageOptimizationText.js
new file mode 100644
index 00000000..fb65b3ab
--- /dev/null
+++ b/src/sections/ImageOptimization/getImageOptimizationText.js
@@ -0,0 +1,112 @@
+import { __ } from '@wordpress/i18n';
+
+const getImageOptimizationText = () => ( {
+	imageOptimizationSettingsTitle: __(
+		'Image Optimization',
+		'wp-module-performance'
+	),
+	imageOptimizationSettingsDescription: __(
+		'We automatically optimize your uploaded images to WebP format for faster performance and reduced file sizes. You can also choose to delete the original images to save storage space.',
+		'wp-module-performance'
+	),
+	imageOptimizationUsage: __( 'Usage:', 'wp-module-performance' ),
+	imageOptimizationProcessed: __(
+		'images processed of',
+		'wp-module-performance'
+	),
+	imageOptimizationPerMonth: __( '/month', 'wp-module-performance' ),
+	imageOptimizationBannedMessage: __(
+		'This site no longer qualifies for image optimization as it has reached its usage limits.',
+		'wp-module-performance'
+	),
+	imageOptimizationLoadingMessage: __(
+		'Loading settings…',
+		'wp-module-performance'
+	),
+	imageOptimizationErrorMessage: __(
+		'Oops! Something went wrong. Please try again.',
+		'wp-module-performance'
+	),
+	imageOptimizationNoSettings: __(
+		'No settings available.',
+		'wp-module-performance'
+	),
+
+	imageOptimizationEnabledLabel: __(
+		'Enable Image Optimization',
+		'wp-module-performance'
+	),
+	imageOptimizationEnabledDescription: __(
+		'Enable or disable image optimization globally.',
+		'wp-module-performance'
+	),
+
+	imageOptimizationAutoOptimizeLabel: __(
+		'Automatically Optimize Uploaded Images',
+		'wp-module-performance'
+	),
+	imageOptimizationAutoOptimizeDescription: __(
+		'When enabled, all your new image uploads will be automatically optimized to WebP format, ensuring faster page loading and reduced file sizes.',
+		'wp-module-performance'
+	),
+
+	imageOptimizationBulkOptimizeLabel: __(
+		'Enable Bulk Optimization of Images',
+		'wp-module-performance'
+	),
+	imageOptimizationBulkOptimizeDescription: __(
+		'When enabled, allows bulk optimization of images in the media library.',
+		'wp-module-performance'
+	),
+	imageOptimizationBulkOptimizeButtonLabel: __(
+		'Go to Media Library',
+		'wp-module-performance'
+	),
+
+	imageOptimizationAutoDeleteLabel: __(
+		'Auto Delete Original Image',
+		'wp-module-performance'
+	),
+	imageOptimizationAutoDeleteDescription: __(
+		'When enabled, the original uploaded image is deleted and replaced with the optimized version, helping to save storage space. If disabled, the optimized image is saved as a separate file, retaining the original.',
+		'wp-module-performance'
+	),
+
+	imageOptimizationLazyLoadingLabel: __(
+		'Enable Lazy Loading',
+		'wp-module-performance'
+	),
+	imageOptimizationLazyLoadingDescription: __(
+		'Lazy loading defers the loading of images until they are visible on the screen, improving page load speed and performance.',
+		'wp-module-performance'
+	),
+
+	imageOptimizationPreferWebPLabel: __(
+		'Prefer Optimized Image When Exists',
+		'wp-module-performance'
+	),
+	imageOptimizationPreferWebPDescription: __(
+		'When enabled, optimized images will be served in place of original images when they exist, improving performance.',
+		'wp-module-performance'
+	),
+
+	imageOptimizationUpdatedTitle: __(
+		'Settings updated successfully',
+		'wp-module-performance'
+	),
+	imageOptimizationUpdatedDescription: __(
+		'Your image optimization settings have been saved.',
+		'wp-module-performance'
+	),
+
+	imageOptimizationUpdateErrorTitle: __(
+		'Error Updating Settings',
+		'wp-module-performance'
+	),
+	imageOptimizationGenericErrorMessage: __(
+		'Something went wrong while updating the settings. Please try again.',
+		'wp-module-performance'
+	),
+} );
+
+export default getImageOptimizationText;
diff --git a/src/sections/ImageOptimization/index.js b/src/sections/ImageOptimization/index.js
new file mode 100644
index 00000000..3d2fd74f
--- /dev/null
+++ b/src/sections/ImageOptimization/index.js
@@ -0,0 +1,326 @@
+import { useState, useEffect } from '@wordpress/element';
+import { Alert, Container, ToggleField } from '@newfold/ui-component-library';
+import apiFetch from '@wordpress/api-fetch';
+import { useDispatch } from '@wordpress/data';
+import { STORE_NAME } from '../../data/constants';
+import getImageOptimizationText from './getImageOptimizationText';
+
+const ImageOptimization = () => {
+	const {
+		imageOptimizationSettingsTitle,
+		imageOptimizationSettingsDescription,
+		imageOptimizationUsage,
+		imageOptimizationProcessed,
+		imageOptimizationPerMonth,
+		imageOptimizationBannedMessage,
+		imageOptimizationLoadingMessage,
+		imageOptimizationErrorMessage,
+		imageOptimizationNoSettings,
+		imageOptimizationEnabledLabel,
+		imageOptimizationEnabledDescription,
+		imageOptimizationAutoOptimizeLabel,
+		imageOptimizationAutoOptimizeDescription,
+		imageOptimizationBulkOptimizeLabel,
+		imageOptimizationBulkOptimizeDescription,
+		imageOptimizationBulkOptimizeButtonLabel,
+		imageOptimizationAutoDeleteLabel,
+		imageOptimizationAutoDeleteDescription,
+		imageOptimizationLazyLoadingLabel,
+		imageOptimizationLazyLoadingDescription,
+		imageOptimizationPreferWebPLabel,
+		imageOptimizationPreferWebPDescription,
+		imageOptimizationUpdatedTitle,
+		imageOptimizationUpdatedDescription,
+		imageOptimizationUpdateErrorTitle,
+		imageOptimizationGenericErrorMessage,
+	} = getImageOptimizationText();
+
+	const [ settings, setSettings ] = useState( null );
+	const [ isError, setIsError ] = useState( false );
+	const [ isLoading, setIsLoading ] = useState( true );
+	const [ isBanned, setIsBanned ] = useState( false );
+	const [ monthlyUsage, setMonthlyUsage ] = useState( {
+		monthlyRequestCount: 0,
+		maxRequestsPerMonth: 100000,
+	} );
+
+	const { pushNotification } = useDispatch( STORE_NAME );
+	const apiUrl = '/wp/v2/settings';
+
+	const fetchSettings = async () => {
+		setIsLoading( true );
+		setIsError( false );
+
+		try {
+			const res = await apiFetch( { path: apiUrl } );
+			const fetched = res?.nfd_image_optimization || {};
+			setSettings( fetched );
+			setIsBanned( fetched?.banned_status || false );
+			setMonthlyUsage(
+				fetched?.monthly_usage || {
+					monthlyRequestCount: 0,
+					maxRequestsPerMonth: 100000,
+				}
+			);
+		} catch {
+			setIsError( true );
+		} finally {
+			setIsLoading( false );
+		}
+	};
+
+	const updateSettings = async ( newSettings ) => {
+		setIsError( false );
+		try {
+			const res = await apiFetch( {
+				path: apiUrl,
+				method: 'POST',
+				data: { nfd_image_optimization: newSettings },
+			} );
+			const updated = res?.nfd_image_optimization || {};
+			setSettings( updated );
+			setIsBanned( updated?.banned_status || false );
+			setMonthlyUsage(
+				updated?.monthly_usage || {
+					monthlyRequestCount: 0,
+					maxRequestsPerMonth: 100000,
+				}
+			);
+			pushNotification( 'img-opt-updated', {
+				title: imageOptimizationUpdatedTitle,
+				description: imageOptimizationUpdatedDescription,
+				variant: 'success',
+				autoDismiss: 5000,
+			} );
+		} catch {
+			setIsError( true );
+			pushNotification( 'img-opt-error', {
+				title: imageOptimizationUpdateErrorTitle,
+				description: imageOptimizationGenericErrorMessage,
+				variant: 'error',
+				autoDismiss: 8000,
+			} );
+		}
+	};
+
+	const handleToggle = ( field, value ) => {
+		if ( isBanned ) return;
+
+		const updated = { ...settings };
+
+		switch ( field ) {
+			case 'enabled':
+				updated.enabled = value;
+				updated.auto_optimized_uploaded_images.enabled = value;
+				updated.auto_optimized_uploaded_images.auto_delete_original_image =
+					value;
+				updated.bulk_optimization = value;
+				updated.lazy_loading.enabled = value;
+				updated.prefer_optimized_image_when_exists = value;
+				break;
+			case 'autoOptimizeEnabled':
+				updated.auto_optimized_uploaded_images.enabled = value;
+				break;
+			case 'bulkOptimize':
+				updated.bulk_optimization = value;
+				break;
+			case 'lazyLoading':
+				updated.lazy_loading.enabled = value;
+				break;
+			case 'autoDeleteOriginalImage':
+				updated.auto_optimized_uploaded_images.auto_delete_original_image =
+					value;
+				break;
+			case 'preferOptimizedImageWhenExists':
+				updated.prefer_optimized_image_when_exists = value;
+				break;
+			default:
+				break;
+		}
+
+		if (
+			field !== 'autoDeleteOriginalImage' &&
+			! updated.bulk_optimization &&
+			! updated.auto_optimized_uploaded_images.enabled
+		) {
+			updated.auto_optimized_uploaded_images.auto_delete_original_image = false;
+		}
+
+		setSettings( updated );
+		updateSettings( updated );
+	};
+
+	useEffect( () => {
+		fetchSettings();
+	}, [] );
+
+	if ( isLoading ) return <p>{ imageOptimizationLoadingMessage }</p>;
+
+	if ( isError )
+		return <Alert variant="error">{ imageOptimizationErrorMessage }</Alert>;
+
+	if ( ! settings ) {
+		return (
+			<Container.SettingsField
+				title={ imageOptimizationSettingsTitle }
+				description={ imageOptimizationSettingsDescription }
+			>
+				<p>{ imageOptimizationNoSettings }</p>
+			</Container.SettingsField>
+		);
+	}
+
+	const {
+		enabled,
+		prefer_optimized_image_when_exists: preferOptimized = true,
+		auto_optimized_uploaded_images: auto = {},
+		lazy_loading: lazy = { enabled: true },
+		bulk_optimization: bulk = false,
+	} = settings;
+
+	const { enabled: autoEnabled, auto_delete_original_image: autoDelete } =
+		auto;
+
+	const mediaLibraryLink = () => {
+		const basePath = window.location.pathname.split( '/wp-admin' )[ 0 ];
+		return `${ window.location.origin }${ basePath }/wp-admin/upload.php?autoSelectBulk=true`;
+	};
+
+	return (
+		<Container.SettingsField
+			title={ imageOptimizationSettingsTitle }
+			description={
+				<>
+					{ imageOptimizationSettingsDescription }
+					<br />
+					<br />
+					<p>
+						<strong>{ imageOptimizationUsage }</strong>{ ' ' }
+						{ monthlyUsage.monthlyRequestCount }{ ' ' }
+						{ imageOptimizationProcessed }{ ' ' }
+						{ monthlyUsage.maxRequestsPerMonth / 1000 }k
+						{ imageOptimizationPerMonth }
+					</p>
+					{ isBanned && (
+						<p className="nfd-text-red">
+							{ imageOptimizationBannedMessage }
+						</p>
+					) }
+				</>
+			}
+		>
+			{ isBanned && <div className="nfd-overlay" /> }
+			<div
+				className={ `nfd-flex nfd-flex-col nfd-gap-6 ${
+					isBanned ? 'nfd-disabled' : ''
+				}` }
+			>
+				<ToggleField
+					id="image-optimization-enabled"
+					label={ imageOptimizationEnabledLabel }
+					description={ imageOptimizationEnabledDescription }
+					checked={ enabled }
+					onChange={ () => handleToggle( 'enabled', ! enabled ) }
+					disabled={ isBanned }
+				/>
+
+				{ enabled && (
+					<>
+						<ToggleField
+							id="auto-optimize-images"
+							label={ imageOptimizationAutoOptimizeLabel }
+							description={
+								imageOptimizationAutoOptimizeDescription
+							}
+							checked={ autoEnabled }
+							onChange={ () =>
+								handleToggle(
+									'autoOptimizeEnabled',
+									! autoEnabled
+								)
+							}
+							disabled={ isBanned }
+						/>
+
+						<ToggleField
+							id="bulk-optimize-images"
+							label={ imageOptimizationBulkOptimizeLabel }
+							description={
+								<>
+									<p>
+										{
+											imageOptimizationBulkOptimizeDescription
+										}
+									</p>
+									{ bulk && (
+										<a
+											href={ mediaLibraryLink() }
+											target="_blank"
+											rel="noopener noreferrer"
+										>
+											{
+												imageOptimizationBulkOptimizeButtonLabel
+											}
+										</a>
+									) }
+								</>
+							}
+							checked={ bulk }
+							onChange={ () =>
+								handleToggle( 'bulkOptimize', ! bulk )
+							}
+							disabled={ isBanned }
+						/>
+
+						<ToggleField
+							id="prefer-webp-when-exists"
+							label={ imageOptimizationPreferWebPLabel }
+							description={
+								imageOptimizationPreferWebPDescription
+							}
+							checked={ preferOptimized }
+							onChange={ () =>
+								handleToggle(
+									'preferOptimizedImageWhenExists',
+									! preferOptimized
+								)
+							}
+							disabled={ isBanned }
+						/>
+
+						<ToggleField
+							id="auto-delete-original"
+							label={ imageOptimizationAutoDeleteLabel }
+							description={
+								imageOptimizationAutoDeleteDescription
+							}
+							checked={ autoDelete }
+							onChange={ () =>
+								handleToggle(
+									'autoDeleteOriginalImage',
+									! autoDelete
+								)
+							}
+							disabled={ ( ! autoEnabled && ! bulk ) || isBanned }
+						/>
+
+						<ToggleField
+							id="lazy-loading-enabled"
+							label={ imageOptimizationLazyLoadingLabel }
+							description={
+								imageOptimizationLazyLoadingDescription
+							}
+							checked={ lazy.enabled }
+							onChange={ () =>
+								handleToggle( 'lazyLoading', ! lazy.enabled )
+							}
+							disabled={ isBanned }
+						/>
+					</>
+				) }
+			</div>
+		</Container.SettingsField>
+	);
+};
+
+export default ImageOptimization;
diff --git a/src/sections/ImageOptimization/stylesheet.css b/src/sections/ImageOptimization/stylesheet.css
new file mode 100644
index 00000000..88424f3b
--- /dev/null
+++ b/src/sections/ImageOptimization/stylesheet.css
@@ -0,0 +1,11 @@
+.newfold-image-optimization .nfd-toggle-field__description {
+	opacity: 1 !important;
+}
+
+.newfold-image-optimization a {
+	color: #05c !important;
+}
+
+.nfd-text-red {
+	color: #e63946;
+}
diff --git a/components/advancedSettings/JetpackBoost/InstallActivatePluginButton.js b/src/sections/JetpackBoost/InstallActivatePluginButton.js
similarity index 74%
rename from components/advancedSettings/JetpackBoost/InstallActivatePluginButton.js
rename to src/sections/JetpackBoost/InstallActivatePluginButton.js
index 4281bc33..5c005483 100644
--- a/components/advancedSettings/JetpackBoost/InstallActivatePluginButton.js
+++ b/src/sections/JetpackBoost/InstallActivatePluginButton.js
@@ -1,24 +1,31 @@
 // WordPress
 import { useState } from '@wordpress/element';
+import apiFetch from '@wordpress/api-fetch';
 
 // Newfold
 import { Spinner } from '@newfold/ui-component-library';
 import { NewfoldRuntime } from '@newfold/wp-module-runtime';
 
-const InstallActivatePluginButton = ( {
-	methods,
-	constants,
-	setModuleStatus,
-} ) => {
+// Texts
+import getJetpackBoostText from './getJetpackBoostText';
+
+const InstallActivatePluginButton = ( { setModuleStatus } ) => {
 	const [ isLoading, setIsLoading ] = useState( false );
 	const [ isActive, setIsActive ] = useState( false );
 	const [ message, setMessage ] = useState( null );
 
+	const {
+		jetpackBoostInstalling,
+		jetpackBoostActivated,
+		jetpackBoostActivationFailed,
+		jetpackBoostCtaText,
+	} = getJetpackBoostText();
+
 	const handleInstallActivate = async () => {
 		setIsLoading( true );
-		setMessage( constants.text.jetpackBoostInstalling );
+		setMessage( jetpackBoostInstalling );
 
-		const apiUrl = methods.NewfoldRuntime.createApiUrl(
+		const apiUrl = NewfoldRuntime.createApiUrl(
 			'/newfold-installer/v1/plugins/install'
 		);
 		const INSTALL_TOKEN =
@@ -26,7 +33,7 @@ const InstallActivatePluginButton = ( {
 		const plugin = 'jetpack-boost';
 
 		try {
-			await methods.apiFetch( {
+			await apiFetch( {
 				url: apiUrl,
 				method: 'POST',
 				headers: { 'X-NFD-INSTALLER': INSTALL_TOKEN },
@@ -34,9 +41,9 @@ const InstallActivatePluginButton = ( {
 			} );
 			setIsActive( true );
 			setModuleStatus( true );
-			setMessage( constants.text.jetpackBoostInstalling );
+			setMessage( jetpackBoostActivated );
 		} catch ( error ) {
-			setMessage( constants.text.jetpackBoostActivationFailed );
+			setMessage( jetpackBoostActivationFailed );
 		} finally {
 			setIsLoading( false );
 			window.location.reload();
@@ -46,7 +53,7 @@ const InstallActivatePluginButton = ( {
 	return (
 		<div className="nfd-performance-jetpack-boost-container-install-activate-button">
 			<button
-				className="nfd-button--upsell nfd-shadow-lg nfd-shadow-amber-700/30"
+				className="nfd-button--upsell nfd-shadow-lg nfd-shadow-amber-700/30 nfd-flex nfd-justify-center nfd-items-center nfd-py-[10px]"
 				onClick={ handleInstallActivate }
 			>
 				{ isLoading ? (
@@ -75,7 +82,7 @@ const InstallActivatePluginButton = ( {
 									></path>
 								</svg>
 							</span>
-							<span>{ constants.text.jetpackBoostCtaText }</span>
+							<span>{ jetpackBoostCtaText }</span>
 						</>
 					)
 				) }
diff --git a/src/sections/JetpackBoost/getJetpackBoostText.js b/src/sections/JetpackBoost/getJetpackBoostText.js
new file mode 100644
index 00000000..e60a3003
--- /dev/null
+++ b/src/sections/JetpackBoost/getJetpackBoostText.js
@@ -0,0 +1,108 @@
+import { __, sprintf } from '@wordpress/i18n';
+
+const getJetpackBoostText = () => ( {
+	performanceAdvancedSettingsTitle: __(
+		'Advanced settings',
+		'wp-module-performance'
+	),
+	performanceAdvancedSettingsDescription: __(
+		'Additional speed and scalability features powered by Jetpack Boost to make your site as fast as it can be.',
+		'wp-module-performance'
+	),
+	optionSet: __( 'Option saved correctly', 'wp-module-performance' ),
+	optionNotSet: __( 'Error saving option', 'wp-module-performance' ),
+	upgradeModule: __( 'Upgrade to unlock', 'wp-module-performance' ),
+	jetpackBoostCtaText: __(
+		'Install Jetpack Boost to unlock',
+		'wp-module-performance'
+	),
+	jetpackBoostInstalling: __(
+		'Installing Jetpack Boost…',
+		'wp-module-performance'
+	),
+	jetpackBoostActivated: __(
+		'Jetpack Boost is now active',
+		'wp-module-performance'
+	),
+	jetpackBoostActivationFailed: __(
+		'Activation failed',
+		'wp-module-performance'
+	),
+	jetpackBoostCriticalCssTitle: __(
+		'Optimize Critical CSS Loading (manual)',
+		'wp-module-performance'
+	),
+	jetpackBoostCriticalCssDescription: __(
+		'Move important styling information to the start of the page, which helps pages display your content sooner, so your users don’t have to wait for the entire page to load.',
+		'wp-module-performance'
+	),
+	jetpackBoostCriticalCssButton: __(
+		'Generate CSS',
+		'wp-module-performance'
+	),
+	jetpackBoostCriticalCssGenerationSuccess: __(
+		'Critical CSS generated successfully.',
+		'wp-module-performance'
+	),
+	jetpackBoostCriticalCssGenerationText: __(
+		'Keep this page opened until the process finish',
+		'wp-module-performance'
+	),
+	jetpackBoostCriticalCssGenerationIssue: __(
+		'Error generating Critical CSS, try again',
+		'wp-module-performance'
+	),
+
+	jetpackBoostCriticalCssPremiumTitle: __(
+		'Optimize Critical CSS Loading (UPGRADED)',
+		'wp-module-performance'
+	),
+	jetpackBoostCriticalCssUpgradeTitle: __(
+		'Generate Critical CSS Automatically',
+		'wp-module-performance'
+	),
+	jetpackBoostCriticalCssPremiumDescription: sprintf(
+		// translators: %1$s is a line break (<br>), %2$s is the opening <strong> tag, %3$s is the closing </strong> tag.
+		__(
+			'Move important styling information to the start of the page, which helps pages display your content sooner, so your users don’t have to wait for the entire page to load.%1$s %2$sBoost will automatically generate your Critical CSS%3$s whenever you make changes to the HTML or CSS structure of your site.',
+			'wp-module-performance'
+		),
+		'<br><br>',
+		'<strong>',
+		'</strong>'
+	),
+
+	jetpackBoostRenderBlockingTitle: __(
+		'Defer Non-Essential JavaScript',
+		'wp-module-performance'
+	),
+	jetpackBoostRenderBlockingDescription: __(
+		'Run non-essential JavaScript after the page has loaded so that styles and images can load more quickly.',
+		'wp-module-performance'
+	),
+
+	jetpackBoostMinifyJsTitle: __( 'Concatenate JS', 'wp-module-performance' ),
+	jetpackBoostMinifyJsDescription: __(
+		'Scripts are grouped by their original placement, concatenated and minified to reduce site loading time and reduce the number of requests.',
+		'wp-module-performance'
+	),
+	jetpackBoostExcludeJsTitle: __(
+		'Exclude JS Strings',
+		'wp-module-performance'
+	),
+
+	jetpackBoostMinifyCssTitle: __(
+		'Concatenate CSS',
+		'wp-module-performance'
+	),
+	jetpackBoostMinifyCssDescription: __(
+		'Styles are grouped by their original placement, concatenated and minified to reduce site loading time and reduce the number of requests.',
+		'wp-module-performance'
+	),
+	jetpackBoostExcludeCssTitle: __(
+		'Exclude CSS Strings',
+		'wp-module-performance'
+	),
+} );
+
+export default getJetpackBoostText;
diff --git a/src/sections/JetpackBoost/index.js b/src/sections/JetpackBoost/index.js
new file mode 100644
index 00000000..b29bd1ed
--- /dev/null
+++ b/src/sections/JetpackBoost/index.js
@@ -0,0 +1,410 @@
+import apiFetch from '@wordpress/api-fetch';
+import { useRef, useState } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+import parse from 'html-react-parser';
+
+import {
+	Button,
+	ToggleField,
+	Textarea,
+	FeatureUpsell,
+	Spinner,
+	ProgressBar,
+	Container,
+} from '@newfold/ui-component-library';
+
+import { NewfoldRuntime } from '@newfold/wp-module-runtime';
+import { STORE_NAME } from '../../data/constants';
+import getJetpackBoostText from './getJetpackBoostText';
+import InstallActivatePluginButton from './InstallActivatePluginButton';
+
+const JetpackBoost = () => {
+	const {
+		performanceAdvancedSettingsTitle,
+		performanceAdvancedSettingsDescription,
+		optionSet,
+		optionNotSet,
+		upgradeModule,
+		jetpackBoostCriticalCssTitle,
+		jetpackBoostCriticalCssDescription,
+		jetpackBoostCriticalCssButton,
+		jetpackBoostCriticalCssGenerationSuccess,
+		jetpackBoostCriticalCssGenerationText,
+		jetpackBoostCriticalCssGenerationIssue,
+		jetpackBoostCriticalCssPremiumTitle,
+		jetpackBoostCriticalCssUpgradeTitle,
+		jetpackBoostCriticalCssPremiumDescription,
+		jetpackBoostRenderBlockingTitle,
+		jetpackBoostRenderBlockingDescription,
+		jetpackBoostMinifyJsTitle,
+		jetpackBoostMinifyJsDescription,
+		jetpackBoostExcludeJsTitle,
+		jetpackBoostMinifyCssTitle,
+		jetpackBoostMinifyCssDescription,
+		jetpackBoostExcludeCssTitle,
+	} = getJetpackBoostText();
+
+	const currentUrl = window.location.href;
+	const siteUrl = currentUrl.split( '/wp-admin/' )[ 0 ];
+	const sdk = NewfoldRuntime.sdk?.jetpackboost || {};
+
+	const isPremiumActive = sdk.jetpack_premium_is_active || false;
+	const [ isModuleEnabled, setIsModuleEnabled ] = useState(
+		sdk.is_active || false
+	);
+	const [ isLoading, setIsLoading ] = useState( false );
+	const [ cssIsGenerating, setCssIsGenerating ] = useState( false );
+	const [ progressBarValue, setProgressBarValue ] = useState( null );
+	const debounceTimeout = useRef( null );
+
+	const [ settings, setSettings ] = useState( {
+		'critical-css': sdk.critical_css || false,
+		'critical-css-premium': sdk.jcritical_css || false,
+		'render-blocking-js': sdk.blocking_js || false,
+		'minify-js': sdk.minify_js || false,
+		'minify-js-excludes': sdk.minify_js_excludes || '',
+		'minify-css': sdk.minify_css || false,
+		'minify-css-excludes': sdk.minify_css_excludes || '',
+	} );
+
+	const { pushNotification } = useDispatch( STORE_NAME );
+
+	const makeNotice = (
+		id,
+		title,
+		description = '',
+		variant = 'success',
+		duration = 5000
+	) => {
+		pushNotification( id, {
+			title,
+			description,
+			variant,
+			autoDismiss: duration,
+		} );
+	};
+
+	const handleOnChangeOption = ( value, id ) => {
+		setIsLoading( true );
+		if ( typeof value === 'object' ) {
+			value = value.target.value;
+		}
+
+		const updatedSettings = { ...settings, [ id ]: value };
+		setSettings( updatedSettings );
+
+		if ( debounceTimeout.current ) {
+			clearTimeout( debounceTimeout.current );
+		}
+
+		debounceTimeout.current = setTimeout( () => {
+			apiFetch( {
+				path: 'newfold-performance/v1/jetpack/settings',
+				method: 'POST',
+				data: { field: { id, value } },
+			} )
+				.then( () => {
+					makeNotice( 'cache-level-change-notice', optionSet );
+				} )
+				.catch( () => {
+					makeNotice(
+						'cache-level-change-notice',
+						optionNotSet,
+						'',
+						'error'
+					);
+				} )
+				.finally( () => {
+					setIsLoading( false );
+				} );
+		}, 500 );
+
+		if ( id === 'critical-css' && value === true ) {
+			handleRegenerateClick();
+		}
+	};
+
+	const handleRegenerateClick = async () => {
+		setCssIsGenerating( true );
+		let iframe;
+		try {
+			await new Promise( ( resolve ) => setTimeout( resolve, 1000 ) );
+
+			await apiFetch( {
+				path: 'newfold-performance/v1/jetpack/regenerate_critical_css',
+				method: 'POST',
+			} );
+			const adminUrl = `${ siteUrl }/wp-admin/admin.php?page=jetpack-boost`;
+			iframe = document.createElement( 'iframe' );
+			iframe.src = adminUrl;
+			document.body.appendChild( iframe );
+
+			iframe.onload = function () {
+				try {
+					const iframeDocument =
+						iframe.contentDocument || iframe.contentWindow.document;
+
+					const progressBar = iframeDocument.querySelector(
+						'div[role="progressbar"]'
+					);
+					if ( ! progressBar ) {
+						iframe?.remove();
+						setCssIsGenerating( false );
+
+						makeNotice(
+							'critical-css-generation-notice',
+							jetpackBoostCriticalCssGenerationIssue,
+							'',
+							'error'
+						);
+						return;
+					}
+
+					setCssIsGenerating( false );
+					let observer;
+					const checkProgress = () => {
+						const progressValue = parseInt(
+							progressBar.getAttribute( 'aria-valuenow' ),
+							10
+						);
+						setProgressBarValue( progressValue );
+
+						if ( progressValue === 100 ) {
+							setTimeout( () => {
+								setProgressBarValue( null );
+								iframe.remove();
+								makeNotice(
+									'cache-level-change-notice',
+									jetpackBoostCriticalCssGenerationSuccess
+								);
+							}, 1000 );
+							if ( typeof observer !== 'undefined' )
+								observer.disconnect();
+						}
+					};
+					/* global MutationObserver */
+					if ( typeof MutationObserver !== 'undefined' ) {
+						observer = new MutationObserver( checkProgress );
+						observer.observe( progressBar, {
+							attributes: true,
+							attributeFilter: [ 'aria-valuenow' ],
+						} );
+						checkProgress();
+					}
+				} catch ( error ) {
+					// eslint-disable-next-line no-console
+					console.error( 'Error accessing iFrame:', error );
+					makeNotice(
+						'cache-level-change-notice',
+						jetpackBoostCriticalCssGenerationIssue
+					);
+				}
+			};
+		} catch ( error ) {
+			iframe?.remove();
+			setCssIsGenerating( false );
+			makeNotice(
+				'critical-css-generation-notice',
+				jetpackBoostCriticalCssGenerationIssue,
+				'',
+				'error'
+			);
+			// eslint-disable-next-line no-console
+			console.error( error );
+		}
+	};
+
+	const cssPremiumField = (
+		<ToggleField
+			id="critical-css-premium"
+			label={
+				isPremiumActive
+					? jetpackBoostCriticalCssPremiumTitle
+					: jetpackBoostCriticalCssUpgradeTitle
+			}
+			description={ parse( jetpackBoostCriticalCssPremiumDescription ) }
+			checked={ !! settings[ 'critical-css-premium' ] }
+			onChange={ ( value ) =>
+				handleOnChangeOption( value, 'critical-css-premium' )
+			}
+		/>
+	);
+
+	return (
+		<Container.SettingsField
+			title={ performanceAdvancedSettingsTitle }
+			description={ performanceAdvancedSettingsDescription }
+		>
+			<div
+				className={ `nfd-performance-jetpack-boost-container-options ${
+					isLoading ? 'is-loading' : ''
+				} ${
+					! isModuleEnabled
+						? 'module-disabled nfd-inset-0 nfd-ring-1 nfd-ring-black nfd-ring-opacity-5 nfd-shadow-lg nfd-rounded-md'
+						: ''
+				}` }
+			>
+				{ ! isModuleEnabled && (
+					<InstallActivatePluginButton
+						setModuleStatus={ setIsModuleEnabled }
+					/>
+				) }
+
+				{ isLoading && (
+					<Spinner
+						size="8"
+						variant="primary"
+						className="nfd-performance-jetpack-boost-loader nfd-text-primary"
+					/>
+				) }
+
+				{ ! isPremiumActive && (
+					<div className="section" style={ { marginBottom: '20px' } }>
+						<ToggleField
+							id="critical-css"
+							label={ jetpackBoostCriticalCssTitle }
+							description={ parse(
+								jetpackBoostCriticalCssDescription
+							) }
+							checked={ !! settings[ 'critical-css' ] }
+							onChange={ ( value ) =>
+								handleOnChangeOption( value, 'critical-css' )
+							}
+						/>
+						<div>
+							{ settings[ 'critical-css' ] &&
+								progressBarValue === null && (
+									<Button
+										size="small"
+										variant="secondary"
+										onClick={ handleRegenerateClick }
+										disabled={
+											progressBarValue > 0 ||
+											cssIsGenerating
+										}
+										isLoading={ cssIsGenerating }
+										className="nfd-performance-jetpack-boost-regenerate-critical-css"
+									>
+										{ jetpackBoostCriticalCssButton }
+									</Button>
+								) }
+
+							{ progressBarValue !== null && (
+								<>
+									<ProgressBar
+										max={ 100 }
+										min={ 0 }
+										progress={ progressBarValue }
+									/>
+									<p>
+										{
+											jetpackBoostCriticalCssGenerationText
+										}
+									</p>
+								</>
+							) }
+						</div>
+					</div>
+				) }
+
+				<div
+					className="section automatic-critical-css"
+					style={ { marginBottom: '20px' } }
+				>
+					{ isModuleEnabled && ! isPremiumActive ? (
+						<FeatureUpsell
+							cardText={ upgradeModule }
+							cardLink={ `${ siteUrl }/wp-admin/admin.php?page=jetpack-boost#upgrade` }
+						>
+							{ cssPremiumField }
+						</FeatureUpsell>
+					) : (
+						cssPremiumField
+					) }
+				</div>
+
+				<div className="section" style={ { marginBottom: '20px' } }>
+					<ToggleField
+						id="render-blocking-js"
+						label={ jetpackBoostRenderBlockingTitle }
+						description={ parse(
+							jetpackBoostRenderBlockingDescription
+						) }
+						checked={ !! settings[ 'render-blocking-js' ] }
+						onChange={ ( value ) =>
+							handleOnChangeOption( value, 'render-blocking-js' )
+						}
+					/>
+				</div>
+
+				<div className="section" style={ { marginBottom: '20px' } }>
+					<ToggleField
+						id="minify-js"
+						label={ jetpackBoostMinifyJsTitle }
+						description={ parse( jetpackBoostMinifyJsDescription ) }
+						checked={ !! settings[ 'minify-js' ] }
+						onChange={ ( value ) =>
+							handleOnChangeOption( value, 'minify-js' )
+						}
+					/>
+					{ settings[ 'minify-js' ] && (
+						<div
+							className="subsection"
+							style={ { marginTop: '15px' } }
+						>
+							<p className="field-label">
+								{ jetpackBoostExcludeJsTitle }
+							</p>
+							<Textarea
+								id="minify-js-excludes"
+								value={ settings[ 'minify-js-excludes' ] }
+								onChange={ ( value ) =>
+									handleOnChangeOption(
+										value,
+										'minify-js-excludes'
+									)
+								}
+							/>
+						</div>
+					) }
+				</div>
+
+				<div className="section" style={ { marginBottom: '20px' } }>
+					<ToggleField
+						id="minify-css"
+						label={ jetpackBoostMinifyCssTitle }
+						description={ parse(
+							jetpackBoostMinifyCssDescription
+						) }
+						checked={ !! settings[ 'minify-css' ] }
+						onChange={ ( value ) =>
+							handleOnChangeOption( value, 'minify-css' )
+						}
+					/>
+					{ settings[ 'minify-css' ] && (
+						<div
+							className="subsection"
+							style={ { marginTop: '15px' } }
+						>
+							<p className="field-label">
+								{ jetpackBoostExcludeCssTitle }
+							</p>
+							<Textarea
+								id="minify-css-excludes"
+								value={ settings[ 'minify-css-excludes' ] }
+								onChange={ ( value ) =>
+									handleOnChangeOption(
+										value,
+										'minify-css-excludes'
+									)
+								}
+							/>
+						</div>
+					) }
+				</div>
+			</div>
+		</Container.SettingsField>
+	);
+};
+
+export default JetpackBoost;
diff --git a/styles/styles.css b/src/sections/JetpackBoost/stylesheet.css
similarity index 91%
rename from styles/styles.css
rename to src/sections/JetpackBoost/stylesheet.css
index c37df496..da44d6f0 100644
--- a/styles/styles.css
+++ b/src/sections/JetpackBoost/stylesheet.css
@@ -1,8 +1,3 @@
-.nfd-container__block.newfold-link-prefetch .nfd-toggle-field.nfd-mb-6 {
-	display: flex;
-	flex-direction: row;
-}
-
 .nfd-performance-jetpack-boost-upsell,
 .nfd-performance-jetpack-boost-container-options {
 	position: relative;
@@ -43,6 +38,10 @@
 	top: 0;
 	right: 0;
 	position: absolute;
+	display: flex;
+    flex-direction: row;
+    justify-content: center;
+    padding: 10px;
 	z-index: 11;
 }
 
@@ -143,16 +142,4 @@
 
 .margin20 {
 	margin: 20px 0;
-}
-
-.newfold-image-optimization .nfd-toggle-field__description {
-	opacity: 1 !important;
-}
-
-.newfold-image-optimization a {
-	color: #05c !important;
-}
-
-.nfd-text-red {
-	color: #e63946;
-}
+}
\ No newline at end of file
diff --git a/src/sections/LinkPrefetch/getLinkPrefetchText.js b/src/sections/LinkPrefetch/getLinkPrefetchText.js
new file mode 100644
index 00000000..e7b72759
--- /dev/null
+++ b/src/sections/LinkPrefetch/getLinkPrefetchText.js
@@ -0,0 +1,72 @@
+import { __ } from '@wordpress/i18n';
+
+const getLinkPrefetchText = () => ( {
+	linkPrefetchTitle: __( 'Link Prefetch', 'wp-module-performance' ),
+	linkPrefetchDescription: __(
+		'Asks the browser to download and cache links on the page ahead of them being clicked on, so that when they are clicked they load almost instantly.',
+		'wp-module-performance'
+	),
+	linkPrefetchNoticeTitle: __(
+		'Link prefetching setting saved',
+		'wp-module-performance'
+	),
+	linkPrefetchActivateOnDesktopDescription: __(
+		'Enable link prefetching on desktop',
+		'wp-module-performance'
+	),
+	linkPrefetchActivateOnDesktopLabel: __(
+		'Activate on desktop',
+		'wp-module-performance'
+	),
+	linkPrefetchBehaviorLabel: __( 'Behavior', 'wp-module-performance' ),
+	linkPrefetchBehaviorMouseDownLabel: __(
+		'Prefetch on Mouse Down',
+		'wp-module-performance'
+	),
+	linkPrefetchBehaviorMouseDownDescription: __(
+		'Prefetch on Mouse Down: Starts loading the page as soon as you click down, for faster response when you release the click.',
+		'wp-module-performance'
+	),
+	linkPrefetchBehaviorMouseHoverLabel: __(
+		'Prefetch on Mouse Hover (Recommended)',
+		'wp-module-performance'
+	),
+	linkPrefetchBehaviorMouseHoverDescription: __(
+		'Prefetch on Mouse Hover: Begins loading the page the moment your cursor hovers over a link',
+		'wp-module-performance'
+	),
+	linkPrefetchActivateOnMobileDescription: __(
+		'Enable link prefetching on mobile',
+		'wp-module-performance'
+	),
+	linkPrefetchActivateOnMobileLabel: __(
+		'Activate on mobile',
+		'wp-module-performance'
+	),
+	linkPrefetchBehaviorMobileTouchstartLabel: __(
+		'Prefetch on Touchstart (Recommended)',
+		'wp-module-performance'
+	),
+	linkPrefetchBehaviorMobileTouchstartDescription: __(
+		'Prefetch on Touchstart: Instantly starts loading the page as soon as you tap the screen, ensuring a quicker response when you lift your finger.',
+		'wp-module-performance'
+	),
+	linkPrefetchBehaviorMobileViewportLabel: __(
+		'Prefetch Above the Fold',
+		'wp-module-performance'
+	),
+	linkPrefetchBehaviorMobileViewportDescription: __(
+		"Prefetch Above the Fold: Loads links in your current view instantly, ensuring they're ready when you need them.",
+		'wp-module-performance'
+	),
+	linkPrefetchIgnoreKeywordsLabel: __(
+		'Exclude keywords',
+		'wp-module-performance'
+	),
+	linkPrefetchIgnoreKeywordsDescription: __(
+		'Exclude Keywords: A comma separated list of words or strings that will exclude a link from being prefetched. For example, excluding "app" will prevent https://example.com/apple from being prefetched.',
+		'wp-module-performance'
+	),
+} );
+
+export default getLinkPrefetchText;
diff --git a/src/sections/LinkPrefetch/index.js b/src/sections/LinkPrefetch/index.js
new file mode 100644
index 00000000..cfb3e6f8
--- /dev/null
+++ b/src/sections/LinkPrefetch/index.js
@@ -0,0 +1,239 @@
+import {
+	Toggle,
+	TextField,
+	SelectField,
+	Container,
+} from '@newfold/ui-component-library';
+
+import { useState, useEffect, useRef } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+import apiFetch from '@wordpress/api-fetch';
+import { NewfoldRuntime } from '@newfold/wp-module-runtime';
+
+import { STORE_NAME } from '../../data/constants';
+import getLinkPrefetchText from './getLinkPrefetchText';
+
+let ignoreKeywordsTimer = null;
+
+const useUpdateEffect = ( effect, deps ) => {
+	const isFirst = useRef( true );
+	useEffect( () => {
+		if ( isFirst.current ) {
+			isFirst.current = false;
+			return;
+		}
+		return effect();
+	}, deps );
+};
+
+const LinkPrefetch = () => {
+	const {
+		linkPrefetchTitle,
+		linkPrefetchDescription,
+		linkPrefetchNoticeTitle,
+		linkPrefetchActivateOnDesktopDescription,
+		linkPrefetchActivateOnDesktopLabel,
+		linkPrefetchBehaviorLabel,
+		linkPrefetchBehaviorMouseDownLabel,
+		linkPrefetchBehaviorMouseDownDescription,
+		linkPrefetchBehaviorMouseHoverLabel,
+		linkPrefetchBehaviorMouseHoverDescription,
+		linkPrefetchActivateOnMobileDescription,
+		linkPrefetchActivateOnMobileLabel,
+		linkPrefetchBehaviorMobileTouchstartLabel,
+		linkPrefetchBehaviorMobileTouchstartDescription,
+		linkPrefetchBehaviorMobileViewportLabel,
+		linkPrefetchBehaviorMobileViewportDescription,
+		linkPrefetchIgnoreKeywordsLabel,
+		linkPrefetchIgnoreKeywordsDescription,
+	} = getLinkPrefetchText();
+
+	const sdkSettings = NewfoldRuntime.sdk?.linkPrefetch?.settings || {};
+	const [ settings, setSettings ] = useState( sdkSettings );
+	const [ ignoreKeywords, setIgnoreKeywords ] = useState(
+		sdkSettings.ignoreKeywords || ''
+	);
+	const [ isError, setIsError ] = useState( false );
+
+	const { pushNotification } = useDispatch( STORE_NAME );
+
+	const apiUrl = NewfoldRuntime.createApiUrl(
+		'/newfold-performance/v1/link-prefetch/settings'
+	);
+
+	const handleChangeOption = ( option, value ) => {
+		if ( ! ( option in settings ) ) return;
+
+		const updatedSettings = { ...settings, [ option ]: value };
+
+		apiFetch( {
+			url: apiUrl,
+			method: 'POST',
+			data: { settings: updatedSettings },
+		} )
+			.then( () => {
+				setSettings( updatedSettings );
+			} )
+			.catch( ( error ) => {
+				setIsError( error.message );
+			} );
+	};
+
+	const handleChangeOptionIgnoreKeywords = ( value ) => {
+		clearTimeout( ignoreKeywordsTimer );
+		value = value.substring( 0, 1000 );
+		setIgnoreKeywords( value );
+		ignoreKeywordsTimer = setTimeout( () => {
+			handleChangeOption( 'ignoreKeywords', value );
+		}, 700 );
+	};
+
+	useUpdateEffect( () => {
+		pushNotification( 'link-prefetch-change-notice', {
+			title: linkPrefetchTitle,
+			description: isError || linkPrefetchNoticeTitle,
+			variant: isError ? 'error' : 'success',
+			autoDismiss: 5000,
+		} );
+	}, [ settings, isError ] );
+
+	return (
+		<Container.SettingsField
+			title={ linkPrefetchTitle }
+			description={ linkPrefetchDescription }
+			data-cy="link-prefetch-settings"
+		>
+			{ /* Desktop Settings */ }
+			<div className="nfd-toggle-field nfd-mb-6">
+				<div>
+					<label
+						className="nfd-label"
+						htmlFor="link-prefetch-active-desktop"
+					>
+						{ linkPrefetchActivateOnDesktopLabel }
+					</label>
+					<div className="nfd-select-field__description">
+						{ linkPrefetchActivateOnDesktopDescription }
+					</div>
+				</div>
+				<Toggle
+					id="link-prefetch-active-desktop"
+					data-cy="link-prefetch-active-desktop-toggle"
+					screenReaderLabel={ linkPrefetchActivateOnDesktopLabel }
+					checked={ settings.activeOnDesktop }
+					onChange={ () =>
+						handleChangeOption(
+							'activeOnDesktop',
+							! settings.activeOnDesktop
+						)
+					}
+				/>
+			</div>
+
+			{ settings.activeOnDesktop && (
+				<SelectField
+					id="link-prefetch-behavior"
+					data-cy="link-prefetch-behavior-desktop"
+					label={ linkPrefetchBehaviorLabel }
+					value={ settings.behavior }
+					selectedLabel={
+						settings.behavior === 'mouseDown'
+							? linkPrefetchBehaviorMouseDownLabel
+							: linkPrefetchBehaviorMouseHoverLabel
+					}
+					onChange={ ( v ) => handleChangeOption( 'behavior', v ) }
+					description={
+						settings.behavior === 'mouseDown'
+							? linkPrefetchBehaviorMouseDownDescription
+							: linkPrefetchBehaviorMouseHoverDescription
+					}
+					className="nfd-mb-6"
+				>
+					<SelectField.Option
+						label={ linkPrefetchBehaviorMouseHoverLabel }
+						value="mouseHover"
+					/>
+					<SelectField.Option
+						label={ linkPrefetchBehaviorMouseDownLabel }
+						value="mouseDown"
+					/>
+				</SelectField>
+			) }
+
+			{ /* Mobile Settings */ }
+			<div className="nfd-toggle-field nfd-mb-6">
+				<div>
+					<label
+						className="nfd-label"
+						htmlFor="link-prefetch-active-mobile"
+					>
+						{ linkPrefetchActivateOnMobileLabel }
+					</label>
+					<div className="nfd-select-field__description">
+						{ linkPrefetchActivateOnMobileDescription }
+					</div>
+				</div>
+				<Toggle
+					id="link-prefetch-active-mobile"
+					data-cy="link-prefetch-active-mobile-toggle"
+					screenReaderLabel={ linkPrefetchActivateOnMobileLabel }
+					checked={ settings.activeOnMobile }
+					onChange={ () =>
+						handleChangeOption(
+							'activeOnMobile',
+							! settings.activeOnMobile
+						)
+					}
+				/>
+			</div>
+
+			{ settings.activeOnMobile && (
+				<SelectField
+					id="link-prefetch-behavior-mobile"
+					data-cy="link-prefetch-behavior-mobile"
+					label={ linkPrefetchBehaviorLabel }
+					value={ settings.mobileBehavior }
+					selectedLabel={
+						settings.mobileBehavior === 'touchstart'
+							? linkPrefetchBehaviorMobileTouchstartLabel
+							: linkPrefetchBehaviorMobileViewportLabel
+					}
+					onChange={ ( v ) =>
+						handleChangeOption( 'mobileBehavior', v )
+					}
+					description={
+						settings.mobileBehavior === 'touchstart'
+							? linkPrefetchBehaviorMobileTouchstartDescription
+							: linkPrefetchBehaviorMobileViewportDescription
+					}
+					className="nfd-mb-6"
+				>
+					<SelectField.Option
+						label={ linkPrefetchBehaviorMobileTouchstartLabel }
+						value="touchstart"
+					/>
+					<SelectField.Option
+						label={ linkPrefetchBehaviorMobileViewportLabel }
+						value="viewport"
+					/>
+				</SelectField>
+			) }
+
+			{ /* Ignore Keywords */ }
+			{ ( settings.activeOnMobile || settings.activeOnDesktop ) && (
+				<TextField
+					id="link-prefetch-ignore-keywords"
+					data-cy="link-prefetch-ignore-keywords"
+					label={ linkPrefetchIgnoreKeywordsLabel }
+					description={ linkPrefetchIgnoreKeywordsDescription }
+					onChange={ ( e ) =>
+						handleChangeOptionIgnoreKeywords( e.target.value )
+					}
+					value={ ignoreKeywords }
+				/>
+			) }
+		</Container.SettingsField>
+	);
+};
+
+export default LinkPrefetch;
diff --git a/src/sections/LinkPrefetch/stylesheet.css b/src/sections/LinkPrefetch/stylesheet.css
new file mode 100644
index 00000000..e92ec8b6
--- /dev/null
+++ b/src/sections/LinkPrefetch/stylesheet.css
@@ -0,0 +1,4 @@
+.nfd-container__block.newfold-link-prefetch .nfd-toggle-field.nfd-mb-6 {
+	display: flex;
+	flex-direction: row;
+}
diff --git a/src/sections/Skip404/getSkip404Text.js b/src/sections/Skip404/getSkip404Text.js
new file mode 100644
index 00000000..505ae221
--- /dev/null
+++ b/src/sections/Skip404/getSkip404Text.js
@@ -0,0 +1,17 @@
+import { __ } from '@wordpress/i18n';
+
+const TEXT = {
+	skip404Title: __( 'Skip 404', 'wp-plugin-bluehost' ),
+	skip404Description: __(
+		'When enabled, static resources like images and fonts will use a default server 404 page and not WordPress 404 pages. Pages and posts will continue using WordPress for 404 pages.',
+		'wp-plugin-bluehost'
+	),
+	skip404OptionLabel: __(
+		'Enable Skip 404 Handling For Static Files',
+		'wp-plugin-bluehost'
+	),
+	skip404NoticeTitle: __( 'Skip 404 saved', 'wp-plugin-bluehost' ),
+	optionNotSet: __( 'Error saving option', 'wp-plugin-bluehost' ),
+};
+
+export default TEXT;
diff --git a/src/sections/Skip404/index.js b/src/sections/Skip404/index.js
new file mode 100644
index 00000000..6d1f60fb
--- /dev/null
+++ b/src/sections/Skip404/index.js
@@ -0,0 +1,70 @@
+import { useState } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+import apiFetch from '@wordpress/api-fetch';
+import { ToggleField, Container } from '@newfold/ui-component-library';
+import { NewfoldRuntime } from '@newfold/wp-module-runtime';
+
+import { STORE_NAME } from '../../data/constants';
+import TEXT from './getSkip404Text';
+
+const {
+	skip404Title,
+	skip404Description,
+	skip404OptionLabel,
+	skip404NoticeTitle,
+	optionNotSet,
+} = TEXT;
+
+const Skip404 = () => {
+	const [ skip404, setSkip404 ] = useState(
+		NewfoldRuntime?.sdk?.skip404?.is_active ?? false
+	);
+	const { pushNotification } = useDispatch( STORE_NAME );
+
+	const handleSkip404Change = () => {
+		const newValue = ! skip404;
+
+		apiFetch( {
+			path: '/newfold-performance/v1/skip404',
+			method: 'POST',
+			data: {
+				field: {
+					id: 'skip404',
+					value: newValue,
+				},
+			},
+		} )
+			.then( () => {
+				pushNotification( 'skip404-change-notice', {
+					title: skip404NoticeTitle,
+					variant: 'success',
+					autoDismiss: 5000,
+				} );
+			} )
+			.catch( () => {
+				pushNotification( 'skip404-change-notice', {
+					title: optionNotSet,
+					variant: 'error',
+					autoDismiss: 5000,
+				} );
+			} );
+
+		setSkip404( newValue );
+	};
+
+	return (
+		<Container.SettingsField
+			title={ skip404Title }
+			description={ skip404Description }
+		>
+			<ToggleField
+				id="skip-404"
+				label={ skip404OptionLabel }
+				checked={ skip404 }
+				onChange={ handleSkip404Change }
+			/>
+		</Container.SettingsField>
+	);
+};
+
+export default Skip404;
diff --git a/src/store/actions.js b/src/store/actions.js
new file mode 100644
index 00000000..c0872fd8
--- /dev/null
+++ b/src/store/actions.js
@@ -0,0 +1,15 @@
+export const setCacheLevel = ( level ) => ( {
+	type: 'SET_CACHE_LEVEL',
+	level,
+} );
+
+export const pushNotification = ( id, message ) => ( {
+	type: 'PUSH_NOTIFICATION',
+	id,
+	message,
+} );
+
+export const dismissNotification = ( id ) => ( {
+	type: 'DISMISS_NOTIFICATION',
+	id,
+} );
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 00000000..93069657
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,14 @@
+import * as actions from './actions';
+import * as selectors from './selectors';
+import { createReduxStore, register } from '@wordpress/data';
+import { STORE_NAME } from '../data/constants';
+import reducer from './reducer';
+
+export const performanceStoreConfig = {
+	reducer,
+	actions,
+	selectors,
+};
+
+export const store = createReduxStore( STORE_NAME, performanceStoreConfig );
+register( store );
diff --git a/src/store/reducer.js b/src/store/reducer.js
new file mode 100644
index 00000000..8df55880
--- /dev/null
+++ b/src/store/reducer.js
@@ -0,0 +1,35 @@
+const DEFAULT_STATE = {
+	cacheLevel: null,
+	feed: {},
+};
+
+export default function reducer( state = DEFAULT_STATE, action ) {
+	switch ( action.type ) {
+		case 'SET_CACHE_LEVEL':
+			return {
+				...state,
+				cacheLevel: action.level,
+			};
+
+		case 'PUSH_NOTIFICATION':
+			return {
+				...state,
+				feed: {
+					...state.feed,
+					[ action.id ]: action.message,
+				},
+			};
+
+		case 'DISMISS_NOTIFICATION':
+			return {
+				...state,
+				feed: {
+					...state.feed,
+					[ action.id ]: null,
+				},
+			};
+
+		default:
+			return state;
+	}
+}
diff --git a/src/store/selectors.js b/src/store/selectors.js
new file mode 100644
index 00000000..cbb4f887
--- /dev/null
+++ b/src/store/selectors.js
@@ -0,0 +1,8 @@
+export const getCacheLevel = ( state ) => state.cacheLevel;
+
+export const getNotifications = ( state ) => state.feed;
+
+export const getVisibleNotifications = ( state ) =>
+	Object.entries( state.feed )
+		.filter( ( [ , value ] ) => value !== null )
+		.map( ( [ key, value ] ) => [ key, value ] );
diff --git a/src/styles/branding.css b/src/styles/branding.css
new file mode 100644
index 00000000..3457ca4c
--- /dev/null
+++ b/src/styles/branding.css
@@ -0,0 +1,50 @@
+:root {
+    --nfd-color-primary: #196BDE;
+    --nfd-color-primary-dark: #1A4884;
+    --nfd-color-primary-light: #CCDCF4;
+    --nfd-color-primary-lighter: #949FB1;
+  
+    --nfd-color-secondary: #FCD34D;
+    --nfd-color-secondary-dark: #E9B404;
+    --nfd-color-secondary-light: #FEF6D9;
+    --nfd-color-secondary-lighter: #FEF6D9;
+  
+    --nfd-color-title: #0F172A;
+    --nfd-color-body: #4A5567;
+
+  }
+
+  .nfd-brand--bluehost {
+    --nfd-color-primary: #196BDE;
+    --nfd-color-primary-dark: #1A4884;
+    --nfd-color-primary-light: #CCDCF4;
+    --nfd-color-primary-lighter: #949FB1;
+  
+    --nfd-color-secondary: #FCD34D;
+    --nfd-color-secondary-dark: #E9B404;
+    --nfd-color-secondary-light: #FEF6D9;
+    --nfd-color-secondary-lighter: #FEF6D9;
+  
+    --nfd-color-title: #0F172A;
+    --nfd-color-body: #4A5567;
+  }
+
+  .nfd-brand--hostgator {
+    /* Primary */
+    --nfd-color-primary: #1F2044;
+    --nfd-color-primary-dark: #191936;
+    --nfd-color-primary-light: #2E93EE;
+    --nfd-color-primary-lighter: #74C1FF;
+  
+    /* Secondary */
+    --nfd-color-secondary: #FFCF00;
+    --nfd-color-secondary-dark: #ECA93E;
+    --nfd-color-secondary-light: #FF9144;
+    --nfd-color-secondary-lighter: #FFE885;
+  
+    /* UI */
+    --nfd-color-title: #1F2044;
+    --nfd-color-body: #4A4A4A;
+  }
+
+  
\ No newline at end of file
diff --git a/src/styles/styles.css b/src/styles/styles.css
new file mode 100644
index 00000000..4187529d
--- /dev/null
+++ b/src/styles/styles.css
@@ -0,0 +1,271 @@
+/* Import UI library first — this registers its component styles */
+@import '@newfold/ui-component-library';
+@import '../sections/LinkPrefetch/stylesheet.css';
+@import '../sections/JetpackBoost/stylesheet.css';
+@import '../sections/ImageOptimization/stylesheet.css';
+@import './branding.css';
+@import '../components/App/stylesheet.css';
+
+/* Tailwind base styles, layers must come *after* the import */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Configs */
+@layer base {
+	.nfd-root {
+		@apply
+		nfd-text-body;
+
+		a {
+			@apply
+			nfd-no-underline	
+			nfd-text-primary
+			hover:nfd-text-primary-dark
+			focus:nfd-text-primary-dark
+			focus:nfd-outline-none
+			focus:nfd-ring-1
+			focus:nfd-ring-offset-1
+			focus:nfd-ring-offset-transparent
+			focus:nfd-ring-primary-dark
+			focus:nfd-rounded-sm
+			visited:nfd-text-primary
+			visited:hover:nfd-text-primary-dark;
+		}
+	}
+}
+
+/* Titles */
+@layer components {
+	.nfd-root {
+		.nfd-title {
+			@apply
+			nfd-text-title
+		}
+	}
+}
+
+/* Links */
+@layer components {
+	.nfd-root {
+		.nfd-link {
+			@apply
+			nfd-text-primary
+
+			hover:nfd-text-primary-dark
+			visited:nfd-text-primary-dark
+			visited:hover:nfd-text-primary-dark;
+		}
+
+		.nfd-link--primary {
+			@apply nfd-text-primary-600 hover:nfd-text-primary-500 focus:nfd-text-primary-500 focus:nfd-ring-primary-600;
+		}
+
+		.nfd-link--error {
+			@apply nfd-text-red-600 hover:nfd-text-red-500 focus:nfd-text-red-500 focus:nfd-ring-red-600;
+		}
+	}
+}
+
+/* Buttons */
+@layer components {
+	.nfd-root {
+		.nfd-button {
+			@apply
+			nfd-px-4
+			nfd-gap-2
+			focus:nfd-ring-primary;
+
+			svg {
+				@apply
+				nfd-w-5
+				nfd-h-5;
+			}
+		}
+
+		/* Variants */
+
+		.nfd-button--primary {
+			@apply
+			nfd-bg-primary
+
+			hover:nfd-bg-primary-dark
+			focus:nfd-ring-primary;
+		}
+
+		.nfd-button--secondary {
+			@apply
+			nfd-text-black
+			nfd-bg-white
+			nfd-border-primary
+
+			hover:nfd-text-black
+			hover:nfd-bg-primary-light
+			focus:nfd-text-title
+			focus:nfd-ring-primary
+			visited:nfd-text-black
+			visited:hover:nfd-text-title;
+		}
+
+		.nfd-button--standout {
+			@apply
+			nfd-bg-secondary
+			nfd-text-[#1E293B]
+
+			hover:nfd-bg-secondary-dark
+			hover:nfd-text-[#1E293B]
+			focus:nfd-text-[#1E293B];
+		}
+	}
+}
+
+/* Toggle / Toggle Field */
+@layer components {
+	.nfd-root {
+		.nfd-toggle {
+			@apply
+			nfd-bg-[#CDD0D6]
+
+			focus:nfd-ring-primary;
+		}
+
+		.nfd-toggle--checked {
+			@apply nfd-bg-primary;
+		}
+
+		.nfd-toggle__icon--check {
+			@apply nfd-text-primary;
+		}
+
+		.nfd-toggle__icon--x {
+			@apply nfd-text-[#9CA3AF];
+		}
+
+		.nfd-toggle-field__description {
+			@apply 
+			nfd-mt-3
+			nfd-mr-2
+			sm:nfd-mr-[10.5rem]
+			sm:nfd-mt-0;
+		}
+	}
+}
+
+/* Checkbox */
+@layer components {
+	.nfd-root {
+		.nfd-checkbox {
+			.nfd-checkbox__input {
+				@apply
+				nfd-text-primary
+				nfd-shadow-none
+	
+				focus:nfd-ring-primary;
+
+				&:checked {
+					&::before {
+						@apply nfd-hidden;
+					}
+				}
+			}
+		}
+	}
+}
+
+/* Radio Input */
+@layer components {
+	.nfd-root {
+		.nfd-radio-group {
+			.nfd-radio__description {
+				@apply
+				nfd-mb-2 
+				nfd-ml-7 
+				lg:nfd-mr-[10.5rem];
+			}
+		}
+
+		.nfd-radio__input {
+			@apply
+			nfd-text-primary
+			nfd-shadow-none
+
+			focus:nfd-ring-primary;
+
+			&:checked {
+				&::before {
+					@apply nfd-bg-transparent;
+				}
+			}
+		}
+	}
+}
+
+/* Select Field */
+@layer components {
+	.nfd-root {
+		.nfd-select__button {
+			@apply
+			focus:nfd-ring-primary
+			focus:nfd-border-primary;
+		}
+
+		.nfd-select__option {
+			&--active {
+				@apply nfd-bg-[#CDD0D6];
+			}
+
+			&--selected {
+				@apply nfd-bg-primary;
+			}
+		}
+
+		.nfd-select-field__spaced {
+			.nfd-select-field__select {
+				@apply
+				nfd-flex
+				nfd-items-center
+				nfd-justify-between
+				nfd-gap-4;
+			}
+
+			.nfd-select__button {
+				@apply nfd-w-24;
+			}
+
+			.nfd-select__options {
+				@apply 
+				nfd-w-40
+				nfd-right-0;
+			}
+
+			.nfd-select-field__description {
+				@apply lg:nfd-mr-[10.5rem];
+			}
+		}
+	}
+}
+
+/* Notifications */
+@layer components {
+	.nfd-root {
+
+		.nfd-notifications {
+			z-index: 9991;
+		}
+
+        .nfd-notifications--bottom-left {
+            @apply nfd-left-[12%];
+        }
+	}
+}
+
+/* Text Input Field */
+@layer components {
+	.nfd-root {
+		.nfd-text-input, .nfd-textarea {
+			@apply
+			focus:nfd-ring-primary
+			focus:nfd-border-primary;
+		}
+	}
+}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 00000000..75730004
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,31 @@
+const { TAILWINDCSS_PRESET } = require('@newfold/ui-component-library');
+
+module.exports = {
+	presets: [TAILWINDCSS_PRESET],
+	content: [
+		...TAILWINDCSS_PRESET.content,
+		'./src/**/*.{js,jsx}',
+		'./components/**/*.{js,jsx}',
+	],
+	theme: {
+		extend: {
+			colors: {
+				primary: {
+					DEFAULT: 'var(--nfd-color-primary)',
+					dark: 'var(--nfd-color-primary-dark)',
+					light: 'var(--nfd-color-primary-light)',
+					lighter: 'var(--nfd-color-primary-lighter)',
+				},
+				secondary: {
+					DEFAULT: 'var(--nfd-color-secondary)',
+					dark: 'var(--nfd-color-secondary-dark)',
+					light: 'var(--nfd-color-secondary-light)',
+					lighter: 'var(--nfd-color-secondary-lighter)',
+				},
+				title: 'var(--nfd-color-title)',
+				body: 'var(--nfd-color-body)',
+			},
+		},
+	}
+
+};
diff --git a/webpack.config.js b/webpack.config.js
deleted file mode 100644
index bbfdb2d5..00000000
--- a/webpack.config.js
+++ /dev/null
@@ -1,56 +0,0 @@
-const path = require( 'path' );
-const glob = require( 'glob' );
-const MiniCssExtractPlugin = require( 'mini-css-extract-plugin' );
-const TerserPlugin = require( 'terser-webpack-plugin' );
-const CssMinimizerPlugin = require( 'css-minimizer-webpack-plugin' );
-
-module.exports = {
-	mode: 'production', // Automatically sets minification
-	entry: glob.sync( './assets/**/*.js' ).reduce( ( entries, file ) => {
-		const name = path
-			.relative( path.resolve( __dirname, 'assets' ), file )
-			.replace( /\.js$/, '' );
-		entries[ name ] = `./${ file }`;
-		return entries;
-	}, {} ),
-	output: {
-		path: path.resolve( __dirname, 'build' ),
-		filename: '[name].min.js',
-	},
-	module: {
-		rules: [
-			{
-				test: /\.css$/i,
-				use: [
-					MiniCssExtractPlugin.loader, // Extract CSS into files
-					'css-loader', // Resolve CSS imports
-				],
-			},
-		],
-	},
-	optimization: {
-		minimize: true,
-		minimizer: [
-			new TerserPlugin( {
-				terserOptions: {
-					compress: {
-						drop_console: true, // Remove console logs
-					},
-					format: {
-						comments: false,
-					},
-				},
-				extractComments: false, // Avoid .LICENSE.txt files
-			} ),
-			new CssMinimizerPlugin(), // Minify CSS
-		],
-	},
-	plugins: [
-		new MiniCssExtractPlugin( {
-			filename: '[name].min.css', // Output for CSS files
-		} ),
-	],
-	resolve: {
-		extensions: [ '.js', '.css' ], // Allow importing JS and CSS without extensions
-	},
-};
diff --git a/webpack/assets.config.js b/webpack/assets.config.js
new file mode 100644
index 00000000..7bb9f597
--- /dev/null
+++ b/webpack/assets.config.js
@@ -0,0 +1,80 @@
+// webpack/assets.config.js
+
+const path = require('path');
+const glob = require('glob');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+
+// Absolute paths for source and output directories (based on project root)
+const assetsPath = path.resolve(process.cwd(), 'assets');
+const buildPath = path.resolve(process.cwd(), 'build/assets');
+
+module.exports = {
+	// Set mode to production to enable optimizations like minification
+	mode: 'production',
+
+	// Dynamically create multiple entry points from JS files in the assets folder
+	entry: glob.sync(path.join(assetsPath, '**/*.js')).reduce((entries, file) => {
+		// Strip path and extension to create the output file name
+		const name = path
+			.relative(assetsPath, file)
+			.replace(/(\.min)?\.js$/, ''); // Prevent double .min if already minified
+
+		entries[name] = file; // e.g., 'image/image-bulk-optimizer': './assets/image/image-bulk-optimizer.js'
+		return entries;
+	}, {}),
+
+	// Output compiled files to the build folder
+	output: {
+		path: buildPath,
+		filename: '[name].min.js', // e.g., image/image-bulk-optimizer.min.js
+	},
+
+	module: {
+		rules: [
+			{
+				// Handle all .css imports using PostCSS and MiniCssExtractPlugin
+				test: /\.css$/i,
+				use: [
+					MiniCssExtractPlugin.loader, // Extract CSS to separate files
+					'css-loader',                // Resolve @import and url() in CSS
+				],
+			},
+		],
+	},
+
+	optimization: {
+		// Enable minification
+		minimize: true,
+		minimizer: [
+			// Minify JS
+			new TerserPlugin({
+				terserOptions: {
+					compress: {
+						drop_console: true, // Remove console.* calls
+					},
+					format: {
+						comments: false,    // Remove comments
+					},
+				},
+				extractComments: false, // Avoid generating separate LICENSE.txt files
+			}),
+
+			// Minify CSS
+			new CssMinimizerPlugin(),
+		],
+	},
+
+	plugins: [
+		// Output CSS files with the same `[name].min.css` pattern
+		new MiniCssExtractPlugin({
+			filename: '[name].min.css', // e.g., image/image-bulk-optimizer.min.css
+		}),
+	],
+
+	resolve: {
+		// Allow imports without specifying these extensions
+		extensions: ['.js', '.css'],
+	},
+};
diff --git a/webpack/react.config.js b/webpack/react.config.js
new file mode 100644
index 00000000..d6372523
--- /dev/null
+++ b/webpack/react.config.js
@@ -0,0 +1,23 @@
+// webpack/react.config.js
+
+const path = require('path');
+const { merge } = require('webpack-merge');
+const defaultConfig = require('@wordpress/scripts/config/webpack.config');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+const customConfig = {
+	entry: {
+		performance: path.resolve(process.cwd(), 'src/performance.js'), // Main React entry point
+	},
+	output: {
+		path: path.resolve(process.cwd(), 'build/performance'),
+		filename: 'performance.min.js', // Output JS
+	},
+	plugins: [
+		new MiniCssExtractPlugin({
+			filename: 'performance.min.css', // Output CSS
+		}),
+	],
+};
+
+module.exports = merge(defaultConfig, customConfig);