/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*//*
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)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
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.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
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.
*/

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.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

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.
*/

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.
*/

button,
input,
optgroup,
select,
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.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-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)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-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.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

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.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
: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.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
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)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

h1{
	font-size: 1.6875rem;
}

h2{
	font-size: 1.25rem;
}

h3{
	font-size: 0.9375rem;
}
	.bg-checkerboard {
		background: conic-gradient(
				#EBEBEB 25%,
				transparent 0 50%,
				#EBEBEB 0 75%,
				transparent 0 100%
			)
			0 0/7px 7px;
	}
	.bg-from-variable {
		background-image: var(--image);
		background-color: var(--bg-color);
	}

  .outline-from-variable {
    outline-color: var(--outline-color)
  }
	.divider{
	padding: 1rem;
	text-align: center;
	font-size: .8125rem;
	text-transform: uppercase;
}

		.divider::before,
		.divider::after{
	position: relative;
	display: inline-block;
	height: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity));
	vertical-align: middle;
			content: '';
			width: calc(50% - 0.5em);
}

		.divider::before {
			right: 1em;
			margin-left: -50%;
		}

		.divider::after {
			left: 1em;
			margin-right: -50%;
		}
      @media (min-width: 1024px) {
        .flex.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }
      @media (max-width: 1023px) {

    .flex.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }
			.icon-checkmark::before {
				-webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11.804' viewBox='0 -960 640 472.147'%3e%3cpath d='M223.804-487.853 0-711.656l55.95-55.951 167.854 167.852L584.049-960 640-904.05Z' style='stroke-width:.981595'/%3e%3c/svg%3e");
				        mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11.804' viewBox='0 -960 640 472.147'%3e%3cpath d='M223.804-487.853 0-711.656l55.95-55.951 167.854 167.852L584.049-960 640-904.05Z' style='stroke-width:.981595'/%3e%3c/svg%3e");
				display: block;
				height: 1rem;
				width: 1rem;
				--tw-scale-x: .75;
				--tw-scale-y: .75;
				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));
		content: '';
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		--tw-bg-opacity: 1;
		background-color: rgb(51 153 255 / var(--tw-bg-opacity));
			}
			.icon-cross::before {
				-webkit-mask: url("data:image/svg+xml,%3csvg height='10.733137' viewBox='0 0 10.733118 10.733137' width='10.733118' xmlns='http://www.w3.org/2000/svg'%3e%3cpath clip-rule='evenodd' d='m10.733118 1.012617-1.0126-1.012557-4.35394 4.353967-4.35402-4.354027-1.012556 1.012557 4.354026 4.35402-4.354028 4.35406 1.012558 1.0125 4.35402-4.354 4.35394 4.354 1.0126-1.0126-4.35398-4.35396z' fill-rule='evenodd'/%3e%3c/svg%3e");
				        mask: url("data:image/svg+xml,%3csvg height='10.733137' viewBox='0 0 10.733118 10.733137' width='10.733118' xmlns='http://www.w3.org/2000/svg'%3e%3cpath clip-rule='evenodd' d='m10.733118 1.012617-1.0126-1.012557-4.35394 4.353967-4.35402-4.354027-1.012556 1.012557 4.354026 4.35402-4.354028 4.35406 1.012558 1.0125 4.35402-4.354 4.35394 4.354 1.0126-1.0126-4.35398-4.35396z' fill-rule='evenodd'/%3e%3c/svg%3e");
				display: block;
				height: 1rem;
				width: 1rem;
				--tw-scale-x: .75;
				--tw-scale-y: .75;
				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));
		content: '';
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		--tw-bg-opacity: 1;
		background-color: rgb(235 87 87 / var(--tw-bg-opacity));
			}
			.icon-visible::before {
				-webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23e8eaed'%3e%3cpath d='M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z'/%3e%3c/svg%3e");
				        mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23e8eaed'%3e%3cpath d='M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z'/%3e%3c/svg%3e");
				display: block;
				--tw-scale-x: .75;
				--tw-scale-y: .75;
				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));
		content: '';
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		height: 1.5rem;
		width: 1.5rem;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
			}
			.icon-invisible::before {
				-webkit-mask: url("data:image/svg+xml,%3csvg fill='%23e8eaed' viewBox='0 -960 960 960' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5t52.5 127.5q0 20-4 37.5t-12 34.5zm128 126-58-56q38-29 67.5-63.5t50.5-78.5q-50-101-143.5-160.5t-208.5-59.5q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5t171 216.5q-23 59-60.5 109.5t-87.5 88.5zm20 246-168-166q-35 11-70.5 16.5t-73.5 5.5q-151 0-269-83.5t-171-216.5q21-53 53-98.5t73-81.5l-110-112 56-56 736 736zm-570-568q-29 26-53 57t-41 67q50 101 143.5 160.5t208.5 59.5q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5t-52.5-127.5q0-11 1.5-21t4.5-21z'/%3e%3c/svg%3e");
				        mask: url("data:image/svg+xml,%3csvg fill='%23e8eaed' viewBox='0 -960 960 960' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5t52.5 127.5q0 20-4 37.5t-12 34.5zm128 126-58-56q38-29 67.5-63.5t50.5-78.5q-50-101-143.5-160.5t-208.5-59.5q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5t171 216.5q-23 59-60.5 109.5t-87.5 88.5zm20 246-168-166q-35 11-70.5 16.5t-73.5 5.5q-151 0-269-83.5t-171-216.5q21-53 53-98.5t73-81.5l-110-112 56-56 736 736zm-570-568q-29 26-53 57t-41 67q50 101 143.5 160.5t208.5 59.5q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5t-52.5-127.5q0-11 1.5-21t4.5-21z'/%3e%3c/svg%3e");
				display: block;
				--tw-scale-x: .75;
				--tw-scale-y: .75;
				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));
		content: '';
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		height: 1.5rem;
		width: 1.5rem;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
			}

	.icon{
	display: block;
	height: 1rem;
	width: 1rem;
	--tw-scale-x: .75;
	--tw-scale-y: .75;
	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));
		content: '';
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
}
	.visually-hidden{
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	white-space: nowrap;
	opacity: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
}
	@media (min-width: 1024px) {
        .toggle.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }
	@media (max-width: 1023px) {

    .toggle.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }
	.toggle{
	position: relative;
	display: flex;
	height: 1.5rem;
	align-items: center;
}

		.toggle [type='checkbox']{
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	white-space: nowrap;
	opacity: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		top: auto;
}

			.toggle [type='checkbox'] + label{
	position: relative;
	display: block;
	padding-left: 2rem;
}

				.toggle [type='checkbox'] + label::before,
				.toggle [type='checkbox'] + label::after{
	position: absolute;
	top: 50%;
	left: 0px;
	--tw-translate-y: -50%;
	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));
	transition-property: transform;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

					content: '';
}

				.toggle [type='checkbox'] + label.right{
	width: 100%;
	padding-left: 0px;
}

					.toggle [type='checkbox'] + label.right::before,
					.toggle [type='checkbox'] + label.right::after{
	position: absolute;
	top: 50%;
	right: 0px;
	left: auto;
	--tw-translate-y: -50%;
	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));
}

					.toggle [type='checkbox'] + label.right::after{
	--tw-translate-x: -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));
}

				.toggle [type='checkbox'] + label::before{
	height: 0.625rem;
	width: 1.75rem;
	border-radius: 0.375rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(215 217 218 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(215 217 218 / var(--tw-bg-opacity));
}

				.toggle [type='checkbox'] + label::after{
	height: 1.25rem;
	width: 1.25rem;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(150 150 150 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(150 150 150 / var(--tw-bg-opacity));
	background-position: center;
}
					.toggle [type='checkbox'] + label.switch::after{
	height: 1.25rem;
	width: 1.25rem;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
	background-position: center;
}
				.toggle [type='checkbox']:checked + label::after{
	--tw-translate-x: 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-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
}

				.toggle [type='checkbox']:checked + label.right::after{
	--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));
}
				.toggle [type='checkbox']:disabled + label{
	cursor: not-allowed;
}

					.toggle [type='checkbox']:disabled + label::after{
	--tw-border-opacity: 1;
	border-color: rgb(200 200 200 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(200 200 200 / var(--tw-bg-opacity));
}

	@media (min-width: 1024px) {
        .radio-toggle.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

	@media (max-width: 1023px) {

    .radio-toggle.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

	.radio-toggle{
	display: flex;
	-moz-column-gap: 1rem;
	     column-gap: 1rem;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(211 211 211 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(249 249 249 / var(--tw-bg-opacity));
	padding: 0.125rem;
}

		.radio-toggle [type='radio']{
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	white-space: nowrap;
	opacity: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
}

			.radio-toggle [type='radio'] + label{
	flex-grow: 1;
	cursor: pointer;
	border-radius: 9999px;
	background-color: transparent;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	text-align: center;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

			.radio-toggle [type='radio']:checked + label{
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

	.checkbox{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}
		.checkbox:is(input){
	min-height: 1rem;
	min-width: 1rem;
}

			.checkbox:is(input)::before,
			.checkbox:is(input)::after{
	position: absolute;
				content: '';
}

			.checkbox:is(input)::before{
	height: 1rem;
	width: 1rem;
	border-radius: 0.125rem;
	border-width: 1px;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

			.checkbox:is(input)::after{
	height: 0.625rem;
	width: 0.375rem;
	--tw-rotate: 45deg;
	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-right-width: 2px;
	border-bottom-width: 2px;
	opacity: 0;
				top: 2px;
				left: 5px;
}
				.checkbox:is(input):checked::before,
				.checkbox:is(input):checked::after{
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

				.checkbox:is(input):checked::before{
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
}

				.checkbox:is(input):checked::after{
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity));
	opacity: 1;
}

			.checkbox:is(input):disabled{
	cursor: not-allowed;
}
				.checkbox:is(input):disabled::before{
	--tw-border-opacity: 1;
	border-color: rgb(200 200 200 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(200 200 200 / var(--tw-bg-opacity));
}
				.checkbox:is(input):indeterminate::before,
				.checkbox:is(input):indeterminate::after{
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

				.checkbox:is(input):indeterminate::before{
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
}

				.checkbox:is(input):indeterminate::after{
	top: 1px;
	--tw-rotate: 90deg;
	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-bottom-width: 0px;
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity));
	opacity: 1;
}

	.radio{
	display: grid;
	min-height: 1rem;
	min-width: 1rem;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	place-content: center;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

		.radio::before{
	height: 0.5rem;
	width: 0.5rem;
	--tw-scale-x: 0;
	--tw-scale-y: 0;
	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(51 153 255 / var(--tw-bg-opacity));
	transition-property: transform;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			content: '';
}

		.radio:disabled{
	cursor: not-allowed;
	border-color: rgb(137 137 137 / 0.5);
}

			.radio:disabled::before{
	--tw-bg-opacity: 1;
	background-color: rgb(200 200 200 / var(--tw-bg-opacity));
}
			.radio:checked::before{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	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));
}

		.radio:focus{
	outline-color: #3399FF;
}

	label{
	display: block;
	font-family: PoppinsMedium, sans-serif;
	font-size: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
}

	input[type='text'],
	input[type='email'],
	input[type='password'],
	input[type='color'],
	input[type='checkbox'],
	input[type='number'],
	input[type='url'] input[type='tel'],
	textarea,
	select{
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	outline: 2px solid transparent;
	outline-offset: 2px;
}

	.\!input{
	margin: 0px;
	min-height: 44px;
	width: 100%;
	border-radius: 0.375rem;
	border-width: 0px;
	--tw-bg-opacity: 1;
	background-color: rgb(235 235 235 / var(--tw-bg-opacity));
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: PoppinsSemiBold, sans-serif;
	font-size: .8125rem;
	letter-spacing: 0em;
	--tw-text-opacity: 1;
	color: rgb(38 38 38 / var(--tw-text-opacity));
}

	.input{
	margin: 0px;
	min-height: 44px;
	width: 100%;
	border-radius: 0.375rem;
	border-width: 0px;
	--tw-bg-opacity: 1;
	background-color: rgb(235 235 235 / var(--tw-bg-opacity));
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: PoppinsSemiBold, sans-serif;
	font-size: .8125rem;
	letter-spacing: 0em;
	--tw-text-opacity: 1;
	color: rgb(38 38 38 / var(--tw-text-opacity));
}

		.\!input:hover,
		.\!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(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(51 153 255 / var(--tw-ring-opacity));
}

		.input:hover,
		.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(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(51 153 255 / var(--tw-ring-opacity));
}

		.\!input:hover,
		.\!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(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(51 153 255 / var(--tw-ring-opacity));
}

		.\!input:disabled{
	cursor: not-allowed;
	--tw-text-opacity: 1;
	color: rgb(150 150 150 / var(--tw-text-opacity));
}

		.input:disabled{
	cursor: not-allowed;
	--tw-text-opacity: 1;
	color: rgb(150 150 150 / var(--tw-text-opacity));
}

			.review--card .review--thumbnail{
	height: 15rem;
}

			.review--card .review--icons{
	justify-content: flex-end;
}

			.review--card .review--labels{
	flex-wrap: wrap;
	-moz-column-gap: 0.5rem;
	     column-gap: 0.5rem;
}

*, ::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:  ;
}

@font-face {
	font-family: 'Poppins';
	src: url(//assets.reviewstudio.com/assets/Poppins-Regular-aafe49a2adc54dfa397d8ca8f4e5c363597588335a46ee43d2e388950c96522e.ttf) format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'PoppinsMedium';
	src: url(//assets.reviewstudio.com/assets/Poppins-Medium-873bbfb662cba5fb40ea6e4e25a29f39d47544aa9a6a6b6d44a405846e24c0b4.ttf) format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'PoppinsSemiBold';
	src: url(//assets.reviewstudio.com/assets/Poppins-SemiBold-ea39d7e9044797bf339b9177e0f950bbdc4cb7aa86afcab835340a93813fbe0e.ttf) format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'PoppinsBold';
	src: url(//assets.reviewstudio.com/assets/Poppins-Bold-4580bd72966842df918ab5fa228229f9caecedce5da95ae3543486e771121ec7.ttf) format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

b, strong{
	font-family: PoppinsSemiBold, sans-serif;
}

html,
body{
	height: 100%;
	font-family: Poppins, sans-serif;
	min-height: -webkit-fill-available;
	min-height: -moz-available;
	min-height: stretch;
}

body{
	overflow: hidden;
}

.container-padding{
	height: 100%;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 2rem;
	padding-bottom: 2rem;

	max-height: calc(100vh - 4rem);
}

@media (max-width: 1023px) {

.container-padding{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 6px;
}

::-webkit-scrollbar-thumb {
	background: var(--scrollbar-thumb, rgba(0, 0, 0, 0.5));
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

::-webkit-scrollbar-track-piece {
	background: var(--scrollbar-track-piece, #969696);
}

.turbo-progress-bar{
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
	--tw-gradient-from: #00CE78 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(0 206 120 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	--tw-gradient-to: #3399FF var(--tw-gradient-to-position);
}

img{
	position: relative;
}

img:after{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(150 150 150 / var(--tw-bg-opacity));
		content: '';
}

@media (min-width: 1024px) {
        .announcement.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .announcement.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.announcement{
	position: relative;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	--tw-bg-opacity: 1;
	background-color: rgb(221 180 14 / var(--tw-bg-opacity));
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: .8125rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.announcement a{
	text-decoration-line: underline;
}

@media (min-width: 1024px) {
        .breadcrumbs.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .breadcrumbs.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.breadcrumbs{
	display: flex;
	height: 100%;
	min-width: 0px;
	align-items: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-family: PoppinsMedium, sans-serif;
	font-size: 0.9375rem;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
}

.breadcrumbs > :last-child{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.breadcrumbs .separator{
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.button{
	position: relative;
	cursor: pointer;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: PoppinsSemiBold, sans-serif;
	font-size: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
	outline-style: solid;
	outline-width: 0px;
	outline-color: #3399FF;
}

.button.unset {
		all: inherit;
	}

.button.as-link{
	cursor: pointer;
	border-color: transparent;
	padding: 0px;
	font-size: .8125rem;
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.button.as-link:disabled,
		.button.as-link.disabled{
	border-style: none;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(137 137 137 / var(--tw-text-opacity));
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.button.as-link:disabled:hover, .button.as-link.disabled:hover{
	cursor: not-allowed;
}

.button:disabled,
	.button.disabled{
	--tw-border-opacity: 1;
	border-color: rgb(137 137 137 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(137 137 137 / var(--tw-bg-opacity));
	outline-color: #898989;
}

.button:disabled:hover, .button.disabled:hover{
	cursor: not-allowed;
}

.button:hover{
	outline-width: 1px;
}

.button.success:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(0 206 120 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 206 120 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #00CE78;
}

.button.success:not(:disabled):hover:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(0 185 108 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 185 108 / var(--tw-bg-opacity));
	outline-color: #00B96C;
}

.button.alert:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(235 87 87 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(235 87 87 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #EB5757;
}

.button.alert:not(:disabled):hover:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(228 30 30 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(228 30 30 / var(--tw-bg-opacity));
	outline-color: #E41E1E;
}

.button.primary:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(20 40 147 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(20 40 147 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #142893;
}

.button.primary:not(:disabled):hover:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(10 23 97 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(10 23 97 / var(--tw-bg-opacity));
	outline-color: #0A1761;
}

.button.secondary:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #3399FF;
}

.button.secondary:not(:disabled):hover{
	--tw-border-opacity: 1;
	border-color: rgb(0 128 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 128 255 / var(--tw-bg-opacity));
	outline-color: #0080FF;
}

.button.reset,
	.button.cancel{
	--tw-border-opacity: 1;
	border-color: rgb(235 235 235 / var(--tw-border-opacity));
	outline-color: #EBEBEB;
}

button{
	position: relative;
	cursor: pointer;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: PoppinsSemiBold, sans-serif;
	font-size: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
	outline-style: solid;
	outline-width: 0px;
	outline-color: #3399FF;
}

button.unset {
		all: inherit;
	}

button.as-link{
	cursor: pointer;
	border-color: transparent;
	padding: 0px;
	font-size: .8125rem;
	outline: 2px solid transparent;
	outline-offset: 2px;
}

button.as-link:disabled,button.as-link.disabled{
	border-style: none;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(137 137 137 / var(--tw-text-opacity));
	outline: 2px solid transparent;
	outline-offset: 2px;
}

button.as-link:disabled:hover,button.as-link.disabled:hover{
	cursor: not-allowed;
}

button:disabled,button.disabled{
	--tw-border-opacity: 1;
	border-color: rgb(137 137 137 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(137 137 137 / var(--tw-bg-opacity));
	outline-color: #898989;
}

button:disabled:hover,button.disabled:hover{
	cursor: not-allowed;
}

button:hover{
	outline-width: 1px;
}

button.success:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(0 206 120 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 206 120 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #00CE78;
}

button.success:not(:disabled):hover:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(0 185 108 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 185 108 / var(--tw-bg-opacity));
	outline-color: #00B96C;
}

button.alert:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(235 87 87 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(235 87 87 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #EB5757;
}

button.alert:not(:disabled):hover:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(228 30 30 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(228 30 30 / var(--tw-bg-opacity));
	outline-color: #E41E1E;
}

button.primary:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(20 40 147 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(20 40 147 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #142893;
}

button.primary:not(:disabled):hover:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(10 23 97 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(10 23 97 / var(--tw-bg-opacity));
	outline-color: #0A1761;
}

button.secondary:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #3399FF;
}

button.secondary:not(:disabled):hover{
	--tw-border-opacity: 1;
	border-color: rgb(0 128 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 128 255 / var(--tw-bg-opacity));
	outline-color: #0080FF;
}

button.reset,button.cancel{
	--tw-border-opacity: 1;
	border-color: rgb(235 235 235 / var(--tw-border-opacity));
	outline-color: #EBEBEB;
}

button[type='reset'],
	button[type='cancel']{
	--tw-border-opacity: 1;
	border-color: rgb(235 235 235 / var(--tw-border-opacity));
	outline-color: #EBEBEB;
}

html:has(dialog[open]) main{
	overflow: hidden;
}

@keyframes fade-out{

	0%{
		opacity: 1;
	}

	100%{
		opacity: 0;
	}
}

@keyframes scale-out{

	0%{
		transform: scale(1);
	}

	25%{
		transform: scale(1.1);
	}

	100%{
		transform: scale(0);
	}
}

dialog{
	animation: fade-out 600ms ease-out, scale-out 500ms ease-out;
	padding: 0px;
	outline: 2px solid transparent;
	outline-offset: 2px;

  transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete;
}

dialog:not([open]){
	display: none;
}

dialog[open]{
	margin: 0px;
	display: grid;
	min-height: 100vh;
	min-width: 100vw;
}

@keyframes fade-in{

	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}

@keyframes scale-in{

	0%{
		transform: scale(0);
	}

	100%{
		transform: scale(1);
	}
}

dialog[open]{
	animation: fade-in 300ms ease-in, scale-in 300ms ease-in;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background-color: transparent;
}

dialog + .backdrop{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgb(0 0 0 / 0.1);
}

@media (min-width: 1024px) {
        dialog .dialog-container.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    dialog .dialog-container.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

dialog .dialog-container{
	display: flex;
	max-height: 95vh;
	width: 50vw;
	flex-direction: column;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 1535px) {

dialog .dialog-container{
		width: 75vw;
	}
    }

dialog .dialog-container.sm{
	width: 24rem;
	min-width: 0px;
}

@media (max-width: 1023px) {

dialog .dialog-container{
		max-height: 95vh;
		width: 100%;
		min-width: 90vw;
		max-width: 95vw;
	}
		}

@media (min-width: 1024px) {
        dialog .dialog-container > .header.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    dialog .dialog-container > .header.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

dialog .dialog-container > .header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
	--tw-shadow: 0px 3px 0px rgba(0, 0, 0, 0.06);;
	--tw-shadow-colored: 0px 3px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1024px) {
        dialog .dialog-container > .content.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    dialog .dialog-container > .content.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

dialog .dialog-container > .content{
	display: flex;
	flex-direction: column;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media (min-width: 1024px) {
        dialog .actions.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    dialog .actions.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

dialog .actions{
	margin-top: 1rem;
	display: flex;
	justify-content: flex-end;
	padding-left: 1rem;
	padding-right: 1rem;
}

dialog .actions.no-pad{
	padding-left: 0px;
	padding-right: 0px;
}

dialog .actions button {
			/* no idea why but the pop-in animation causes the buttons to shift when you hover over them */
			--tw-scale-x: 1;
			--tw-scale-y: 1;
			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));
		}

dialog.polyfill{
	position: fixed;
	top: 50%;
	left: 0px;
	right: 0px;
	margin: auto;
	height: -moz-fit-content;
	height: fit-content;
	width: -moz-fit-content;
	width: fit-content;
	--tw-translate-y: -50%;
	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-style: none;
	background-color: transparent;
}

dialog.polyfill ._dialog_overlay{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

@media (min-width: 1024px) {
        .dot.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .dot.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.dot{
	display: flex;
	align-items: center;
}

.dot::before{
	z-index: 10;
	display: inline-block;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 9999px;
    content: '';
}

@media (min-width: 1024px) {
        .dropdown.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .dropdown.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.dropdown{
	position: relative;
	display: flex;
	min-height: 44px;
	cursor: pointer;
	align-items: center;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(235 235 235 / var(--tw-bg-opacity));
	font-family: PoppinsSemiBold, sans-serif;
	font-size: .8125rem;
	--tw-text-opacity: 1;
	color: rgb(38 38 38 / var(--tw-text-opacity));
}

.dropdown::after{
	position: absolute;
	right: 0.75rem;
	height: 1rem;
	width: 1rem;
	background-image: url("data:image/svg+xml,%3csvg fill='none' height='8' viewBox='0 0 10 8' width='10' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='m5 8 4.33013-7.5h-8.660257z' fill='%233f3f3f' /%3e %3c/svg%3e");
	background-position: right 1rem center;
	background-position: center;
	background-repeat: no-repeat;
		content: '';
}

.dropdown:hover,
	.dropdown.is-focused,
	.dropdown.animating,
	.dropdown.open{
	--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(51 153 255 / var(--tw-ring-opacity));
}

.dropdown .selected{
	pointer-events: none;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.dropdown.open{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.dropdown.open .options{
	overflow: auto;
	--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(51 153 255 / var(--tw-ring-opacity));
	transition-property: max-height, top;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
			max-height: min(20rem, 30vh);
}

.dropdown .options{
	position: absolute;
	top: 100%;
	z-index: 10;
	max-height: 0px;
	width: 100%;
	overflow: hidden;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	--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);
	transition-property: max-height, top;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.dropdown .options.opening{
	overflow: hidden;
	--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(51 153 255 / var(--tw-ring-opacity));
}

.flatpickr-calendar{
	visibility: hidden;
	position: absolute;
	width: 100%;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(45 45 45 / var(--tw-bg-opacity));
	font-size: .8125rem;
	opacity: 0;
}

.flatpickr-wrapper > .flatpickr-calendar {
		max-width: calc(100% - 2rem);
	}

.flatpickr-calendar select, .flatpickr-calendar input[type='number']{
	margin: 0px;
}

.flatpickr-calendar::before,
	.flatpickr-calendar::after{
	pointer-events: none;
	position: absolute;
	display: block;
	height: 0px;
	width: 0px;
	border-color: transparent;
		content: '';
}

.flatpickr-calendar.open,
	.flatpickr-calendar.inline{
	visibility: visible;
	opacity: 1;
}

.flatpickr-calendar.open{
	z-index: 999;
	display: inline-block;
}

.flatpickr-calendar.inline{
	position: relative;
	top: 0.25rem;
	display: block;
}

.flatpickr-calendar.static{
	position: absolute;
		top: calc(100% + 0.25rem);
}

.flatpickr-calendar.static.open{
	z-index: 999;
	display: block;
}

.flatpickr-calendar.hasTime .flatpickr-time{
	height: 3rem;
}

.flatpickr-calendar.animate{
	transition-property: opacity;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.flatpickr-calendar.rightMost::before,
		.flatpickr-calendar.rightMost::after,
		.flatpickr-calendar.arrowRight::before,
		.flatpickr-calendar.arrowRight::after{
	left: auto;
	width: 1.5rem;
}

.flatpickr-calendar.arrowCenter::before,
		.flatpickr-calendar.arrowCenter::after{
	left: 50%;
	right: 50%;
}

.flatpickr-calendar.arrowTop::before,
		.flatpickr-calendar.arrowTop::after{
	bottom: 100%;
}

.flatpickr-calendar.arrowBottom::before,
		.flatpickr-calendar.arrowBottom::after{
	top: 100%;
}

.flatpickr-calendar:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}

@media (min-width: 1024px) {
        .flatpickr-calendar .flatpickr-months.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .flatpickr-calendar .flatpickr-months.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.flatpickr-calendar .flatpickr-months{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {
        .flatpickr-calendar .flatpickr-months .flatpickr-month.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .flatpickr-calendar .flatpickr-months .flatpickr-month.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.flatpickr-calendar .flatpickr-months .flatpickr-month{
	position: relative;
	display: flex;
	background-color: transparent;
	text-align: center;
}

@media (min-width: 1024px) {
        .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month{
	display: flex;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month span.cur-month{
	display: inline-block;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month span.cur-month:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper{
	display: inline-block;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year{
	width: 6ch;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months,
				.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year{
	margin-right: 1rem;
	background-color: transparent;
	padding: 0.5rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months:hover, .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover{
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(72 72 72 / var(--tw-bg-opacity));
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
		.flatpickr-calendar .flatpickr-months .flatpickr-next-month{
	z-index: 10;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-calendar .flatpickr-months .flatpickr-next-month.disabled{
	display: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month i, .flatpickr-calendar .flatpickr-months .flatpickr-next-month i{
	position: relative;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg{
	height: 1rem;
	width: 1rem;
	fill: #FFFFFF;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg path{
	fill: inherit;
					transition: fill 0.1s;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover{
	--tw-text-opacity: 1;
	color: rgb(200 200 200 / var(--tw-text-opacity));
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg{
	fill: #C8C8C8;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month{
	left: 0px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month{
	right: 0px;
}

.flatpickr-calendar .flatpickr-innerContainer{
	border-top-width: 1px;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(200 200 200 / var(--tw-border-opacity));
	padding: 0.5rem;
}

.flatpickr-calendar .flatpickr-days{
	position: relative;
	align-items: flex-start;
	overflow: hidden;
}

.flatpickr-calendar .flatpickr-days:focus{
	outline-width: 0px;
}

.flatpickr-calendar .flatpickr-days .flatpickr-day{
	position: relative;
	display: inline-block;
	height: 2rem;
	width: 2rem;
	cursor: pointer;
	border-radius: 9999px;
	border-width: 1px;
	border-color: transparent;
	background-image: none;
	text-align: center;
	line-height: 2rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.inRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.today.inRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day:hover,
				.flatpickr-calendar .flatpickr-days .flatpickr-day:focus,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.inRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.today.inRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:hover,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:focus,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.inRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.today.inRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:hover,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:focus{
	cursor: pointer;
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.today{
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.today:hover,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.today:focus{
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.inRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.selected:focus,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.selected:hover,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.prevMonthDay,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.nextMonthDay,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.inRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange:focus,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange:hover,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.prevMonthDay,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.nextMonthDay,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.inRange,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange:focus,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange:hover,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.prevMonthDay,
				.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.nextMonthDay{
	--tw-border-opacity: 1;
	border-color: rgb(0 206 120 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 206 120 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.startRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.startRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.startRange{
	border-top-left-radius: 1.5rem;
	border-bottom-left-radius: 1.5rem;
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.endRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.endRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.endRange{
	border-top-right-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem;
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.startRange.endRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.startRange.endRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.startRange.endRange{
	border-radius: 1.5rem;
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled,
			.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:hover,
			.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay,
			.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay,
			.flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed,
			.flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed.prevMonthDay,
			.flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed.nextMonthDay{
	border-color: transparent;
	background-color: transparent;
	color: rgb(137 137 137 / 0.5);
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled,
			.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:hover{
	cursor: not-allowed;
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.week.selected{
	border-radius: 0px;
}

@media (min-width: 1024px) {
        .flatpickr-calendar .flatpickr-weekdays.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .flatpickr-calendar .flatpickr-weekdays.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.flatpickr-calendar .flatpickr-weekdays{
	display: flex;
	height: 2.5rem;
	width: 100%;
	align-items: center;
	overflow: hidden;
	text-align: center;
}

@media (min-width: 1024px) {
        .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer{
	display: flex;
	flex: 1 1 0%;
}

.flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday{
	display: block;
	flex: 1 1 0%;
	text-align: center;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.flatpickr-calendar .numInputWrapper{
	position: relative;
	height: auto;
}

.flatpickr-calendar .numInputWrapper input,
		.flatpickr-calendar .numInputWrapper span{
	display: inline-block;
}

.flatpickr-calendar .numInputWrapper input::-webkit-inner-spin-button,
			.flatpickr-calendar .numInputWrapper input::-webkit-outer-spin-button,
			.flatpickr-calendar .numInputWrapper span::-webkit-inner-spin-button,
			.flatpickr-calendar .numInputWrapper span::-webkit-outer-spin-button{
	margin: 0px;
	-webkit-appearance: none;
	        appearance: none;
}

.flatpickr-calendar .numInputWrapper input{
	height: 100%;
	width: 100%;
}

.flatpickr-calendar .numInputWrapper:hover span{
	opacity: 1;
}

@media (min-width: 1024px) {
        .flatpickr-calendar .numInputWrapper span.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .flatpickr-calendar .numInputWrapper span.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.flatpickr-calendar .numInputWrapper span{
	position: absolute;
	right: 0.5rem;
	display: flex;
	height: 0.5rem;
	width: 0.5rem;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.flatpickr-calendar .numInputWrapper span:hover,
			.flatpickr-calendar .numInputWrapper span:active{
	--tw-bg-opacity: 1;
	background-color: rgb(72 72 72 / var(--tw-bg-opacity));
}

.flatpickr-calendar .numInputWrapper span::after{
	display: block;
	height: 75%;
	width: 75%;
	border-right-width: 2px;
	border-bottom-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity));
				content: '';
}

.flatpickr-calendar .numInputWrapper span.arrowUp{
	top: 0.5rem;
}

.flatpickr-calendar .numInputWrapper span.arrowUp::after{
	--tw-rotate: -135deg;
	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));
}

.flatpickr-calendar .numInputWrapper span.arrowDown{
	bottom: 0.5rem;
}

.flatpickr-calendar .numInputWrapper span.arrowDown::after{
	--tw-rotate: 45deg;
	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));
}

.flatpickr-calendar .numInputWrapper span svg{
	height: auto;
}

.flatpickr-calendar .numInputWrapper span svg path{
	fill: #C8C8C8;
}

@media (min-width: 1024px) {
        .flatpickr-calendar .flatpickr-time.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .flatpickr-calendar .flatpickr-time.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.flatpickr-calendar .flatpickr-time{
	display: flex;
	height: 2.5rem;
	overflow: hidden;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	text-align: center;
}

.flatpickr-calendar .flatpickr-time .numInputWrapper{
	width: 33.333333%;
}

.flatpickr-calendar .flatpickr-time .numInputWrapper span .arrowUp::after{
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

.flatpickr-calendar .flatpickr-time .numInputWrapper span .arrowDown::after{
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

.flatpickr-calendar .flatpickr-time.hasSeconds .numInputWrapper{
	width: 50%;
}

.flatpickr-calendar .flatpickr-time.time24hr .numInputWrapper{
	width: 50%;
}

.flatpickr-calendar .flatpickr-time input{
	position: relative;
	margin: 0px;
	border-width: 0px;
	background-color: transparent;
	text-align: center;
	font-size: .8125rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
			-webkit-appearance: textfield;
			   -moz-appearance: textfield;
			        appearance: textfield;
}

.flatpickr-calendar .flatpickr-time input:focus{
	border-width: 0px;
	outline-width: 0px;
}

.flatpickr-calendar .flatpickr-time .flatpickr-time-separator,
		.flatpickr-calendar .flatpickr-time .flatpickr-am-pm{
	width: 1rem;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	align-self: center;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
        .flatpickr-calendar .flatpickr-time .flatpickr-am-pm.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .flatpickr-calendar .flatpickr-time .flatpickr-am-pm.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.flatpickr-calendar .flatpickr-time .flatpickr-am-pm{
	display: flex;
	height: 100%;
	flex-grow: 1;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	outline-width: 0px;
}

.flatpickr-calendar .flatpickr-time .numInputWrapper:hover,
			.flatpickr-calendar .flatpickr-time .numInputWrapper:focus,
			.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
			.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus{
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(72 72 72 / var(--tw-bg-opacity));
}

.flatpickr-calendar .dayContainer{
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	grid-template-rows: repeat(6, minmax(0, 1fr));
	gap: 0.5rem;
	opacity: 1;
}

form input[type='text']:not(.custom), form input[type='email']:not(.custom), form input[type='password']:not(.custom), form input[type='number']:not(.custom), form input[type='url']:not(.custom), form input[type='tel']:not(.custom), form textarea:not(.custom), form select:not(.custom){
	margin: 0px;
	min-height: 44px;
	width: 100%;
	border-radius: 0.375rem;
	border-width: 0px;
	--tw-bg-opacity: 1;
	background-color: rgb(235 235 235 / var(--tw-bg-opacity));
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: PoppinsSemiBold, sans-serif;
	font-size: .8125rem;
	letter-spacing: 0em;
	--tw-text-opacity: 1;
	color: rgb(38 38 38 / var(--tw-text-opacity));
}

form input[type='text']:not(.custom):hover,form input[type='text']:not(.custom):focus, form input[type='email']:not(.custom):hover, form input[type='email']:not(.custom):focus, form input[type='password']:not(.custom):hover, form input[type='password']:not(.custom):focus, form input[type='number']:not(.custom):hover, form input[type='number']:not(.custom):focus, form input[type='url']:not(.custom):hover, form input[type='url']:not(.custom):focus, form input[type='tel']:not(.custom):hover, form input[type='tel']:not(.custom):focus, form textarea:not(.custom):hover, form textarea:not(.custom):focus, form select:not(.custom):hover, form select:not(.custom):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(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(51 153 255 / var(--tw-ring-opacity));
}

form input[type='text']:not(.custom):disabled, form input[type='email']:not(.custom):disabled, form input[type='password']:not(.custom):disabled, form input[type='number']:not(.custom):disabled, form input[type='url']:not(.custom):disabled, form input[type='tel']:not(.custom):disabled, form textarea:not(.custom):disabled, form select:not(.custom):disabled{
	cursor: not-allowed;
	--tw-text-opacity: 1;
	color: rgb(150 150 150 / var(--tw-text-opacity));
}

form input[type='checkbox']{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}

form input[type='checkbox']:is(input){
	min-height: 1rem;
	min-width: 1rem;
}

form input[type='checkbox']:is(input)::before,form input[type='checkbox']:is(input)::after{
	position: absolute;
				content: '';
}

form input[type='checkbox']:is(input)::before{
	height: 1rem;
	width: 1rem;
	border-radius: 0.125rem;
	border-width: 1px;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

form input[type='checkbox']:is(input)::after{
	height: 0.625rem;
	width: 0.375rem;
	--tw-rotate: 45deg;
	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-right-width: 2px;
	border-bottom-width: 2px;
	opacity: 0;
				top: 2px;
				left: 5px;
}

form input[type='checkbox']:is(input):checked::before,form input[type='checkbox']:is(input):checked::after{
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

form input[type='checkbox']:is(input):checked::before{
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
}

form input[type='checkbox']:is(input):checked::after{
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity));
	opacity: 1;
}

form input[type='checkbox']:is(input):disabled{
	cursor: not-allowed;
}

form input[type='checkbox']:is(input):disabled::before{
	--tw-border-opacity: 1;
	border-color: rgb(200 200 200 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(200 200 200 / var(--tw-bg-opacity));
}

form input[type='checkbox']:is(input):indeterminate::before,form input[type='checkbox']:is(input):indeterminate::after{
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

form input[type='checkbox']:is(input):indeterminate::before{
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
}

form input[type='checkbox']:is(input):indeterminate::after{
	top: 1px;
	--tw-rotate: 90deg;
	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-bottom-width: 0px;
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity));
	opacity: 1;
}

form input[type='radio']{
	display: grid;
	min-height: 1rem;
	min-width: 1rem;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	place-content: center;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

form input[type='radio']::before{
	height: 0.5rem;
	width: 0.5rem;
	--tw-scale-x: 0;
	--tw-scale-y: 0;
	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(51 153 255 / var(--tw-bg-opacity));
	transition-property: transform;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			content: '';
}

form input[type='radio']:disabled{
	cursor: not-allowed;
	border-color: rgb(137 137 137 / 0.5);
}

form input[type='radio']:disabled::before{
	--tw-bg-opacity: 1;
	background-color: rgb(200 200 200 / var(--tw-bg-opacity));
}

form input[type='radio']:checked::before{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	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));
}

form input[type='radio']:focus{
	outline-color: #3399FF;
}

form select{
	background-image: url("data:image/svg+xml,%3csvg fill='none' height='8' viewBox='0 0 10 8' width='10' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='m5 8 4.33013-7.5h-8.660257z' fill='%233f3f3f' /%3e %3c/svg%3e");
	background-position: right 1rem center;
	background-repeat: no-repeat;
}

form option:invalid {
			color: red;
		}

form option :disabled{
	--tw-text-opacity: 1;
	color: rgb(127 29 29 / var(--tw-text-opacity));
}

form input[type='submit']{
	position: relative;
	cursor: pointer;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: PoppinsSemiBold, sans-serif;
	font-size: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
	outline-style: solid;
	outline-width: 0px;
	outline-color: #3399FF;
}

form input[type='submit'].unset {
		all: inherit;
	}

form input[type='submit'].as-link{
	cursor: pointer;
	border-color: transparent;
	padding: 0px;
	font-size: .8125rem;
	outline: 2px solid transparent;
	outline-offset: 2px;
}

form input[type='submit'].as-link:disabled,form input[type='submit'].as-link.disabled{
	border-style: none;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(137 137 137 / var(--tw-text-opacity));
	outline: 2px solid transparent;
	outline-offset: 2px;
}

form input[type='submit'].as-link:disabled:hover,form input[type='submit'].as-link.disabled:hover{
	cursor: not-allowed;
}

form input[type='submit']:disabled,form input[type='submit'].disabled{
	--tw-border-opacity: 1;
	border-color: rgb(137 137 137 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(137 137 137 / var(--tw-bg-opacity));
	outline-color: #898989;
}

form input[type='submit']:disabled:hover,form input[type='submit'].disabled:hover{
	cursor: not-allowed;
}

form input[type='submit']:hover{
	outline-width: 1px;
}

form input[type='submit'].success:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(0 206 120 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 206 120 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #00CE78;
}

form input[type='submit'].success:not(:disabled):hover:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(0 185 108 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 185 108 / var(--tw-bg-opacity));
	outline-color: #00B96C;
}

form input[type='submit'].alert:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(235 87 87 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(235 87 87 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #EB5757;
}

form input[type='submit'].alert:not(:disabled):hover:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(228 30 30 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(228 30 30 / var(--tw-bg-opacity));
	outline-color: #E41E1E;
}

form input[type='submit'].primary:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(20 40 147 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(20 40 147 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #142893;
}

form input[type='submit'].primary:not(:disabled):hover:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(10 23 97 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(10 23 97 / var(--tw-bg-opacity));
	outline-color: #0A1761;
}

form input[type='submit'].secondary:not(:disabled){
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	outline-color: #3399FF;
}

form input[type='submit'].secondary:not(:disabled):hover{
	--tw-border-opacity: 1;
	border-color: rgb(0 128 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 128 255 / var(--tw-bg-opacity));
	outline-color: #0080FF;
}

form input[type='submit'].reset,form input[type='submit'].cancel{
	--tw-border-opacity: 1;
	border-color: rgb(235 235 235 / var(--tw-border-opacity));
	outline-color: #EBEBEB;
}

form button[type='search']{
	border-color: transparent;
	background-color: transparent;
}

form .time select{
	min-width: 4rem;
}

form .time select:first-of-type{
	margin-right: 0.5rem;
}

form .time select:last-of-type{
	margin-left: 0.5rem;
}

turbo-frame{
	display: block;
}

turbo-frame .loading{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: none;
	height: 100%;
	align-items: center;
	justify-content: center;
	background-color: rgb(0 0 0 / 0.5);
}

turbo-frame[busy] .loading{
	display: grid;
			transform: translateX(var(--max-sidebar-size));
			width: calc(100% - var(--max-sidebar-size));
}

@media (max-width: 1023px) {

turbo-frame[busy] .loading{
		width: 100%;
		--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));
	}
			}

ul.list-dash{
	text-indent: 0.5rem;
}

ul.list-dash li::before {
				-webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11.804' viewBox='0 -960 640 472.147'%3e%3cpath d='M223.804-487.853 0-711.656l55.95-55.951 167.854 167.852L584.049-960 640-904.05Z' style='stroke-width:.981595'/%3e%3c/svg%3e");
				        mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11.804' viewBox='0 -960 640 472.147'%3e%3cpath d='M223.804-487.853 0-711.656l55.95-55.951 167.854 167.852L584.049-960 640-904.05Z' style='stroke-width:.981595'/%3e%3c/svg%3e");
				display: block;
				height: 1rem;
				width: 1rem;
				--tw-scale-x: .75;
				--tw-scale-y: .75;
				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));
		content: '';
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		--tw-bg-opacity: 1;
		background-color: rgb(51 153 255 / var(--tw-bg-opacity));
			}

ul.list-dash li{
	position: relative;
	padding-left: 0.5rem;
	text-indent: 0px;
}

ul.list-dash li::before{
	position: absolute;
	top: 2px;
	left: -10px;
}

.menu{
	position: relative;
	display: inline-block;
	font-size: .8125rem;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
        .menu .header.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .menu .header.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.menu .header{
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
	font-family: PoppinsSemiBold, sans-serif;
	text-transform: uppercase;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
        .menu .toggler.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .menu .toggler.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.menu .toggler{
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu .options{
	position: absolute;
	right: 0px;
	z-index: 999;
	display: none;
	min-width: 200px;
	overflow-y: auto;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(249 249 249 / var(--tw-bg-opacity));
	padding: 1rem;
	opacity: 0;
	--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);
}

.menu .options.open{
	display: block;
}

@keyframes fade-in{

	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}

.menu .options.open{
	animation: fade-in 300ms ease-in;
	opacity: 1;
}

@keyframes fade-out{

	0%{
		opacity: 1;
	}

	100%{
		opacity: 0;
	}
}

.menu .options.closing{
	animation: fade-out 300ms ease-out;
}

.menu .options.large{
	min-width: 300px;
}

.menu .options.top{
	top: -0.875rem;
	--tw-translate-y: -100%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.menu .options.left{
	left: 0px;
}

.menu .options li{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-family: PoppinsMedium, sans-serif;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
}

.menu .options li > span,
			.menu .options li > a{
	display: block;
}

.menu .options li:hover,
			.menu .options li a.active{
	--tw-text-opacity: 1;
	color: rgb(150 150 150 / var(--tw-text-opacity));
}

.approval-matrix{
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	padding: 1rem;
	font-size: .8125rem;
}

.approval-matrix .heading{
	font-family: PoppinsSemiBold, sans-serif;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity));
}

.approval-matrix .content{
	font-family: PoppinsMedium, sans-serif;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
}

.approval-matrix .value{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.reviews-container:not(:empty){
	padding-bottom: 1rem;
}

.reviews-container.card-view{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min-content, 24rem));
	justify-content: space-between;
	gap: 1rem;
}

@media (max-width: 1023px) {

	.reviews-container.card-view{
		justify-content: space-evenly;
	}

	.reviews-container{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min-content, 24rem));
		justify-content: space-between;
		gap: 1rem;
	}

		@media (max-width: 1023px) {

	.reviews-container{
			justify-content: space-evenly;
		}
		}
		}

.reviews-container .review{
	display: grid;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	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);
}

.reviews-container .review.archived{
	--tw-bg-opacity: 1;
	background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}

.reviews-container .review--description{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
			grid-area: description;
}

@media (min-width: 1024px) {
        .reviews-container .review--workflow.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .reviews-container .review--workflow.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.reviews-container .review--workflow{
	display: flex;
	align-items: center;
			grid-area: workflow;
}

.reviews-container .review--actions {
			grid-area: actions;
		}

.reviews-container .review--thumbnail {
			grid-area: thumbnail;
		}

.reviews-container .review--thumbnail a{
	height: 100%;
	width: 100%;
	border-radius: 0.375rem;
}

@media (min-width: 1024px) {
        .reviews-container .review--icons.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .reviews-container .review--icons.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.reviews-container .review--icons{
	display: flex;
	align-items: center;
	font-family: PoppinsSemiBold, sans-serif;
	font-size: .8125rem;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity));
			grid-area: icons;
}

@media (min-width: 1024px) {
        .reviews-container .review--labels.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .reviews-container .review--labels.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.reviews-container .review--labels{
	display: flex;
	align-items: center;
	-moz-column-gap: 0.5rem;
	     column-gap: 0.5rem;
	row-gap: 0.5rem;
			grid-area: labels;
}

@media (min-width: 1024px) {
        .reviews-container .review--approval.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .reviews-container .review--approval.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.reviews-container .review--approval{
	display: flex;
	width: 100%;
	align-items: center;
			grid-area: approval;
}

@media (min-width: 1024px) {
        .reviews-container .review--users.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .reviews-container .review--users.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.reviews-container .review--users{
	margin-left: auto;
	display: flex;
	align-items: center;
			grid-area: users;
}

@media (min-width: 1024px) {
        .reviews-container .review--approval.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .reviews-container .review--approval.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.reviews-container .review--approval{
	display: flex;
	align-items: center;
}

@media (min-width: 1024px) {
        .reviews-container .review--actions.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .reviews-container .review--actions.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.reviews-container .review--actions{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.reviews-container .review--actions >:first-child{
	margin-right: 1rem;
}

.reviews-container .review--actions >:last-child{
	margin-left: 1rem;
}

.reviews-container .review--actions >:not(:last-child):not(:first-child){
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.reviews-container .review__row{
	margin-left: auto;
	margin-right: auto;
	height: 12rem;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	-moz-column-gap: 1rem;
	     column-gap: 1rem;
			grid-template-areas:
				'thumbnail description description actions actions'
				'thumbnail icons labels labels labels'
				'thumbnail approval workflow users users';
}

@media (min-width: 1024px) {
        .reviews-container .review__row > *:not(dialog).equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .reviews-container .review__row > *:not(dialog).variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.reviews-container .review__row > *:not(dialog){
	display: flex;
	align-items: center;
}

.reviews-container .review__row:not(:last-child){
	margin-bottom: 1rem;
}

.reviews-container .review__row .review--thumbnail{
	max-height: 10rem;
}

.reviews-container .review__row .review--description{
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.reviews-container .review__row .review--description > *{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.reviews-container .review__row .review--labels{
	justify-content: flex-end;
}

.reviews-container .review__card{
	margin-bottom: 0px;
	min-height: 550px;
	width: 100%;
	max-width: 90vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			'thumbnail thumbnail'
			'approval icons'
			'description description'
			'workflow workflow'
			'labels labels'
			'users users'
			'actions actions';

		grid-template-rows: repeat(7, minmax(3rem, auto));
}

.reviews-container .review__card .review--thumbnail{
	height: 15rem;
}

.reviews-container .review__card .review--icons{
	justify-content: flex-end;
}

.reviews-container .review__card .review--labels{
	flex-wrap: wrap;
	-moz-column-gap: 0.5rem;
	     column-gap: 0.5rem;
}

@media (max-width: 1023px) {
	.reviews-container .review{
		margin-bottom: 0px;
		min-height: 550px;
		width: 100%;
		max-width: 90vw;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			'thumbnail thumbnail'
			'approval icons'
			'description description'
			'workflow workflow'
			'labels labels'
			'users users'
			'actions actions';

		grid-template-rows: repeat(7, minmax(3rem, auto));
	}

			.reviews-container .review .review--thumbnail{
		height: 15rem;
	}

			.reviews-container .review .review--icons{
		justify-content: flex-end;
	}

			.reviews-container .review .review--labels{
		flex-wrap: wrap;
		-moz-column-gap: 0.5rem;
		     column-gap: 0.5rem;
	}
		}

@media (min-width: 1024px) {
        .workflow-status.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-status.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-status{
	display: flex;
	align-items: center;
	font-family: PoppinsMedium, sans-serif;
	font-size: 0.625rem;
	text-transform: uppercase;
}

@media (min-width: 1024px) {
        .workflow-status--name.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-status--name.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-status--name{
	display: flex;
	height: 1.75rem;
	width: 4rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(150 150 150 / var(--tw-border-opacity));
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.workflow-status--name span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (min-width: 1024px) {
        .workflow-status--stages.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-status--stages.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-status--stages{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 1024px) {
        .workflow-status--stages-stage.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-status--stages-stage.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-status--stages-stage{
	position: relative;
	margin-left: 1rem;
	display: flex;
	height: 1.75rem;
	width: 1.75rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(150 150 150 / var(--tw-border-opacity));
}

.workflow-status--stages-stage--current{
	--tw-border-opacity: 1;
	border-color: rgb(0 206 120 / var(--tw-border-opacity));
}

.workflow-status--stages-stage--approved{
	--tw-border-opacity: 1;
	border-color: rgb(0 206 120 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(0 206 120 / var(--tw-bg-opacity));
}

.workflow-status--stages-stage--rejected{
	--tw-border-opacity: 1;
	border-color: rgb(235 87 87 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(235 87 87 / var(--tw-bg-opacity));
}

.workflow-status--stages-stage::before{
	position: absolute;
	left: -1rem;
	height: 1px;
	width: 1rem;
	border-bottom-width: 1px;
	border-style: dashed;
	--tw-border-opacity: 1;
	border-color: rgb(150 150 150 / var(--tw-border-opacity));
        content: '';
}

@media (min-width: 1024px) {
        .workflow-status--stages-spacer.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-status--stages-spacer.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-status--stages-spacer{
	display: flex;
	height: 1.75rem;
	width: 1.5rem;
	align-items: center;
	justify-content: flex-end;
}

.workflow-status--stages-spacer::before{
	margin-right: 1px;
	height: 1px;
	width: 1rem;
	border-bottom-width: 1px;
	border-style: dashed;
	--tw-border-opacity: 1;
	border-color: rgb(150 150 150 / var(--tw-border-opacity));
				content: '';
}

.workflow-status--stages-spacer .spacer::before{
	font-size: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
					content: '‖';
}

.has-files-to-drag > :not(.selected-for-drag) .draggable{
	pointer-events: none;
	cursor: not-allowed;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	opacity: 0.2;
}

.sortable-ghost .review-file{
	outline-style: solid;
	outline-width: 2px;
	outline-color: #3399FF;
}

@media (min-width: 1024px) {
        .search.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .search.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}

    .flex.search{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.search{
	display: flex;
	flex-grow: 1;
	align-items: center;
}

@media (min-width: 1024px) {
        .search-box.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .search-box.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.search-box{
	margin-right: 2rem;
	display: flex;
	width: 100%;
	flex-basis: 50%;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: .8125rem;
	line-height: 2.5rem;
}

.search-box:focus-within,
    .search-box: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(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(51 153 255 / var(--tw-ring-opacity));
}

@media (max-width: 1023px) {

.search-box{
		margin-right: 0px;
	}
		}

.search-box .search-input{
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
}

.search-box.disabled{
	background-color: rgb(137 137 137 / 0.5);
}

.search-box.disabled .search-input{
	background-color: transparent;
}

@media (min-width: 1024px) {
        .selectable.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .selectable.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.selectable{
	position: relative;
	display: flex;
	min-height: 44px;
	cursor: pointer;
	align-items: center;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(235 235 235 / var(--tw-bg-opacity));
	font-family: PoppinsSemiBold, sans-serif;
	font-size: .8125rem;
	--tw-text-opacity: 1;
	color: rgb(38 38 38 / var(--tw-text-opacity));
}

.selectable::after{
	position: absolute;
	right: 0.75rem;
	height: 1rem;
	width: 1rem;
	background-image: url("data:image/svg+xml,%3csvg fill='none' height='8' viewBox='0 0 10 8' width='10' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='m5 8 4.33013-7.5h-8.660257z' fill='%233f3f3f' /%3e %3c/svg%3e");
	background-position: right 1rem center;
	background-position: center;
	background-repeat: no-repeat;
		content: '';
}

.selectable:hover,
	.selectable.is-focused,
	.selectable.animating{
	--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(51 153 255 / var(--tw-ring-opacity));
}

.selectable.is-focused,
	.selectable.animating{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.selectable.is-focused.top, .selectable.animating.top{
	border-bottom-right-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.selectable.disabled{
	cursor: not-allowed;
	--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);
}

.selectable.disabled .selectable__selected__item{
	--tw-text-opacity: 1;
	color: rgb(137 137 137 / var(--tw-text-opacity));
}

.selectable.disabled .selectable__selected__item.multiple{
	--tw-text-opacity: 1;
	color: rgb(237 237 237 / var(--tw-text-opacity));
}

.selectable.disabled .selectable__selected__remove{
	cursor: not-allowed;
}

.selectable.top .selectable__dropdown{
	top: 0px;
	--tw-translate-y: -100%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	flex-direction: column-reverse;
}

.selectable.top .selectable__dropdown__options{
	flex-direction: column-reverse;
}

@media (min-width: 1024px) {
        .selectable.top .selectable__dropdown__options .selectable__optgroup.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .selectable.top .selectable__dropdown__options .selectable__optgroup.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.selectable.top .selectable__dropdown__options .selectable__optgroup{
	display: flex;
	flex-direction: column-reverse;
}

@media (min-width: 1024px) {
        .selectable__dropdown.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .selectable__dropdown.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.selectable__dropdown{
	position: absolute;
	top: 100%;
	z-index: 10;
	display: flex;
	max-height: 0px;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	--tw-bg-opacity: 1;
	background-color: rgb(249 249 249 / var(--tw-bg-opacity));
	transition-property: max-height, top;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.selectable__dropdown.opening{
	overflow: hidden;
	--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(51 153 255 / var(--tw-ring-opacity));
}

.selectable__dropdown.opened{
	--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(51 153 255 / var(--tw-ring-opacity));
	transition-property: max-height, top;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
			max-height: min(20rem, 30vh);
}

.selectable__dropdown.searching .selectable__item:not(.matched){
	display: none;
}

@media (min-width: 1024px) {
        .selectable__dropdown__options.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .selectable__dropdown__options.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.selectable__dropdown__options{
	display: flex;
	flex-direction: column;
	overflow: auto;
			max-height: calc(
				min(16rem, 30vh) - 44px - 1rem
			);
}

.selectable__dropdown__options .no-results,
			.selectable__dropdown__options .no-options-available{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.selectable__input{
	padding: 0.5rem;
}

.selectable__input input{
	width: 100%;
	border-radius: 0.375rem;
	padding: 0.5rem;
	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(137 137 137 / var(--tw-ring-opacity));
}

.selectable__input input:hover,
			.selectable__input 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(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(51 153 255 / var(--tw-ring-opacity));
}

.selectable__optgroup::before{
	display: block;
	height: 0px;
	overflow: hidden;
	border-width: 1px;
	border-color: rgb(45 45 45 / 0.25);
			content: '';
}

.selectable__optgroup__header{
	cursor: default;
	--tw-bg-opacity: 1;
	background-color: rgb(230 230 230 / var(--tw-bg-opacity));
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 0.75rem;
}

@media (min-width: 1024px) {
        .selectable__item.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .selectable__item.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.selectable__item{
	display: flex;
	min-height: 2.25rem;
	cursor: pointer;
	align-items: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.selectable__item span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.selectable__item.selected,
		.selectable__item:hover{
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.selectable__item.selected{
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
}

.selectable__item:hover{
	background-color: rgb(51 153 255 / 0.75);
}

.selectable__item.disabled:not(.selected){
	pointer-events: none;
	cursor: not-allowed;
	--tw-text-opacity: 1;
	color: rgb(137 137 137 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
        .selectable__selected.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .selectable__selected.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.selectable__selected{
	display: flex;
	max-width: 65ch;
	flex-wrap: wrap;
	row-gap: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.selectable__selected__item{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.selectable__selected__item.multiple{
	max-width: 12rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: PoppinsMedium, sans-serif;
	font-size: 0.75rem;
	text-transform: uppercase;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.selectable__selected__item.multiple span{
	margin-right: 1rem;
}

.selectable__selected__item.multiple:not(:only-child, :last-child){
	margin-right: 0.5rem;
}

.selectable__selected__item.multiple button.selectable__selected__remove{
	margin: 0px;
	margin-left: 0.25rem;
	padding: 0px;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.selectable__selected__item.multiple.with-separator{
	position: relative;
}

.selectable__selected__item.multiple.with-separator:not(:only-child, :last-child){
	margin-right: 1.5rem;
}

.selectable__selected__item.multiple.with-separator:not(:only-child, :last-child)::after{
	position: absolute;
	--tw-translate-x: 100%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	font-size: 0.875rem;
	line-height: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity));
							content: attr(data-separator);
}

.right-content.main-content label.config-title{
	float: left;
	margin: 0px;
	width: 100%;
	font-weight: 500;
  font-size: 14px;
  padding: 15px;
  box-shadow: 0 0 8px 3px rgb(0 0 0 / 10%);
}

.choices-inner{
	display: inline-block;
	width: 100%;
	vertical-align: top;
  background-color: #f5f5f5;
  padding: 13px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
  height: 45px;
  font-size: 13px;
  color: #666;
}

.choices{
	position: relative;
	cursor: pointer;
}

.choices::after {
  content: '';
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  pointer-events: none;
}

.right-content.main-content .configuration{
	float: left;
	width: 100%;
	padding: 1.25rem;
}

.right-content.main-content .configuration label{
	font-weight: 500;
  margin: 0 0 15px;
}

.right-content.main-content .configuration .config-content{
	float: left;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 15px 0 0;
  box-shadow: 0 0 8px 3px rgb(0 0 0 / 10%);
  border-radius: 5px;
}

.right-content.main-content .configuration .config-content .config{
	float: left;
	width: 50%;
  padding: 0 15px;
  margin: 0 0 20px;
}

.right-content.main-content .configuration .config-content .config .choices-inner input[type=text] {
  background: none;
  margin: 0;
  border: none;
  outline: none;
}

.right-content.main-content .configuration .config-content .config .choices-inner.company,
.right-content.main-content .configuration .config-content .config .choices-inner.key,
.right-content.main-content .configuration .config-content .config .choices-inner.time,
.right-content.main-content .configuration .config-content .config .choices-inner.language {
  padding: 0;
  height: auto;
}

.right-content.main-content .configuration .config-content .config .choices-inner.time .choices__input,
.right-content.main-content .configuration .config-content .config .choices-inner.language .choices__input {
  border: none;
  background: none;
  padding: 12px 0 12px 20px;
  float: left;
  width: 100%;
  cursor: pointer;
  outline: none;
}

.right-content.main-content .configuration .config-content .config .choices-inner.time,
.right-content.main-content .configuration .config-content .config .choices-inner.language {
  padding-right: 15px;
}

@media (min-width: 1024px) {
        .sidebar-footer.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .sidebar-footer.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.sidebar-footer{
	display: flex;
	height: 4rem;
	flex-grow: 0;
	align-items: center;
	justify-content: space-between;
	--tw-bg-opacity: 1;
	background-color: rgb(45 45 45 / var(--tw-bg-opacity));
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

@media (min-width: 1024px) {
        .sidebar-header.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .sidebar-header.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.sidebar-header{
	position: sticky;
	top: 0px;
	z-index: 10;
	display: flex;
	height: 4rem;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	--tw-bg-opacity: 1;
	background-color: rgb(45 45 45 / var(--tw-bg-opacity));
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 1.0625rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
        .sidebar-item > a.equal-sizes > *,
	.sidebar-item--title.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .sidebar-item > a.variable,
	.sidebar-item--title.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.sidebar-item > a,
	.sidebar-item--title{
	position: relative;
	display: flex;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-item a{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebar-item a:not(.sidebar-item--title){
	--tw-text-opacity: 1;
	color: rgb(200 200 200 / var(--tw-text-opacity));
}

.sidebar-item a:hover,
		.sidebar-item a.active{
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-item div > ul{
	padding-top: 0px;
}

.sidebar-item > ul{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.sidebar-item > ul li > a{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.sidebar-item > ul li > a.l-spacing{
	padding-left: 2rem;
	padding-right: 2rem;
}

.sidebar-item a.selected{
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(32 32 32 / var(--tw-bg-opacity));
	font-family: PoppinsSemiBold, sans-serif;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-shadow{
	position: relative;
}

.sidebar-shadow::before{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 0.25rem;
	width: 100%;
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
	--tw-gradient-from: #222222 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(34 34 34 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	content: var(--tw-content);
	--tw-gradient-to: #2D2D2D var(--tw-gradient-to-position);
}

@media (min-width: 1024px) {
        .sidebar-tabs.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .sidebar-tabs.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.sidebar-tabs{
	position: sticky;
	top: 0px;
	z-index: 10;
	display: flex;
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
	--tw-gradient-from: #3E3E3E var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(62 62 62 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	font-family: PoppinsSemiBold, sans-serif;
	line-height: 4;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	--tw-backdrop-blur: blur(24px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.sidebar-tabs::after{
	position: absolute;
	top: 0px;
	height: 0.25rem;
	width: 100%;
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
	--tw-gradient-from: #202020 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(32 32 32 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	content: var(--tw-content);
	--tw-gradient-to: #2D2D2D var(--tw-gradient-to-position);
}

@media (min-width: 1024px) {
        .sidebar-tabs a.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .sidebar-tabs a.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.sidebar-tabs a{
	display: flex;
	flex-basis: 50%;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.sidebar-tabs a span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebar-tabs a.active > *{
	--tw-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.06);;
	--tw-shadow-colored: inset 0px -3px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	--tw-shadow-color: #3399FF;
	--tw-shadow: var(--tw-shadow-colored);
}

@media (min-width: 1024px) {
        .spinner div.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .spinner div.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.spinner div{
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(150 150 150 / var(--tw-bg-opacity));
}

.spinner div span{
	height: 1.5rem;
	width: 1.5rem;
}

@keyframes spin{

	to{
		transform: rotate(360deg);
	}
}

.spinner div span{
	animation: spin 1s linear infinite;
	border-radius: 9999px;
	border-width: 4px;
	border-color: rgb(0 128 255 / 0.5);
	--tw-border-opacity: 1;
	border-top-color: rgb(0 128 255 / var(--tw-border-opacity));
}

.spinner.alert div{
	--tw-bg-opacity: 1;
	background-color: rgb(235 87 87 / var(--tw-bg-opacity));
}

.spinner.alert span{
	border-color: rgb(255 255 255 / 0.5);
	--tw-border-opacity: 1;
	border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}

@media (min-width: 1024px) {
        .tabs.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .tabs.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.tabs{
	display: flex;
	font-family: PoppinsMedium, sans-serif;
	font-size: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
}

.tabs .tab{
	cursor: pointer;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0.5rem;
}

.tabs .tab.disabled{
	cursor: not-allowed;
	--tw-text-opacity: 1;
	color: rgb(150 150 150 / var(--tw-text-opacity));
}

.tabs .active{
	--tw-shadow: 0px 3px 0px rgba(0, 0, 0, 0.06);;
	--tw-shadow-colored: 0px 3px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	--tw-shadow-color: #3399FF;
	--tw-shadow: var(--tw-shadow-colored);
}

.tag {
		background-image: var(--image);
		background-color: var(--bg-color);
    outline-color: var(--outline-color);
    height: 1.5rem;
    width: 2rem;
    border-radius: 0.125rem;
    outline-width: 1px;
    outline-offset: 2px;
	}

.tag.lg{
	height: 2.5rem;
	width: 3.5rem;
}

.thumbnail{
	overflow: hidden;
}

.thumbnail a img{
	height: 100%;
	width: 100%;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.thumbnail a img:hover{
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	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));
}

tool-tip{
	pointer-events: none;
	position: absolute;
	z-index: 1;
	margin: 0px;
	height: 0px;
	width: 0px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	overflow: hidden;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(45 45 45 / var(--tw-bg-opacity));
	font-family: Poppins, sans-serif;
	font-size: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	opacity: 0;

	--p-inline: 1.5ch;
	--p-block: 0.75ch;
	--triangle-size: 7px;
	--shadow-alpha: 50%;

	--bottom-tip: conic-gradient(
			from -30deg at bottom,
			transparent,
			#2D2D2D 1deg 60deg,
			transparent 61deg
		)
		bottom / 100% 50% no-repeat;
	--top-tip: conic-gradient(
			from 150deg at top,
			transparent,
			#2D2D2D 1deg 60deg,
			transparent 61deg
		)
		top / 100% 50% no-repeat;
	--right-tip: conic-gradient(
			from -120deg at right,
			transparent,
			#2D2D2D 1deg 60deg,
			transparent 61deg
		)
		right / 50% 100% no-repeat;
	--left-tip: conic-gradient(
			from 60deg at left,
			transparent,
			#2D2D2D 1deg 60deg,
			transparent 61deg
		)
		left / 50% 100% no-repeat;

	padding: var(--p-block) var(--p-inline);
	will-change: filter;
	filter: drop-shadow(0 3px 3px hsl(0 0% 0% / var(--shadow-alpha)))
		drop-shadow(0 12px 12px hsl(0 0% 0% / var(--shadow-alpha)));
}

:has(> tool-tip) {
			position: relative;
		}

:has(> tool-tip):is(:hover, :focus-visible, :active) > tool-tip{
	height: auto;
	width: auto;
	overflow: visible;
	opacity: 1;

        inline-size: -moz-max-content;

        inline-size: max-content;
        max-inline-size: 40ch;
        transition: opacity 0.2s ease;
				transition-delay: 200ms;
}

/* prepend some prose for screen readers only */

tool-tip::before{
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	white-space: nowrap;
	opacity: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		content: '; Has tooltip: ';
}

/* tooltip shape is a pseudo element so we can cast a shadow */

tool-tip::after{
	position: absolute;
	inset: 0px;
	z-index: -1;
	background-color: inherit;
		content: '';
		-webkit-mask: var(--tip);
		        mask: var(--tip);
}

/* TOP || BLOCK START */

tool-tip:is([tip-position='top'], [tip-position='block-start'], :not([tip-position])){
	--tw-translate-x: -50%;
	--tw-translate-y: 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));
		inset-inline-start: 50%;
		inset-block-end: calc(100% + var(--p-block) + var(--triangle-size));
}

@media (prefers-reduced-motion: no-preference) {
				:has(> tool-tip:is([tip-position='top'], [tip-position='block-start'], :not([tip-position]))):not(:hover, :active) tool-tip{
		--tw-translate-y: 0.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));
	}
		}

tool-tip:is([tip-position='top'], [tip-position='block-start'], :not([tip-position]))::after {
			--tip: var(--bottom-tip);
			inset-block-end: calc(var(--triangle-size) * -1);
			border-block-end: var(--triangle-size) solid transparent;
		}

/* RIGHT || INLINE END */

tool-tip:is([tip-position='right'], [tip-position='inline-end']){
	--tw-translate-x: 0px;
	--tw-translate-y: 50%;
	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));
		inset-inline-start: calc(100% + var(--p-inline) + var(--triangle-size));
		inset-block-end: 50%;
}

@media (prefers-reduced-motion: no-preference) {
				:has(> tool-tip:is([tip-position='right'], [tip-position='inline-end'])):not(:hover, :active) tool-tip{
		--tw-translate-x: -0.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));
	}
		}

tool-tip:is([tip-position='right'], [tip-position='inline-end'])::after {
			--tip: var(--left-tip);
			inset-inline-start: calc(var(--triangle-size) * -1);
			border-inline-start: var(--triangle-size) solid transparent;
		}

/* BOTTOM || BLOCK END */

tool-tip:is([tip-position='bottom'], [tip-position='block-end']){
	--tw-translate-x: -50%;
	--tw-translate-y: 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));
		inset-inline-start: 50%;
		inset-block-start: calc(100% + var(--p-block) + var(--triangle-size));
}

@media (prefers-reduced-motion: no-preference) {
				:has(> tool-tip:is([tip-position='bottom'], [tip-position='block-end'])):not(:hover, :active) tool-tip{
		--tw-translate-y: -0.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));
	}
		}

tool-tip:is([tip-position='bottom'], [tip-position='block-end'])::after {
			--tip: var(--top-tip);
			inset-block-start: calc(var(--triangle-size) * -1);
			border-block-start: var(--triangle-size) solid transparent;
		}

/* LEFT || INLINE START */

tool-tip:is([tip-position='left'], [tip-position='inline-start']){
	--tw-translate-x: 0px;
	--tw-translate-y: 50%;
	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));
		inset-inline-end: calc(100% + var(--p-inline) + var(--triangle-size));
		inset-block-end: 50%;
}

@media (prefers-reduced-motion: no-preference) {
				:has(> tool-tip:is([tip-position='left'], [tip-position='inline-start'])):not(:hover, :active) tool-tip{
		--tw-translate-x: 0.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));
	}
		}

tool-tip:is([tip-position='left'], [tip-position='inline-start'])::after {
			--tip: var(--right-tip);
			inset-inline-end: calc(var(--triangle-size) * -1);
			border-inline-end: var(--triangle-size) solid transparent;
		}

@media (min-width: 1024px) {
        .toolbar.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .toolbar.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.toolbar{
	display: flex;
	height: 4rem;
	align-items: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2rem;
	padding-right: 2rem;
}

.toolbar__sticky{
	position: sticky;
	top: 0px;
	z-index: 50;
}

@media (max-width: 1023px) {

.toolbar__sticky{
		position: relative;
	}
		}

.trix-content ul, .trix-content ol{
	margin: 0.5rem;
	padding: 0.5rem;
    list-style: unset;
}

.trix-content ul{
	list-style-type: disc;
}

.trix-content ol{
	list-style-type: decimal;
}

.trix-content strong{
	font-family: PoppinsBold, sans-serif;
}

.trix-content a{
	--tw-text-opacity: 1;
	color: rgb(51 153 255 / var(--tw-text-opacity));
	text-decoration-line: underline;
}

trix-editor{
	margin: 0px;
	min-height: 12em;
	width: 100%;
	border-radius: 0.375rem;
	border-width: 0px;
	--tw-bg-opacity: 1;
	background-color: rgb(235 235 235 / var(--tw-bg-opacity));
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: PoppinsSemiBold, sans-serif;
	font-size: .8125rem;
	letter-spacing: 0em;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
	outline-color: #3399FF;
}

trix-editor ul,trix-editor ol{
	margin: 0.5rem;
	padding: 0.5rem;
    list-style: unset;
}

trix-editor ul{
	list-style-type: disc;
}

trix-editor ol{
	list-style-type: decimal;
}

trix-editor strong{
	font-family: PoppinsBold, sans-serif;
}

trix-editor a{
	--tw-text-opacity: 1;
	color: rgb(51 153 255 / var(--tw-text-opacity));
	text-decoration-line: underline;
}

trix-toolbar{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

trix-toolbar .trix-button{
	border-radius: 0.375rem;
	border-style: none;
	background-color: transparent;
	padding: 0.5rem;
	outline: 2px solid transparent;
	outline-offset: 2px;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

trix-toolbar .trix-button:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(211 211 211 / var(--tw-bg-opacity));
}

trix-toolbar .trix-button[data-trix-active]{
	fill: #3399FF;
}

trix-toolbar .trix-button:disabled{
	cursor: not-allowed;
	fill: #898989;
}

trix-toolbar .trix-dialogs{
	position: relative;
}

trix-toolbar .trix-dialogs .trix-dialog{
	position: absolute;
	width: 100%;
	max-width: 640px;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	padding: 1rem;
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1024px) {
        trix-toolbar .trix-dialogs .trix-dialog__link-fields.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    trix-toolbar .trix-dialogs .trix-dialog__link-fields.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

trix-toolbar .trix-dialogs .trix-dialog__link-fields{
	display: flex;
}

.dz-clickable{
	cursor: pointer;
}

@media (min-width: 1024px) {
        .dz-clickable:not(.dz-started).equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .dz-clickable:not(.dz-started).variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.dz-clickable:not(.dz-started){
	display: flex;
	align-items: center;
	justify-content: center;
}

.dz-clickable{
	max-height: 35vh;
	min-height: 200px;
	overflow: auto;
}

[data-dz-name]{
	max-width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dz-started .dz-message{
	display: none;
}

.dz-message .image{
	margin: auto;
	height: 72px;
	width: 72px;
	background-image: url("data:image/svg+xml,%3csvg width='72' height='72' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M57.42 65.25H14.58a7.83 7.83 0 0 1-7.83-7.83V14.58a7.83 7.83 0 0 1 7.83-7.83h42.84a7.83 7.83 0 0 1 7.83 7.83v42.84a7.83 7.83 0 0 1-7.83 7.83Zm-42.84-54a3.33 3.33 0 0 0-3.33 3.33v42.84a3.33 3.33 0 0 0 3.33 3.33h42.84a3.33 3.33 0 0 0 3.33-3.33V14.58a3.33 3.33 0 0 0-3.33-3.33H14.58Z' fill='%23494949'/%3e%3cpath d='M9 56.43a2.281 2.281 0 0 1-1.71-.78 2.25 2.25 0 0 1 .27-3.18l15.36-12.96a6 6 0 0 1 8.1.33l7.29 7.29a1.5 1.5 0 0 0 1.95 0L47.34 42a6 6 0 0 1 7.32 0l9.75 7.77a2.26 2.26 0 0 1 .36 3.18 2.263 2.263 0 0 1-3.18.36l-9.72-7.8a1.5 1.5 0 0 0-1.83 0L42.96 51a6 6 0 0 1-7.83-.54l-7.29-7.44a1.5 1.5 0 0 0-2.01 0l-15.39 12.9a2.16 2.16 0 0 1-1.44.51ZM45 35.25a8.25 8.25 0 1 1 0-16.501 8.25 8.25 0 0 1 0 16.501Zm0-12a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z' fill='%23494949'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
}

.dz-preview{
	margin-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: PoppinsMedium, sans-serif;
	font-size: 0.75rem;
}

@media (min-width: 1024px) {
        .dz-preview .details.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .dz-preview .details.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.dz-preview .details{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dz-preview .details .size{
	text-align: right;
}

.dz-preview .dz-progress{
	height: 0.5rem;
	flex-basis: 80%;
	border-radius: 1.5rem;
	--tw-bg-opacity: 1;
	background-color: rgb(150 150 150 / var(--tw-bg-opacity));
}

.dz-preview .dz-progress [data-dz-uploadprogress]{
	display: block;
	height: 100%;
	width: 0px;
	border-radius: 0.375rem;
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
	--tw-gradient-from: #00CE78 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(0 206 120 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	--tw-gradient-to: #3399FF var(--tw-gradient-to-position);
}

.dz-preview .dz-error [data-dz-uploadprogress]{
	width: 100%;
	--tw-gradient-from: #EB5757 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(235 87 87 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	--tw-gradient-to: #EB5757 var(--tw-gradient-to-position);
}

.workflow-stage{
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.workflow-stage .settings{
	display: grid;
	gap: 1rem;
	padding: 1rem;
    grid-template-columns: fit-content(140px);

		grid-template-areas:
			'. days-label time-label goal-label . .'
			'deadline-active days-select time-select goal-select guest-access guest-privacy';
}

@media (min-width: 1024px) {
        .workflow-stage .settings .deadline__active.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-stage .settings .deadline__active.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-stage .settings .deadline__active{
	display: flex;
	align-items: center;
				grid-area: deadline-active;
}

@media (min-width: 1024px) {
        .workflow-stage .settings .deadline__days.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-stage .settings .deadline__days.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-stage .settings .deadline__days{
	display: flex;
	align-items: center;
        grid-area: days-select;
}

.workflow-stage .settings .deadline__days__label {
					grid-area: days-label;
				}

.workflow-stage .settings .deadline__time {
        grid-area: time-select;
			}

.workflow-stage .settings .deadline__time__label {
					grid-area: time-label;
				}

@media (min-width: 1024px) {
        .workflow-stage .settings .goal.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-stage .settings .goal.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-stage .settings .goal{
	display: flex;
	align-items: center;

			grid-area: goal-select;
}

.workflow-stage .settings .goal__label {
        grid-area: goal-label;
      }

@media (min-width: 1024px) {
        .workflow-stage .settings .guest-access.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-stage .settings .guest-access.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-stage .settings .guest-access{
	display: flex;
	align-items: center;

			grid-area: guest-access;
}

@media (min-width: 1024px) {
        .workflow-stage .settings .guest-privacy.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-stage .settings .guest-privacy.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-stage .settings .guest-privacy{
	display: flex;
	align-items: center;

      grid-area: guest-privacy;
}

@media (min-width: 1024px) {
        .workflow-stage__insert.equal-sizes > *{
		flex-grow: 1;
		flex-basis: 0px;
	}
      }

@media (max-width: 1023px) {

    .workflow-stage__insert.variable{
		width: 100%;
		flex-direction: column;
		gap: 0.5rem;
	}
      }

.workflow-stage__insert{
	margin-top: 1rem;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .8125rem;
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
	opacity: 0.5;
}

.workflow-stage__insert:hover{
	opacity: 1;
}

.workflow-stage__insert a{
	margin-left: 1rem;
	margin-right: 1rem;
}

.workflow-stage__insert::before,
    .workflow-stage__insert::after{
	height: 1px;
	flex: 1 1 0%;
	background-position: bottom;
      content: "";
      background-image: linear-gradient(90deg, #969696 33%, transparent 33%, transparent 100%);
      background-size: 5px 1px;
}

.container{
	width: 100%;
}

@media (min-width: 640px){

	.container{
		max-width: 640px;
	}
}

@media (min-width: 768px){

	.container{
		max-width: 768px;
	}
}

@media (min-width: 1024px){

	.container{
		max-width: 1024px;
	}
}

@media (min-width: 1280px){

	.container{
		max-width: 1280px;
	}
}

@media (min-width: 1536px){

	.container{
		max-width: 1536px;
	}
}

.pointer-events-none{
	pointer-events: none;
}

.invisible{
	visibility: hidden;
}

.collapse{
	visibility: collapse;
}

.static{
	position: static;
}

.fixed{
	position: fixed;
}

.absolute{
	position: absolute;
}

.relative{
	position: relative;
}

.sticky{
	position: sticky;
}

.-right-1{
	right: -0.25rem;
}

.-top-1{
	top: -0.25rem;
}

.-top-2{
	top: -0.5rem;
}

.bottom-0{
	bottom: 0px;
}

.bottom-3{
	bottom: 0.75rem;
}

.left-0{
	left: 0px;
}

.left-1\/2{
	left: 50%;
}

.left-2{
	left: 0.5rem;
}

.right-0{
	right: 0px;
}

.right-2{
	right: 0.5rem;
}

.right-4{
	right: 1rem;
}

.top-0{
	top: 0px;
}

.top-1{
	top: 0.25rem;
}

.top-1\/2{
	top: 50%;
}

.top-3{
	top: 0.75rem;
}

.top-8{
	top: 2rem;
}

.z-0{
	z-index: 0;
}

.z-1{
	z-index: 1;
}

.z-10{
	z-index: 10;
}

.z-50{
	z-index: 50;
}

.z-999{
	z-index: 999;
}

.col-span-2{
	grid-column: span 2 / span 2;
}

.m-4{
	margin: 1rem;
}

.m-auto{
	margin: auto;
}

.-mx-4{
	margin-left: -1rem;
	margin-right: -1rem;
}

.-my-2{
	margin-top: -0.5rem;
	margin-bottom: -0.5rem;
}

.mx-1{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

.mx-2{
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.mx-4{
	margin-left: 1rem;
	margin-right: 1rem;
}

.mx-auto{
	margin-left: auto;
	margin-right: auto;
}

.my-10{
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

.my-2{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.my-4{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.-ml-1{
	margin-left: -0.25rem;
}

.-ml-1\.5{
	margin-left: -0.375rem;
}

.-mt-4{
	margin-top: -1rem;
}

.mb-0{
	margin-bottom: 0px;
}

.mb-16{
	margin-bottom: 4rem;
}

.mb-2{
	margin-bottom: 0.5rem;
}

.mb-4{
	margin-bottom: 1rem;
}

.mb-8{
	margin-bottom: 2rem;
}

.ml-10{
	margin-left: 2.5rem;
}

.ml-2{
	margin-left: 0.5rem;
}

.ml-4{
	margin-left: 1rem;
}

.ml-6{
	margin-left: 1.5rem;
}

.ml-auto{
	margin-left: auto;
}

.mr-0{
	margin-right: 0px;
}

.mr-1{
	margin-right: 0.25rem;
}

.mr-2{
	margin-right: 0.5rem;
}

.mr-3{
	margin-right: 0.75rem;
}

.mr-4{
	margin-right: 1rem;
}

.mr-8{
	margin-right: 2rem;
}

.ms-8{
	margin-inline-start: 2rem;
}

.mt-2{
	margin-top: 0.5rem;
}

.mt-4{
	margin-top: 1rem;
}

.box-content{
	box-sizing: content-box;
}

.block{
	display: block;
}

.inline-block{
	display: inline-block;
}

.inline{
	display: inline;
}

.flex{
	display: flex;
}

.inline-flex{
	display: inline-flex;
}

.table{
	display: table;
}

.grid{
	display: grid;
}

.hidden{
	display: none;
}

.h-12{
	height: 3rem;
}

.h-16{
	height: 4rem;
}

.h-32{
	height: 8rem;
}

.h-4{
	height: 1rem;
}

.h-6{
	height: 1.5rem;
}

.h-60{
	height: 15rem;
}

.h-7{
	height: 1.75rem;
}

.h-8{
	height: 2rem;
}

.h-\[44px\]{
	height: 44px;
}

.h-\[72px\]{
	height: 72px;
}

.h-full{
	height: 100%;
}

.h-max{
	height: -moz-max-content;
	height: max-content;
}

.max-h-0{
	max-height: 0px;
}

.max-h-35vh{
	max-height: 35vh;
}

.max-h-48{
	max-height: 12rem;
}

.max-h-60{
	max-height: 15rem;
}

.max-h-75vh{
	max-height: 75vh;
}

.max-h-80{
	max-height: 20rem;
}

.min-h-24{
	min-height: 6rem;
}

.min-h-8{
	min-height: 2rem;
}

.min-h-input{
	min-height: 44px;
}

.w-12{
	width: 3rem;
}

.w-16{
	width: 4rem;
}

.w-3{
	width: 0.75rem;
}

.w-32{
	width: 8rem;
}

.w-4{
	width: 1rem;
}

.w-4\/5{
	width: 80%;
}

.w-6{
	width: 1.5rem;
}

.w-60{
	width: 15rem;
}

.w-7{
	width: 1.75rem;
}

.w-8{
	width: 2rem;
}

.w-\[44px\]{
	width: 44px;
}

.w-\[72px\]{
	width: 72px;
}

.w-auto{
	width: auto;
}

.w-full{
	width: 100%;
}

.w-thumbnail{
	width: 120px;
}

.min-w-0{
	min-width: 0px;
}

.min-w-32{
	min-width: 8rem;
}

.min-w-4{
	min-width: 1rem;
}

.max-w-28{
	max-width: 7rem;
}

.max-w-2xl{
	max-width: 42rem;
}

.max-w-50\/100{
	max-width: 50%;
}

.max-w-95\/100{
	max-width: 95%;
}

.max-w-image{
	max-width: 260px;
}

.max-w-lg{
	max-width: 32rem;
}

.max-w-prose{
	max-width: 65ch;
}

.max-w-review-description{
	max-width: 40ch;
}

.max-w-review-password{
	max-width: 20ch;
}

.max-w-screen-xl{
	max-width: 1280px;
}

.flex-1{
	flex: 1 1 0%;
}

.shrink-0{
	flex-shrink: 0;
}

.grow{
	flex-grow: 1;
}

.basis-1\/12{
	flex-basis: 8.333333%;
}

.basis-1\/2{
	flex-basis: 50%;
}

.basis-1\/3{
	flex-basis: 33.333333%;
}

.basis-1\/4{
	flex-basis: 25%;
}

.basis-1\/6{
	flex-basis: 16.666667%;
}

.basis-12{
	flex-basis: 3rem;
}

.basis-2\/5{
	flex-basis: 40%;
}

.basis-2\/6{
	flex-basis: 33.333333%;
}

.basis-3\/4{
	flex-basis: 75%;
}

.basis-3\/5{
	flex-basis: 60%;
}

.basis-32{
	flex-basis: 8rem;
}

.basis-8{
	flex-basis: 2rem;
}

.border-collapse{
	border-collapse: collapse;
}

.-translate-x-1\/2{
	--tw-translate-x: -50%;
	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));
}

.-translate-y-1\/2{
	--tw-translate-y: -50%;
	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));
}

.-rotate-90{
	--tw-rotate: -90deg;
	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));
}

.rotate-0{
	--tw-rotate: 0deg;
	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));
}

.rotate-180{
	--tw-rotate: 180deg;
	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));
}

.transform{
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes fade-in{

	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}

.animate-fade-in{
	animation: fade-in 300ms ease-in;
}

@keyframes fade-out{

	0%{
		opacity: 1;
	}

	100%{
		opacity: 0;
	}
}

.animate-fade-out{
	animation: fade-out 300ms ease-out;
}

@keyframes pulse{

	50%{
		opacity: .5;
	}
}

.animate-pulse{
	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.cursor-not-allowed{
	cursor: not-allowed;
}

.cursor-pointer{
	cursor: pointer;
}

.cursor-progress{
	cursor: progress;
}

.list-disc{
	list-style-type: disc;
}

.grid-cols-1{
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-10{
	grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11{
	grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12{
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5{
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6{
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7{
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8{
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9{
	grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-features{
	grid-template-columns: repeat(auto-fit, minmax(32ch, 1fr));
}

.grid-cols-none{
	grid-template-columns: none;
}

.grid-cols-review-card{
	grid-template-columns: repeat(auto-fill, minmax(min-content, 24rem));
}

.grid-cols-subgrid{
	grid-template-columns: subgrid;
}

.flex-row-reverse{
	flex-direction: row-reverse;
}

.flex-col{
	flex-direction: column;
}

.flex-wrap{
	flex-wrap: wrap;
}

.place-items-center{
	place-items: center;
}

.items-start{
	align-items: flex-start;
}

.items-center{
	align-items: center;
}

.justify-start{
	justify-content: flex-start;
}

.justify-end{
	justify-content: flex-end;
}

.justify-center{
	justify-content: center;
}

.justify-between{
	justify-content: space-between;
}

.gap-2{
	gap: 0.5rem;
}

.gap-4{
	gap: 1rem;
}

.gap-x-2{
	-moz-column-gap: 0.5rem;
	     column-gap: 0.5rem;
}

.gap-x-4{
	-moz-column-gap: 1rem;
	     column-gap: 1rem;
}

.gap-x-6{
	-moz-column-gap: 1.5rem;
	     column-gap: 1.5rem;
}

.gap-y-1{
	row-gap: 0.25rem;
}

.gap-y-4{
	row-gap: 1rem;
}

.place-self-center{
	place-self: center;
}

.self-center{
	align-self: center;
}

.justify-self-end{
	justify-self: end;
}

.overflow-auto{
	overflow: auto;
}

.overflow-hidden{
	overflow: hidden;
}

.overflow-visible{
	overflow: visible;
}

.truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.break-words{
	overflow-wrap: break-word;
}

.rounded{
	border-radius: 0.25rem;
}

.rounded-3xl{
	border-radius: 1.5rem;
}

.rounded-full{
	border-radius: 9999px;
}

.rounded-md{
	border-radius: 0.375rem;
}

.rounded-xl{
	border-radius: 0.75rem;
}

.rounded-b-md{
	border-bottom-right-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
}

.rounded-r-md{
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}

.rounded-t-md{
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
}

.border{
	border-width: 1px;
}

.border-0{
	border-width: 0px;
}

.border-b{
	border-bottom-width: 1px;
}

.border-l-2{
	border-left-width: 2px;
}

.border-t{
	border-top-width: 1px;
}

.border-none{
	border-style: none;
}

.border-alto{
	--tw-border-opacity: 1;
	border-color: rgb(211 211 211 / var(--tw-border-opacity));
}

.border-amaranth{
	--tw-border-opacity: 1;
	border-color: rgb(237 50 62 / var(--tw-border-opacity));
}

.border-black{
	--tw-border-opacity: 1;
	border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-burnt-sienna{
	--tw-border-opacity: 1;
	border-color: rgb(235 87 87 / var(--tw-border-opacity));
}

.border-caribbean-green{
	--tw-border-opacity: 1;
	border-color: rgb(0 206 120 / var(--tw-border-opacity));
}

.border-cerulean{
	--tw-border-opacity: 1;
	border-color: rgb(0 149 214 / var(--tw-border-opacity));
}

.border-gallery{
	--tw-border-opacity: 1;
	border-color: rgb(235 235 235 / var(--tw-border-opacity));
}

.border-galliano{
	--tw-border-opacity: 1;
	border-color: rgb(221 180 14 / var(--tw-border-opacity));
}

.border-mine-shaft-400{
	--tw-border-opacity: 1;
	border-color: rgb(32 32 32 / var(--tw-border-opacity));
}

.border-secondary{
	--tw-border-opacity: 1;
	border-color: rgb(51 153 255 / var(--tw-border-opacity));
}

.border-silver{
	--tw-border-opacity: 1;
	border-color: rgb(200 200 200 / var(--tw-border-opacity));
}

.border-silver-chalice{
	--tw-border-opacity: 1;
	border-color: rgb(163 163 163 / var(--tw-border-opacity));
}

.border-white{
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.bg-alabaster{
	--tw-bg-opacity: 1;
	background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}

.bg-amaranth{
	--tw-bg-opacity: 1;
	background-color: rgb(237 50 62 / var(--tw-bg-opacity));
}

.bg-burnt-sienna{
	--tw-bg-opacity: 1;
	background-color: rgb(235 87 87 / var(--tw-bg-opacity));
}

.bg-caribbean-green{
	--tw-bg-opacity: 1;
	background-color: rgb(0 206 120 / var(--tw-bg-opacity));
}

.bg-concrete{
	--tw-bg-opacity: 1;
	background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.bg-gallery{
	--tw-bg-opacity: 1;
	background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}

.bg-gallery-light{
	--tw-bg-opacity: 1;
	background-color: rgb(237 237 237 / var(--tw-bg-opacity));
}

.bg-galliano{
	--tw-bg-opacity: 1;
	background-color: rgb(221 180 14 / var(--tw-bg-opacity));
}

.bg-gray\/75{
	background-color: rgb(137 137 137 / 0.75);
}

.bg-mercury{
	--tw-bg-opacity: 1;
	background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}

.bg-mine-shaft{
	--tw-bg-opacity: 1;
	background-color: rgb(45 45 45 / var(--tw-bg-opacity));
}

.bg-mine-shaft-100{
	--tw-bg-opacity: 1;
	background-color: rgb(62 62 62 / var(--tw-bg-opacity));
}

.bg-mine-shaft-200{
	--tw-bg-opacity: 1;
	background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.bg-mine-shaft-400{
	--tw-bg-opacity: 1;
	background-color: rgb(32 32 32 / var(--tw-bg-opacity));
}

.bg-secondary{
	--tw-bg-opacity: 1;
	background-color: rgb(51 153 255 / var(--tw-bg-opacity));
}

.bg-silver{
	--tw-bg-opacity: 1;
	background-color: rgb(200 200 200 / var(--tw-bg-opacity));
}

.bg-silver-chalice{
	--tw-bg-opacity: 1;
	background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.bg-tundora{
	--tw-bg-opacity: 1;
	background-color: rgb(72 72 72 / var(--tw-bg-opacity));
}

.bg-white{
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-gradient-to-bl{
	background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}

.bg-gradient-to-br{
	background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-upload-image{
	background-image: url("data:image/svg+xml,%3csvg width='72' height='72' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M57.42 65.25H14.58a7.83 7.83 0 0 1-7.83-7.83V14.58a7.83 7.83 0 0 1 7.83-7.83h42.84a7.83 7.83 0 0 1 7.83 7.83v42.84a7.83 7.83 0 0 1-7.83 7.83Zm-42.84-54a3.33 3.33 0 0 0-3.33 3.33v42.84a3.33 3.33 0 0 0 3.33 3.33h42.84a3.33 3.33 0 0 0 3.33-3.33V14.58a3.33 3.33 0 0 0-3.33-3.33H14.58Z' fill='%23494949'/%3e%3cpath d='M9 56.43a2.281 2.281 0 0 1-1.71-.78 2.25 2.25 0 0 1 .27-3.18l15.36-12.96a6 6 0 0 1 8.1.33l7.29 7.29a1.5 1.5 0 0 0 1.95 0L47.34 42a6 6 0 0 1 7.32 0l9.75 7.77a2.26 2.26 0 0 1 .36 3.18 2.263 2.263 0 0 1-3.18.36l-9.72-7.8a1.5 1.5 0 0 0-1.83 0L42.96 51a6 6 0 0 1-7.83-.54l-7.29-7.44a1.5 1.5 0 0 0-2.01 0l-15.39 12.9a2.16 2.16 0 0 1-1.44.51ZM45 35.25a8.25 8.25 0 1 1 0-16.501 8.25 8.25 0 0 1 0 16.501Zm0-12a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z' fill='%23494949'/%3e%3c/svg%3e");
}

.from-harlequin{
	--tw-gradient-from: #4FF500 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(79 245 0 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-mine-shaft-100{
	--tw-gradient-from: #3E3E3E var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(62 62 62 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-cerulean{
	--tw-gradient-to: #0095D6 var(--tw-gradient-to-position);
}

.to-mine-shaft-300{
	--tw-gradient-to: #222222 var(--tw-gradient-to-position);
}

.bg-contain{
	background-size: contain;
}

.bg-cover{
	background-size: cover;
}

.bg-no-repeat{
	background-repeat: no-repeat;
}

.fill-black{
	fill: #000;
}

.fill-burnt-sienna{
	fill: #EB5757;
}

.fill-cerulean{
	fill: #0095D6;
}

.fill-dusty-gray{
	fill: #969696;
}

.fill-gray{
	fill: #898989;
}

.fill-secondary{
	fill: #3399FF;
}

.fill-transparent{
	fill: transparent;
}

.fill-tundora{
	fill: #484848;
}

.fill-white{
	fill: #FFFFFF;
}

.stroke-black{
	stroke: #000;
}

.stroke-none{
	stroke: none;
}

.stroke-tundora{
	stroke: #484848;
}

.stroke-white{
	stroke: #FFFFFF;
}

.object-contain{
	-o-object-fit: contain;
	   object-fit: contain;
}

.object-cover{
	-o-object-fit: cover;
	   object-fit: cover;
}

.p-0{
	padding: 0px;
}

.p-1{
	padding: 0.25rem;
}

.p-2{
	padding: 0.5rem;
}

.p-24{
	padding: 6rem;
}

.p-4{
	padding: 1rem;
}

.px-0{
	padding-left: 0px;
	padding-right: 0px;
}

.px-10{
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}

.px-16{
	padding-left: 4rem;
	padding-right: 4rem;
}

.px-2{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.px-3{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.px-4{
	padding-left: 1rem;
	padding-right: 1rem;
}

.px-5{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.py-0{
	padding-top: 0px;
	padding-bottom: 0px;
}

.py-1{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.py-1\.5{
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}

.py-2{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.py-3{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.py-4{
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.py-8{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.pb-2{
	padding-bottom: 0.5rem;
}

.pb-4{
	padding-bottom: 1rem;
}

.pe-1{
	padding-inline-end: 0.25rem;
}

.pe-1\.5{
	padding-inline-end: 0.375rem;
}

.pl-4{
	padding-left: 1rem;
}

.pr-1{
	padding-right: 0.25rem;
}

.ps-1{
	padding-inline-start: 0.25rem;
}

.ps-1\.5{
	padding-inline-start: 0.375rem;
}

.pt-0{
	padding-top: 0px;
}

.text-left{
	text-align: left;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.font-poppins{
	font-family: Poppins, sans-serif;
}

.font-poppins-medium{
	font-family: PoppinsMedium, sans-serif;
}

.font-poppins-semi-bold{
	font-family: PoppinsSemiBold, sans-serif;
}

.text-l{
	font-size: 1.0625rem;
}

.text-m{
	font-size: 0.9375rem;
}

.text-s{
	font-size: .8125rem;
}

.text-tiny{
	font-size: 0.625rem;
}

.text-xl{
	font-size: 1.25rem;
}

.text-xs{
	font-size: 0.75rem;
}

.uppercase{
	text-transform: uppercase;
}

.capitalize{
	text-transform: capitalize;
}

.italic{
	font-style: italic;
}

.tabular-nums{
	--tw-numeric-spacing: tabular-nums;
	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-10{
	line-height: 2.5rem;
}

.leading-3{
	line-height: .75rem;
}

.leading-loose{
	line-height: 2;
}

.text-alto{
	--tw-text-opacity: 1;
	color: rgb(211 211 211 / var(--tw-text-opacity));
}

.text-black{
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-burnt-sienna{
	--tw-text-opacity: 1;
	color: rgb(235 87 87 / var(--tw-text-opacity));
}

.text-cerulean{
	--tw-text-opacity: 1;
	color: rgb(0 149 214 / var(--tw-text-opacity));
}

.text-dusty-gray{
	--tw-text-opacity: 1;
	color: rgb(150 150 150 / var(--tw-text-opacity));
}

.text-mine-shaft-200{
	--tw-text-opacity: 1;
	color: rgb(38 38 38 / var(--tw-text-opacity));
}

.text-primary{
	--tw-text-opacity: 1;
	color: rgb(20 40 147 / var(--tw-text-opacity));
}

.text-secondary{
	--tw-text-opacity: 1;
	color: rgb(51 153 255 / var(--tw-text-opacity));
}

.text-silver-chalice{
	--tw-text-opacity: 1;
	color: rgb(163 163 163 / var(--tw-text-opacity));
}

.text-tundora{
	--tw-text-opacity: 1;
	color: rgb(72 72 72 / var(--tw-text-opacity));
}

.text-white{
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline{
	text-decoration-line: underline;
}

.line-through{
	text-decoration-line: line-through;
}

.antialiased{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.opacity-0{
	opacity: 0;
}

.opacity-50{
	opacity: 0.5;
}

.shadow-bottom-sm{
	--tw-shadow: 0px 3px 0px rgba(0, 0, 0, 0.06);;
	--tw-shadow-colored: 0px 3px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md{
	--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);
}

.shadow-share{
	--tw-shadow: 4px 2px 22px rgba(0, 0, 0, 0.15);;
	--tw-shadow-colored: 4px 2px 22px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-stacked-1{
	--tw-shadow: 1px 1px 2px #3E3E3E, 2px 2px 1px #FFFFFF, 3px 3px 2px #3E3E3E, 4px 4px 1px rgba(0,0,0,.3);;
	--tw-shadow-colored: 1px 1px 2px var(--tw-shadow-color), 2px 2px 1px var(--tw-shadow-color), 3px 3px 2px var(--tw-shadow-color), 4px 4px 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);
}

.shadow-stacked-2{
	--tw-shadow: 1px 1px 2px #3E3E3E, 2px 2px 1px #FFFFFF, 3px 3px 2px #3E3E3E, 4px 4px 2px #3E3E3E, 5px 5px 1px #FFFFFF, 6px 6px 2px #3E3E3E, 7px 7px 2px rgba(0,0,0,.3);;
	--tw-shadow-colored: 1px 1px 2px var(--tw-shadow-color), 2px 2px 1px var(--tw-shadow-color), 3px 3px 2px var(--tw-shadow-color), 4px 4px 2px var(--tw-shadow-color), 5px 5px 1px var(--tw-shadow-color), 6px 6px 2px var(--tw-shadow-color), 7px 7px 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);
}

.shadow-stacked-3{
	--tw-shadow: 1px 1px 2px #3E3E3E, 2px 2px 1px #FFFFFF, 3px 3px 2px #3E3E3E, 4px 4px 2px #3E3E3E, 5px 5px 1px #FFFFFF, 6px 6px 2px #3E3E3E, 7px 7px 2px #3E3E3E, 8px 8px 1px #FFFFFF, 9px 9px 2px #3E3E3E, 10px 10px 3px rgba(0,0,0,.3);;
	--tw-shadow-colored: 1px 1px 2px var(--tw-shadow-color), 2px 2px 1px var(--tw-shadow-color), 3px 3px 2px var(--tw-shadow-color), 4px 4px 2px var(--tw-shadow-color), 5px 5px 1px var(--tw-shadow-color), 6px 6px 2px var(--tw-shadow-color), 7px 7px 2px var(--tw-shadow-color), 8px 8px 1px var(--tw-shadow-color), 9px 9px 2px var(--tw-shadow-color), 10px 10px 3px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-stacked-4{
	--tw-shadow: 1px 1px 2px #3E3E3E, 2px 2px 1px #FFFFFF, 3px 3px 2px #3E3E3E, 4px 4px 2px #3E3E3E, 5px 5px 1px #FFFFFF, 6px 6px 2px #3E3E3E, 7px 7px 2px #3E3E3E, 8px 8px 1px #FFFFFF, 9px 9px 2px #3E3E3E, 10px 10px 2px #3E3E3E, 11px 11px 1px #FFFFFF, 12px 12px 2px #3E3E3E, 13px 13px 4px rgba(0,0,0,.3);;
	--tw-shadow-colored: 1px 1px 2px var(--tw-shadow-color), 2px 2px 1px var(--tw-shadow-color), 3px 3px 2px var(--tw-shadow-color), 4px 4px 2px var(--tw-shadow-color), 5px 5px 1px var(--tw-shadow-color), 6px 6px 2px var(--tw-shadow-color), 7px 7px 2px var(--tw-shadow-color), 8px 8px 1px var(--tw-shadow-color), 9px 9px 2px var(--tw-shadow-color), 10px 10px 2px var(--tw-shadow-color), 11px 11px 1px var(--tw-shadow-color), 12px 12px 2px var(--tw-shadow-color), 13px 13px 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);
}

.shadow-stacked-5{
	--tw-shadow: 1px 1px 2px #3E3E3E, 2px 2px 1px #FFFFFF, 3px 3px 2px #3E3E3E, 4px 4px 2px #3E3E3E, 5px 5px 1px #FFFFFF, 6px 6px 2px #3E3E3E, 7px 7px 2px #3E3E3E, 8px 8px 1px #FFFFFF, 9px 9px 2px #3E3E3E, 10px 10px 2px #3E3E3E, 11px 11px 1px #FFFFFF, 12px 12px 2px #3E3E3E, 13px 13px 2px #3E3E3E, 14px 14px 1px #FFFFFF, 15px 15px 2px #3E3E3E, 16px 16px 5px rgba(0,0,0,.3);;
	--tw-shadow-colored: 1px 1px 2px var(--tw-shadow-color), 2px 2px 1px var(--tw-shadow-color), 3px 3px 2px var(--tw-shadow-color), 4px 4px 2px var(--tw-shadow-color), 5px 5px 1px var(--tw-shadow-color), 6px 6px 2px var(--tw-shadow-color), 7px 7px 2px var(--tw-shadow-color), 8px 8px 1px var(--tw-shadow-color), 9px 9px 2px var(--tw-shadow-color), 10px 10px 2px var(--tw-shadow-color), 11px 11px 1px var(--tw-shadow-color), 12px 12px 2px var(--tw-shadow-color), 13px 13px 2px var(--tw-shadow-color), 14px 14px 1px var(--tw-shadow-color), 15px 15px 2px var(--tw-shadow-color), 16px 16px 5px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl{
	--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);
}

.shadow-cerulean{
	--tw-shadow-color: #0095D6;
	--tw-shadow: var(--tw-shadow-colored);
}

.shadow-secondary{
	--tw-shadow-color: #3399FF;
	--tw-shadow: var(--tw-shadow-colored);
}

.outline-none{
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.outline{
	outline-style: solid;
}

.outline-0{
	outline-width: 0px;
}

.outline-1{
	outline-width: 1px;
}

.outline-2{
	outline-width: 2px;
}

.outline-offset-2{
	outline-offset: 2px;
}

.outline-secondary{
	outline-color: #3399FF;
}

.blur{
	--tw-blur: blur(8px);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-max-height{
	transition-property: max-height;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.duration-500{
	transition-duration: 500ms;
}

.ease-in-out{
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.has-\[\:checked\]\:outline-from-variable:has(:checked) {
    outline-color: var(--outline-color)
  }

.before\:absolute::before{
	content: var(--tw-content);
	position: absolute;
}

.before\:bottom-0::before{
	content: var(--tw-content);
	bottom: 0px;
}

.before\:right-0::before{
	content: var(--tw-content);
	right: 0px;
}

.before\:mr-2::before{
	content: var(--tw-content);
	margin-right: 0.5rem;
}

.before\:-translate-y-1\/2::before{
	content: var(--tw-content);
	--tw-translate-y: -50%;
	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));
}

.before\:border-white::before{
	content: var(--tw-content);
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.before\:bg-burnt-sienna::before{
	content: var(--tw-content);
	--tw-bg-opacity: 1;
	background-color: rgb(235 87 87 / var(--tw-bg-opacity));
}

.before\:bg-caribbean-green::before{
	content: var(--tw-content);
	--tw-bg-opacity: 1;
	background-color: rgb(0 206 120 / var(--tw-bg-opacity));
}

.before\:bg-galliano::before{
	content: var(--tw-content);
	--tw-bg-opacity: 1;
	background-color: rgb(221 180 14 / var(--tw-bg-opacity));
}

.before\:bg-white::before{
	content: var(--tw-content);
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.after\:bg-white::after{
	content: var(--tw-content);
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.last\:rounded-b-md:last-child{
	border-bottom-right-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
}

.even\:bg-iron:nth-child(even){
	--tw-bg-opacity: 1;
	background-color: rgb(215 217 218 / var(--tw-bg-opacity));
}

.hover\:bg-mine-shaft-400:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(32 32 32 / var(--tw-bg-opacity));
}

.hover\:underline:hover{
	text-decoration-line: underline;
}

.hover\:outline:hover{
	outline-style: solid;
}

.hover\:outline-1:hover{
	outline-width: 1px;
}

.has-\[\:checked\]\:outline:has(:checked){
	outline-style: solid;
}

@media (min-width: 768px){

	.md\:basis-full{
		flex-basis: 100%;
	}
}

@media (min-width: 1024px){

	.lg\:max-w-full{
		max-width: 100%;
	}

	.lg\:overflow-visible{
		overflow: visible;
	}

	.lg\:bg-mine-shaft-300{
		--tw-bg-opacity: 1;
		background-color: rgb(34 34 34 / var(--tw-bg-opacity));
	}

	.lg\:bg-none{
		background-image: none;
	}
}

@media (max-width: 1023px){

	.max-lg\:relative{
		position: relative;
	}

	.max-lg\:my-2{
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.max-lg\:my-4{
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.max-lg\:mb-2{
		margin-bottom: 0.5rem;
	}

	.max-lg\:mr-0{
		margin-right: 0px;
	}

	.max-lg\:mt-4{
		margin-top: 1rem;
	}

	.max-lg\:block{
		display: block;
	}

	.max-lg\:hidden{
		display: none;
	}

	.max-lg\:h-auto{
		height: auto;
	}

	.max-lg\:h-file-thumbnail{
		height: 120px;
	}

	.max-lg\:w-80{
		width: 20rem;
	}

	.max-lg\:max-w-90vw{
		max-width: 90vw;
	}

	.max-lg\:max-w-small-prose{
		max-width: 20ch;
	}

	.max-lg\:grid-cols-1{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.max-lg\:items-start{
		align-items: flex-start;
	}

	.max-lg\:items-center{
		align-items: center;
	}

	.max-lg\:justify-center{
		justify-content: center;
	}

	.max-lg\:gap-x-0{
		-moz-column-gap: 0px;
		     column-gap: 0px;
	}

	.max-lg\:gap-y-4{
		row-gap: 1rem;
	}

	.max-lg\:px-4{
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.max-lg\:py-4{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}