html #modwrangler-wrapper {
		font-family: Open Sans, ui-sans-serif, system-ui, sans-serif;
	}
		html #modwrangler-wrapper fieldset {
			font-family: Open Sans, ui-sans-serif, system-ui, sans-serif;
		}
		html #modwrangler-wrapper input[type='search'],
		html #modwrangler-wrapper input[type='text'],
		html #modwrangler-wrapper input[type='url'] {
			border-style: inset;
		}

	html #modwrangler-wrapper textarea {
		border-style: inset;
	}

	html #modwrangler-wrapper fieldset {
		border-style: groove;
	}
*, ::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:  ;
}
::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:  ;
}
.text-input {
		margin-right: auto !important;
		min-width: 250px !important;
		border-width: 1px !important;
		border-color: inset !important;
		--tw-border-opacity: 1 !important;
		border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important;
		--tw-bg-opacity: 1 !important;
		background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
		padding-left: 0.25rem !important;
		padding-right: 0.25rem !important;
		padding-top: 0.125rem !important;
		padding-bottom: 0.125rem !important;
		--tw-text-opacity: 1 !important;
		color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-input::-moz-placeholder {
		--tw-placeholder-opacity: 1 !important;
		color: rgb(156 163 175 / var(--tw-placeholder-opacity)) !important;
}
.text-input::placeholder {
		--tw-placeholder-opacity: 1 !important;
		color: rgb(156 163 175 / var(--tw-placeholder-opacity)) !important;
}
#modwrangler-wrapper :is(.col-span-2) {
		grid-column: span 2 / span 2;
}
#modwrangler-wrapper :is(.m-1) {
		margin: 0.25rem;
}
#modwrangler-wrapper :is(.m-2) {
		margin: 0.5rem;
}
#modwrangler-wrapper :is(.\!mr-0) {
		margin-right: 0px !important;
}
#modwrangler-wrapper :is(.-mb-\[1\.5em\]) {
		margin-bottom: -1.5em;
}
#modwrangler-wrapper :is(.mb-1) {
		margin-bottom: 0.25rem;
}
#modwrangler-wrapper :is(.mb-2) {
		margin-bottom: 0.5rem;
}
#modwrangler-wrapper :is(.mb-auto) {
		margin-bottom: auto;
}
#modwrangler-wrapper :is(.ml-1) {
		margin-left: 0.25rem;
}
#modwrangler-wrapper :is(.ml-2) {
		margin-left: 0.5rem;
}
#modwrangler-wrapper :is(.ml-8) {
		margin-left: 2rem;
}
#modwrangler-wrapper :is(.ml-auto) {
		margin-left: auto;
}
#modwrangler-wrapper :is(.mr-auto) {
		margin-right: auto;
}
#modwrangler-wrapper :is(.mt-2) {
		margin-top: 0.5rem;
}
#modwrangler-wrapper :is(.inline-block) {
		display: inline-block;
}
#modwrangler-wrapper :is(.flex) {
		display: flex;
}
#modwrangler-wrapper :is(.grid) {
		display: grid;
}
#modwrangler-wrapper :is(.min-w-\[8rem\]) {
		min-width: 8rem;
}
#modwrangler-wrapper :is(.cursor-default) {
		cursor: default;
}
#modwrangler-wrapper :is(.grid-cols-6) {
		grid-template-columns: repeat(6, minmax(0, 1fr));
}
#modwrangler-wrapper :is(.grid-cols-\[auto_1fr\]) {
		grid-template-columns: auto 1fr;
}
#modwrangler-wrapper :is(.gap-2) {
		gap: 0.5rem;
}
#modwrangler-wrapper :is(.self-center) {
		align-self: center;
}
#modwrangler-wrapper :is(.border-2) {
		border-width: 2px;
}
#modwrangler-wrapper :is(.border-gray-600) {
		--tw-border-opacity: 1;
		border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
#modwrangler-wrapper :is(.p-5) {
		padding: 1.25rem;
}
#modwrangler-wrapper :is(.text-\[10px\]) {
		font-size: 10px;
}
#modwrangler-wrapper :is(.text-\[x-small\]) {
		font-size: x-small;
}
#modwrangler-wrapper :is(.text-lg) {
		font-size: 1.125rem;
		line-height: 1.75rem;
}
#modwrangler-wrapper :is(.text-xl) {
		font-size: 1.25rem;
		line-height: 1.75rem;
}
#modwrangler-wrapper :is(.font-bold) {
		font-weight: 700;
}
#modwrangler-wrapper :is(.font-normal) {
		font-weight: 400;
}
#modwrangler-wrapper :is(.font-semibold) {
		font-weight: 600;
}
#modwrangler-wrapper :is(.italic) {
		font-style: italic;
}
#modwrangler-wrapper :is(.text-red-400) {
		--tw-text-opacity: 1;
		color: rgb(248 113 113 / var(--tw-text-opacity));
}
#modwrangler-wrapper :is(.text-yellow-200) {
		--tw-text-opacity: 1;
		color: rgb(254 240 138 / var(--tw-text-opacity));
}
#modwrangler-wrapper :is(.text-yellow-400) {
		--tw-text-opacity: 1;
		color: rgb(250 204 21 / var(--tw-text-opacity));
}
#modwrangler-wrapper :is(.underline) {
		text-decoration-line: underline;
}
#modwrangler-wrapper *,
#modwrangler-wrapper ::before,
#modwrangler-wrapper ::after {
	box-sizing: border-box; /* 1 */
	border-width: 0; /* 2 */
	border-style: solid; /* 2 */
	border-color: #e5e7eb; /* 2 */
}
#modwrangler-wrapper ::before,
#modwrangler-wrapper ::after {
	--tw-content: '';
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
#modwrangler-wrapper body {
	margin: 0; /* 1 */
	line-height: inherit; /* 2 */
}
/*
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.
*/
#modwrangler-wrapper hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
	border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
#modwrangler-wrapper abbr:where(#modwrangler-wrapper[title]) {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
#modwrangler-wrapper h1,
#modwrangler-wrapper h2,
#modwrangler-wrapper h3,
#modwrangler-wrapper h4,
#modwrangler-wrapper h5,
#modwrangler-wrapper h6 {
	font-size: inherit;
	font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
#modwrangler-wrapper a {
	color: inherit;
	text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
#modwrangler-wrapper b,
#modwrangler-wrapper 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.
*/
#modwrangler-wrapper code,
#modwrangler-wrapper kbd,
#modwrangler-wrapper samp,
#modwrangler-wrapper 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.
*/
#modwrangler-wrapper small {
	font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
#modwrangler-wrapper sub,
#modwrangler-wrapper sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
#modwrangler-wrapper sub {
	bottom: -0.25em;
}
#modwrangler-wrapper 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.
*/
#modwrangler-wrapper 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.
*/
#modwrangler-wrapper button,
#modwrangler-wrapper input,
#modwrangler-wrapper optgroup,
#modwrangler-wrapper select,
#modwrangler-wrapper textarea {
	font-family: inherit; /* 1 */
	font-feature-settings: inherit; /* 1 */
	font-variation-settings: 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.
*/
#modwrangler-wrapper button,
#modwrangler-wrapper select {
	text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
#modwrangler-wrapper button,
#modwrangler-wrapper [type='button'],
#modwrangler-wrapper [type='reset'],
#modwrangler-wrapper [type='submit'] {
	-webkit-appearance: button; /* 1 */
	background-color: transparent; /* 2 */
	background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
#modwrangler-wrapper :-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)
*/
#modwrangler-wrapper :-moz-ui-invalid {
	box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
#modwrangler-wrapper progress {
	vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
#modwrangler-wrapper ::-webkit-inner-spin-button,
#modwrangler-wrapper ::-webkit-outer-spin-button {
	height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
#modwrangler-wrapper [type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
#modwrangler-wrapper ::-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.
*/
#modwrangler-wrapper ::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
#modwrangler-wrapper summary {
	display: list-item;
}
/*
Removes the default spacing for appropriate elements.
*/
#modwrangler-wrapper blockquote,
#modwrangler-wrapper dl,
#modwrangler-wrapper dd,
#modwrangler-wrapper h1,
#modwrangler-wrapper h2,
#modwrangler-wrapper h3,
#modwrangler-wrapper h4,
#modwrangler-wrapper h5,
#modwrangler-wrapper h6,
#modwrangler-wrapper hr,
#modwrangler-wrapper figure,
#modwrangler-wrapper p,
#modwrangler-wrapper pre {
	margin: 0;
}
#modwrangler-wrapper fieldset {
	margin: 0;
	padding: 0;
}
#modwrangler-wrapper legend {
	padding: 0;
}
#modwrangler-wrapper ol,
#modwrangler-wrapper ul,
#modwrangler-wrapper menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
#modwrangler-wrapper dialog {
	padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
#modwrangler-wrapper 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.
*/
#modwrangler-wrapper input::-moz-placeholder, #modwrangler-wrapper textarea::-moz-placeholder {
	opacity: 1; /* 1 */
	color: #9ca3af; /* 2 */
}
#modwrangler-wrapper input::placeholder,
#modwrangler-wrapper textarea::placeholder {
	opacity: 1; /* 1 */
	color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
#modwrangler-wrapper button,
#modwrangler-wrapper [role="button"] {
	cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
#modwrangler-wrapper :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.
*/
#modwrangler-wrapper img,
#modwrangler-wrapper svg,
#modwrangler-wrapper video,
#modwrangler-wrapper canvas,
#modwrangler-wrapper audio,
#modwrangler-wrapper iframe,
#modwrangler-wrapper embed,
#modwrangler-wrapper 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)
*/
#modwrangler-wrapper img,
#modwrangler-wrapper video {
	max-width: 100%;
	height: auto;
}
/*
Make elements with the HTML hidden attribute stay hidden by default.
*/
#modwrangler-wrapper [hidden] {
	display: none;
}
#modwrangler-wrapper :is(.placeholder\:text-xs)::-moz-placeholder {
		font-size: 0.75rem;
		line-height: 1rem;
}
#modwrangler-wrapper :is(.placeholder\:text-xs)::placeholder {
		font-size: 0.75rem;
		line-height: 1rem;
}
#modwrangler-wrapper :is(.hover\:text-white:hover) {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity));
}
#modwrangler-wrapper :is(.child\:text-xs > *) {
		font-size: 0.75rem;
		line-height: 1rem;
}