/* 
-------------------------------------------------------------------------------
agentstyle.css
Copyright © 1999-2026 KB Group (UK) Ltd.	All Rights Reserved.
-------------------------------------------------------------------------------

Global FAB Property Management css document for agent portal

Revisions
=========
12/06/25	SK	Created initial version
-------------------------------------------------------------------------------
*/

/* =============================================================================
   SECTION INDEX
   =============================================================================
    1.  Global Reset & Main Structure
    2.  Typography & Page Headings
    3.  Anchors & Link States
    4.  Layout Utilities & Misc Helpers (Scrollbar, Fonts)
    5.  Tables & Data Grids
    6.  Footer
    7.  Form Elements - Inputs, Selects, Fieldsets
    8.  Display-only & Colour Utility Classes
    9.  Search & Quick Search Bar
   10.  Display-only & Colour Utility Classes (Badges)
   11.  Buttons & Action Controls
   12.  Panels, Popups & Modal Overlays (Cards)
   13.  Layout Utilities & Misc Helpers (Grid & Container)
   14.  Fieldsets & Legend Groups
   15.  Navigation - Top Menu
   16.  Navigation - Tab Menus
   17.  Navigation - Pagination
   18.  Navigation - Top Menu (Sticky)
   19.  Product Search & Setup - Metro-style Tile Boxes
   20.  Custom Additions
   21.  Search & Quick Search Bar (2 - #suggestions)
   22.  Modern Content Div Layout Editor
   23.  Lease Management
   ============================================================================= */


/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
*, ::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(0 140 184 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: ;
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(0 140 184 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: ;
}

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before, ::after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e9eef0;
}

::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;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: "Public Sans Web", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent;
}

/* 
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;
	line-height: inherit;
}

/* 
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;
	color: inherit;
	border-top-width: 1px;
}

/* 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;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em;
}

/* 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;
	border-color: inherit;
	border-collapse: collapse;
}

/*
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;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
}

/* 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, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none;
}

/* 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;
	outline-offset: -2px;
}

/* 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;
	font: inherit;
}

/* 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;
	color: #d2d6d7;
}

input::placeholder, textarea::placeholder {
	opacity: 1;
	color: #d2d6d7;
}

/* 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;
	vertical-align: middle;
}

/* 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]:where(:not([hidden="until-found"])) { display: none; }

[type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border-color: #bac1c2;
	border-width: 1px;
	border-radius: 0px;
	padding-top: 0.5rem;
	padding-right: 0.75rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	--tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #007EA6;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	border-color: #007EA6;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #bac1c2;
	opacity: 1;
}

input::placeholder,textarea::placeholder {
	color: #bac1c2;
	opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper { padding: 0; }

::-webkit-date-and-time-value {
	min-height: 1.5em;
	text-align: inherit;
}

::-webkit-datetime-edit {
	display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
	padding-top: 0;
	padding-bottom: 0;
}

select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23bac1c2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	background-position: right 0.5rem center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	padding-right: 2.5rem;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])) {
	background-image: initial;
	background-position: initial;
	background-repeat: unset;
	background-size: initial;
	padding-right: 0.75rem;
	-webkit-print-color-adjust: unset;
	print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	display: inline-block;
	vertical-align: middle;
	background-origin: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	flex-shrink: 0;
	height: 1rem;
	width: 1rem;
	color: #007EA6;
	background-color: #fff;
	border-color: #bac1c2;
	border-width: 1px;
	--tw-shadow: 0 0 #0000;
}

[type='checkbox'] { border-radius: 0px; }
[type='radio'] { border-radius: 100%; }

[type='checkbox']:focus,[type='radio']:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 2px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #007EA6;
	--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);
}

[type='checkbox']:checked,[type='radio']:checked {
	border-color: transparent;
	background-color: currentColor;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

[type='checkbox']:checked {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
	[type='checkbox']:checked {
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto;
	}
}

[type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); }

@media (forced-colors: active) {
	[type='radio']:checked {
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto;
	}
}

[type='checkbox']:checked:hover, [type='checkbox']:checked:focus, [type='radio']:checked:hover, [type='radio']:checked:focus {
	border-color: transparent;
	background-color: currentColor;
}

[type='checkbox']:indeterminate {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
	border-color: transparent;
	background-color: currentColor;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

@media (forced-colors: active) {
	[type='checkbox']:indeterminate {
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto;
	}
}

[type='checkbox']:indeterminate:hover, [type='checkbox']:indeterminate:focus {
	border-color: transparent;
	background-color: currentColor;
}

[type='file'] {
	background: unset;
	border-color: inherit;
	border-width: 0;
	border-radius: 0;
	padding: 0;
	font-size: unset;
	line-height: inherit;
}

[type='file']:focus {
	outline: 1px solid ButtonText;
	outline: 1px auto -webkit-focus-ring-color;
}

:root {
	--fontSize-3xs-0: 0.75rem;
	--fontSize-3xs-1: 1rem;
	--fontSize-2xs-0: 0.8125rem;
	--fontSize-2xs-1: 1.125rem;
	--fontSize-xs-0: 0.875rem;
	--fontSize-xs-1: 1.25rem;
	--fontSize-sm-0: 0.9375rem;
	--fontSize-sm-1: 1.25rem;
	--fontSize-base-0: 1rem;
	--fontSize-base-1: 1.375rem;
	--fontSize-lg-0: 1.125rem;
	--fontSize-lg-1: 1.4375rem;
	--fontSize-xl-0: 1.25rem;
	--fontSize-xl-1: 1.5rem;
	--fontSize-2xl-0: 1.375rem;
	--fontSize-2xl-1: 1.75rem;
	--fontSize-3xl-0: 1.5rem;
	--fontSize-3xl-1: 2rem;
	--fontSize-4xl-0: 1.875rem;
	--fontSize-4xl-1: 2.25rem;
	--fontSize-5xl-0: 2.25rem;
	--fontSize-5xl-1: 2.5rem;
	--fontSize-6xl-0: 2.50rem;
	--fontSize-6xl-1: 2.75rem;
	--fontSize-7xl-0: 2.75rem;
	--fontSize-7xl-1: 3.0rem;
	--fontSize-8xl-0: 3.25rem;
	--fontSize-8xl-1: 3.5rem;
}

.pdf-theme {
	--fontSize-xs-0: 0.7375rem;
	--fontSize-xs-1: 0.8125rem;
	--fontSize-sm-0: 0.75rem;
	--fontSize-sm-1: 0.8125rem;
	--fontSize-base-0: 0.8125rem;
	--fontSize-base-1: 1.125rem;
	--fontSize-lg-0: 0.875rem;
	--fontSize-lg-1: 1.25rem;
	--fontSize-xl-0: 0.9375rem;
	--fontSize-xl-1: 1.125rem;
	--fontSize-2xl-0: 1rem;
	--fontSize-2xl-1: 1.25rem;
	--fontSize-3xl-0: 1.125rem;
	--fontSize-3xl-1: 1.4375rem;
	--fontSize-4xl-0: 1.25rem;
	--fontSize-4xl-1: 1.375rem;
	--fontSize-5xl-0: 1.375rem;
	--fontSize-5xl-1: 1.5rem;
	--fontSize-6xl-0: 1.5rem;
	--fontSize-6xl-1: 2rem;
	--fontSize-7xl-0: 1.875rem;
	--fontSize-7xl-1: 2.25rem;
}

.form-input,.form-textarea, .form-select, .form-multiselect {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border-color: #bac1c2;
	border-width: 1px;
	border-radius: 0px;
	padding-top: 0.5rem;
	padding-right: 0.75rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	--tw-shadow: 0 0 #0000;
}

.form-select-half {
	height: 28px;
	min-height: 28px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 8px;
	padding-right: 28px;
	font-size: 0.875rem;
	line-height: 26px !important;
	border: 1px solid #d1d5db;
	border-radius: 0.375rem;
	background-color: #fff;
}

.external-credential-mode-select {
	width: 370px !important;
	height: 32px;
	min-height: 32px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 8px;
	padding-right: 40px;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 30px !important;
	text-align: center;
	border: 1px solid #d1d5db;
	border-radius: 0.375rem;
}

.external-credential-mode-select.credential-mode-default {
	background-color: rgb(240 248 253) !important;
	border-color: #bfe2ed;
	color: #075a94;
}

.external-credential-mode-select.credential-mode-stored {
	background-color: rgb(240 253 244) !important;
	border-color: #bbf7d0;
	color: #15803d;
}

.external-credential-mode-select.credential-mode-prefer-stored {
	background-color: rgb(254 252 232) !important;
	border-color: #fde68a;
	color: #a16207;
}

.external-credential-mode-select.credential-mode-external {
	background-color: rgb(250 245 255) !important;
	border-color: #e9d5ff;
	color: #7e22ce;
}

.form-input:focus, .form-textarea:focus, .form-select:focus, .form-select-half:focus, .form-multiselect:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #007EA6;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	border-color: #007EA6;
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
	color: #bac1c2;
	opacity: 1;
}

.form-input::placeholder,.form-textarea::placeholder {
	color: #bac1c2;
	opacity: 1;
}

.form-input::-webkit-datetime-edit-fields-wrapper { padding: 0; }

.form-input::-webkit-date-and-time-value {
	min-height: 1.5em;
	text-align: inherit;
}

.form-input::-webkit-datetime-edit {
	display: inline-flex;
}

.form-input::-webkit-datetime-edit, .form-input::-webkit-datetime-edit-year-field, .form-input::-webkit-datetime-edit-month-field, 
.form-input::-webkit-datetime-edit-day-field, .form-input::-webkit-datetime-edit-hour-field, .form-input::-webkit-datetime-edit-minute-field,
.form-input::-webkit-datetime-edit-second-field, .form-input::-webkit-datetime-edit-millisecond-field, .form-input::-webkit-datetime-edit-meridiem-field {
	padding-top: 0;
	padding-bottom: 0;
}

textarea.file-list {
	border: 1px solid #ccc;			/* default border */
	width: 100%;					/* full width */
	resize: none;					/* prevent resizing */
	padding: 0.375rem 0.75rem;		/* optional padding */
	border-radius: 4px;				/* optional rounded corners */
	overflow-y: auto;				/* scroll vertically if content overflows */
}

/* Invalid state */
textarea.file-list.is-invalid {
	border-color: rgb(221 0 62);	/* red border */
}

textarea.file-list.is-invalid:focus {
	border-color: rgb(221 0 62);
	box-shadow: 0 0 0 3px rgba(221, 0, 62, 0.2);
}

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-lead);
	font-size: 1.25em;
	line-height: 1.6;
	margin-top: 1.2em;
	margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-links);
	text-decoration: underline;
	font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-bold);
	font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; }
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; }
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; }

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	list-style-type: decimal;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	padding-inline-start: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; }
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; }
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; }
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; }
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; }
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; }
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; }
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; }
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; }

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	list-style-type: disc;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
	font-weight: 400;
	color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); }

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	border-color: var(--tw-prose-hr);
	border-top-width: 1px;
	margin-top: 3em;
	margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	font-weight: 500;
	font-style: italic;
	color: var(--tw-prose-quotes);
	border-inline-start-width: 0.25rem;
	border-inline-start-color: var(--tw-prose-quote-borders);
	quotes: "\201C""\201D""\2018""\2019";
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	padding-inline-start: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; }
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; }

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-headings);
	font-weight: 800;
	font-size: 2.25em;
	margin-top: 0;
	margin-bottom: 0.8888889em;
	line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	font-weight: 900;
	color: inherit
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-headings);
	font-weight: 700;
	font-size: 1.5em;
	margin-top: 2em;
	margin-bottom: 1em;
	line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	font-weight: 800;
	color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	font-size: 1.25em;
	margin-top: 1.6em;
	margin-bottom: 0.6em;
	line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	font-weight: 700;
	color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	font-weight: 700;
	color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 2em;
	margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	display: block;
	margin-top: 2em;
	margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 2em;
	margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	font-weight: 500;
	font-family: inherit;
	color: var(--tw-prose-kbd);
	box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
	font-size: 0.875em;
	border-radius: 0.3125rem;
	padding-top: 0.1875em;
	padding-inline-end: 0.375em;
	padding-bottom: 0.1875em;
	padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-code);
	font-weight: 600;
	font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; }
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; }
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; }
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; }

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: inherit;
	font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: inherit;
	font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; }
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; }
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; }

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-pre-code);
	background-color: var(--tw-prose-pre-bg);
	overflow-x: auto;
	font-weight: 400;
	font-size: 0.875em;
	line-height: 1.7142857;
	margin-top: 1.7142857em;
	margin-bottom: 1.7142857em;
	border-radius: 0.375rem;
	padding-top: 0.8571429em;
	padding-inline-end: 1.1428571em;
	padding-bottom: 0.8571429em;
	padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	background-color: transparent;
	border-width: 0;
	border-radius: 0;
	padding: 0;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; }
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; }

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	width: 100%;
	table-layout: auto;
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 0.875em;
	line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	border-bottom-width: 1px;
	border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	vertical-align: bottom;
	padding-inline-end: 0.5714286em;
	padding-bottom: 0.5714286em;
	padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	border-bottom-width: 1px;
	border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; }
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; }

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	border-top-width: 1px;
	border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; }
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; }

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 0;
	margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	color: var(--tw-prose-captions);
	font-size: 0.875em;
	line-height: 1.4285714;
	margin-top: 0.8571429em;
}

.prose {
	--tw-prose-body: #374151;
	--tw-prose-headings: #111827;
	--tw-prose-lead: #4b5563;
	--tw-prose-links: #111827;
	--tw-prose-bold: #111827;
	--tw-prose-counters: #6b7280;
	--tw-prose-bullets: #d1d5db;
	--tw-prose-hr: #e5e7eb;
	--tw-prose-quotes: #111827;
	--tw-prose-quote-borders: #e5e7eb;
	--tw-prose-captions: #6b7280;
	--tw-prose-kbd: #111827;
	--tw-prose-kbd-shadows: 17 24 39;
	--tw-prose-code: #111827;
	--tw-prose-pre-code: #e5e7eb;
	--tw-prose-pre-bg: #1f2937;
	--tw-prose-th-borders: #d1d5db;
	--tw-prose-td-borders: #e5e7eb;
	--tw-prose-invert-body: #d1d5db;
	--tw-prose-invert-headings: #fff;
	--tw-prose-invert-lead: #9ca3af;
	--tw-prose-invert-links: #fff;
	--tw-prose-invert-bold: #fff;
	--tw-prose-invert-counters: #9ca3af;
	--tw-prose-invert-bullets: #4b5563;
	--tw-prose-invert-hr: #374151;
	--tw-prose-invert-quotes: #f3f4f6;
	--tw-prose-invert-quote-borders: #374151;
	--tw-prose-invert-captions: #9ca3af;
	--tw-prose-invert-kbd: #fff;
	--tw-prose-invert-kbd-shadows: 255 255 255;
	--tw-prose-invert-code: #fff;
	--tw-prose-invert-pre-code: #d1d5db;
	--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
	--tw-prose-invert-th-borders: #4b5563;
	--tw-prose-invert-td-borders: #374151;
	font-size: 1rem;
	line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 0;
	margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; }
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; }

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; }
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; }
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; }
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; }

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 0.5em;
	padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; }
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; }
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; }
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; }
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; }
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; }

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	padding-top: 0.5714286em;
	padding-inline-end: 0.5714286em;
	padding-bottom: 0.5714286em;
	padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; }
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; }

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
	margin-top: 2em;
	margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; }
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; }

.prose-blue {
	--tw-prose-links: #2563eb;
	--tw-prose-invert-links: #3b82f6;
}

.prose-quoteless :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; }
.prose-quoteless :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; }

.errorMessage,
.form-error-summary {
	background-color: #fef2f2;
	border: 1px solid #fca5a5;
	border-radius: 0.5rem;
	color: #991b1b;
	font-size: 0.875rem;
	line-height: 1.25rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	padding: 0.75rem 1rem;
}

.errorMessage:empty,
.form-error-summary:empty {
	display: none;
}

.errorMessage strong,
.form-error-summary strong {
	color: rgb(73 83 87);
	display: block;
}

.errorMessage ul,
.form-error-summary ul {
	list-style-type: disc;
	margin-bottom: 0;
	margin-top: 0.5rem;
	padding-left: 1.25rem;
}

.lg-icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "lg" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
	background-color: rgba(0, 0, 0, 0.45);
	border-radius: 2px;
	color: #999;
	cursor: pointer;
	display: block;
	font-size: 22px;
	margin-top: -10px;
	padding: 8px 10px 9px;
	position: absolute;
	top: 50%;
	z-index: 1080;
	outline: none;
	border: none;
	background-color: transparent;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
	color: #fff;
}

.lg-actions .lg-next { right: 20px; }

.lg-actions .lg-next:before { content: "\e095"; }

.lg-actions .lg-prev { left: 20px; }

.lg-actions .lg-prev:after { content: "\e094"; }

.lg-outer.lg-right-end .lg-object {
	animation: lg-right-end 0.3s;
	position: relative;
}

.lg-outer.lg-left-end .lg-object {
	animation: lg-left-end 0.3s;
	position: relative;
}

.lg-toolbar {
	z-index: 1082;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
	color: #999;
	cursor: pointer;
	float: right;
	font-size: 24px;
	height: 47px;
	line-height: 27px;
	padding: 10px 0;
	text-align: center;
	width: 50px;
	text-decoration: none !important;
	outline: medium none;
	background: none;
	border: none;
	box-shadow: none;
	transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover { color: #fff; }

.lg-toolbar .lg-close:after { content: "\e070"; }

.lg-toolbar .lg-download:after { content: "\e0f2"; }

.lg-sub-html {
	background-color: rgba(0, 0, 0, 0.45);
	bottom: 0;
	color: #eee;
	font-size: 16px;
	left: 0;
	padding: 10px 40px;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 1080;
}

.lg-sub-html h4 {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

.lg-sub-html p {
	font-size: 12px;
	margin: 5px 0 0;
}

#lg-counter {
	color: #999;
	display: inline-block;
	font-size: 16px;
	padding-left: 20px;
	padding-top: 12px;
	vertical-align: middle;
}

.lg-toolbar,
.lg-prev,
.lg-next {
	opacity: 1;
	transition:
	transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
	opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
	color 0.2s linear;
}

.lg-hide-items .lg-prev {
	opacity: 0;
	transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
	opacity: 0;
	transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
	opacity: 0;
	transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
	transform: scale3d(0.5, 0.5, 0.5);
	opacity: 0;
	transition:
	transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
	opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	transform-origin: 50% 50%;
}

body:not(.lg-from-hash)
	.lg-outer.lg-start-zoom
	.lg-item.lg-complete
	.lg-object {
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.lg-outer .lg-thumb-outer {
	background-color: #0d0a0a;
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1080;
	max-height: 350px;
	transform: translate3d(0, 100%, 0);
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
	cursor: move;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
	transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
	transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
	padding: 10px 0;
	height: 100%;
	margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
	cursor: pointer;
	float: left;
	overflow: hidden;
	height: 100%;
	border: 2px solid #fff;
	border-radius: 4px;
	margin-bottom: 5px;
}

@media (min-width: 1025px) {
	.lg-outer .lg-thumb-item {
		transition: border-color 0.25s ease;
	}
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; }

.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; }

.lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom 0.25s ease; }

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; }

.lg-outer .lg-toggle-thumb {
	background-color: #0d0a0a;
	border-radius: 2px 2px 0 0;
	color: #999;
	cursor: pointer;
	font-size: 24px;
	height: 39px;
	line-height: 27px;
	padding: 5px 0;
	position: absolute;
	right: 20px;
	text-align: center;
	top: -39px;
	width: 50px;
	outline: medium none;
	border: none;
}

.lg-outer .lg-toggle-thumb:after { content: "\e1ff"; }

.lg-outer .lg-toggle-thumb:hover { color: #fff; }

.lg-outer .lg-video-cont {
	display: inline-block;
	vertical-align: middle;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	padding: 0 5px;
}

.lg-outer .lg-video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

.lg-outer .lg-video .lg-object {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
	width: 84px;
	height: 59px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -42px;
	margin-top: -30px;
	z-index: 1080;
	cursor: pointer;
}

.lg-progress-bar {
	background-color: #333;
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1083;
	opacity: 0;
	transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
	background-color: #a90707;
	height: 5px;
	width: 0;
}

.lg-progress-bar.lg-start .lg-progress { width: 100%; }

.lg-show-autoplay .lg-progress-bar { opacity: 1; }

.lg-autoplay-button:after { content: "\e01d"; }

.lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; }

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
	transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
	transform: scale3d(1, 1, 1);
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
	transform-origin: 0 0;
	backface-visibility: hidden;
}

#lg-zoom-in:after { content: "\e311"; }
#lg-actual-size { font-size: 20px; }
#lg-actual-size:after { content: "\e033"; }
#lg-zoom-out { opacity: 0.5; 	pointer-events: none; }
#lg-zoom-out:after { content: "\e312"; }

.lg-zoomed #lg-zoom-out {
	opacity: 1;
	pointer-events: auto;
}

.lg-outer .lg-pager-outer {
	bottom: 60px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 1080;
	height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
	overflow: visible;
}

.lg-outer .lg-pager-cont {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
	box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
	background-color: #fff;
	color: #fff;
	bottom: 100%;
	height: 83px;
	left: 0;
	margin-bottom: 20px;
	margin-left: -60px;
	opacity: 0;
	padding: 5px;
	position: absolute;
	width: 120px;
	border-radius: 3px;
	transition:
	opacity 0.15s ease 0s,
	transform 0.15s ease 0s;
	transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
	width: 100%;
	height: 100%;
}

.lg-outer .lg-pager {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
	display: block;
	height: 12px;
	transition: box-shadow 0.3s ease 0s;
	width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
	box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px dashed;
	bottom: -10px;
	display: inline-block;
	height: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	vertical-align: middle;
	width: 0;
}

.lg-fullscreen:after {
	content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
	content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
	background-color: rgba(0, 0, 0, 0.25);
	bottom: 0;
	cursor: default;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1081;
	opacity: 0;
	visibility: hidden;
	transition:
	visibility 0s linear 0.18s,
	opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
	transition-delay: 0s;
	transform: translate3d(0, 0px, 0);
	opacity: 1;
	visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
	color: #fff;
}

.lg-outer .lg-dropdown {
	background-color: #fff;
	border-radius: 2px;
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: left;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 5px, 0);
	transition:
	transform 0.18s linear 0s,
	visibility 0s linear 0.5s,
	opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	border: 8px solid transparent;
	border-bottom-color: #fff;
	right: 16px;
	top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
	margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
	color: #333;
}

.lg-outer .lg-dropdown a {
	color: #333;
	display: block;
	white-space: pre;
	padding: 4px 12px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
	background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
	display: inline-block;
	line-height: 1;
	margin-top: -3px;
	vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
	color: #333;
	display: inline-block;
	float: none;
	font-size: 20px;
	height: auto;
	line-height: 1;
	margin-right: 8px;
	padding: 0;
	vertical-align: middle;
	width: auto;
}

.lg-outer #lg-share {
	position: relative;
}

.lg-outer #lg-share:after {
	content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
	color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
	content: "\e904";
}

.lg-outer #lg-share-twitter .lg-icon {
	color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
	content: "\e907";
}

.lg-outer #lg-share-googleplus .lg-icon {
	color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
	content: "\e905";
}

.lg-outer #lg-share-pinterest .lg-icon {
	color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
	content: "\e906";
}

.lg-outer .lg-img-rotate {
	position: absolute;
	padding: 0 5px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}

.lg-rotate-left:after {
	content: "\e900";
}

.lg-rotate-right:after {
	content: "\e901";
}

.lg-icon.lg-flip-hor,
.lg-icon.lg-flip-ver {
	font-size: 26px;
}

.lg-flip-hor:after {
	content: "\e902";
}

.lg-flip-ver:after {
	content: "\e903";
}

.lg-group {
	*zoom: 1;
}

.lg-group:before,
.lg-group:after {
	display: table;
	content: "";
	line-height: 0;
}

.lg-group:after {
	clear: both;
}

.lg-outer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	opacity: 0;
	outline: none;
	transition: opacity 0.15s ease 0s;
}

.lg-outer * {
	box-sizing: border-box;
}

.lg-outer.lg-visible {
	opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
	transition-duration: inherit !important;
	transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
	transition-duration: 0s !important;
	opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
	cursor: move;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}

.lg-outer .lg {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-height: 100%;
}

.lg-outer .lg-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
}

.lg-outer .lg-item {
	background: url(/images/loading.gif) no-repeat scroll center center
	transparent;
	display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
	display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
	display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

.lg-outer .lg-img-wrap {
	position: absolute;
	padding: 0 5px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.lg-outer .lg-item.lg-complete {
	background-image: none;
}

.lg-outer .lg-item.lg-current {
	z-index: 1060;
}

.lg-outer .lg-image {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
	opacity: 0;
	transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
	opacity: 1;
}

.lg-outer .lg-empty-html {
	display: none;
}

.lg-outer.lg-hide-download #lg-download {
	display: none;
}

.lg-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1040;
	background-color: #000;
	opacity: 0;
	transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
	opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
	transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
	backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
	backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
	opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
	opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
	transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
	transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
	transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
	transition:
	transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
	opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
	opacity: 0;
	position: absolute;
	left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
	left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
	left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
	left: 0;
	opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
	transition:
	left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
	opacity 0.1s ease 0s;
}



/* =============================================================================
   1. GLOBAL RESET & MAIN STRUCTURE
   Outermost structural rules: html/body defaults, image behaviour, SVG display, dialog, print and turbo progress.
   ============================================================================= */

html.sr .load-hidden { visibility: hidden; }

html, body { height: 100%; }

.turbo-progress-bar {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	height: 2px;
}
img {
	-webkit-user-select: none;
	 -moz-user-select: none;
	user-select: none;
}

ul, 
ol {
	/*	@apply list-disc pl-5;*/
}

svg { display: inline-block; }

dialog {
	top: 2rem;
	background-color: transparent;
	border: 0;
	padding: 0;
	position: fixed;
}

@media (min-width: 768px) {
	dialog { margin-top: 3rem; }
}

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

dialog::backdrop {
	--tw-backdrop-blur: blur(8px);
	-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);
}

textarea {
	line-height: 1.5;
}

span.no-break {
	white-space: nowrap;
}

@media print {
	div { page-break-inside: avoid; } 
}

/* Can be removed eventually */
.icon {
	display: inline-block;
	height: 1rem;
	flex-shrink: 0;
}

html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.text-body {
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

body {
	position: relative;
	overflow-x: hidden;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	font-family: "Public Sans Web", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
	font-weight: 400;
	line-height: 1.5;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.form-group {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}



/* =============================================================================
   2. TYPOGRAPHY & PAGE HEADINGS
   Body font, heading scales (h1-h6), paragraph spacing, small/lead text and typographic helpers.
   ============================================================================= */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5rem;
	margin-top: 0px;
}

p {
	margin-bottom: 0.5rem;
	margin-top: 0px;
}

dt {
	font-weight: 600;
}

dd {
	margin-bottom: 0.5rem;
	margin-left: 0px;
}

blockquote {
	margin: 0 0 1rem;
}

b, strong {
	font-weight: 600;
}

small {
	font-size: var(--fontSize-3xs-0);
	line-height: var(--fontSize-3xs-1);
}

@media (min-width: 431px) {
	small {
		font-size: var(--fontSize-sm-0);
		line-height: var(--fontSize-sm-1);
	}
}

sub, sup {
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	position: relative;
	line-height: 0;
	vertical-align: baseline;
}

sub { bottom: -0.25em; }
sup { top: -0.5em; }

a {
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
	text-decoration-line: none;
}


/* =============================================================================
   3. ANCHORS & LINK STATES
   Base anchor colour, hover/focus states and inline link utilities.
   ============================================================================= */

a:hover {
	--tw-text-opacity: 1;
	color: rgb(0 126 166 / var(--tw-text-opacity, 1));
}

/* Code */
pre, code, kbd, samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
}

pre {
	margin-bottom: 1rem;
	margin-top: 0px;
	overflow: auto;
}

figure {
	/* Apply a consistent margin strategy */
	margin: 0 0 1rem;
}

img {
	display: inline-block;
	vertical-align: middle;
	border-style: none /* Remove the border on images inside links in IE 10-. */;
}
table {
	border-collapse: collapse; /* Prevent double borders */
}

caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	text-align: left;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
	caption-side: bottom;
}

fieldset {
	/* 
	Browsers set a default `min-width: min-content;` on fieldsets, unlike e.g. `<div>`s, which have `min-width: 0;` by default.
	So we reset that to ensure fieldsets behave more like a standard block element.
	See https://github.com/twbs/bootstrap/issues/12359 and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
	*/
	min-width: 0;
	/* Reset the default outline behavior of fieldsets so they don't affect page layout. */
	padding: 0;
	margin: 0;
	border: 0;
}

/*
1. Correct the text wrapping in Edge and IE.
2. Correct the color inheritance from `fieldset` elements in IE
*/
legend {
	display: block;
	width: 100%;
	padding: 0px;
	padding-bottom: 0.5rem;
	font-size: var(--fontSize-2xl-0);
	line-height: var(--fontSize-2xl-1);
	max-width: 100%;
	line-height: inherit;
	color: inherit;
	white-space: normal;
}
output {
	display: inline-block;
}

summary {
	display: list-item; /* Add the correct display in all browsers */
	cursor: pointer;
}

template {
	display: none;
}

.address-dropdown:not(template) {
	display: block;
	z-index: 9999;
}

[hidden] {
	display: none !important;
}

.button_to {
	display: inline-block;
}

.dropdown-menu > .button_to {
	display: block;
}

/* For Webkit-based browsers (Chrome, Safari and Opera) */
@media (min-width: 768px) {
	.scrollbar-hide::-webkit-scrollbar { display: none; }
}

/* For IE, Edge and Firefox */
@media (min-width: 768px) {
	.scrollbar-hide {
		-ms-overflow-style: none; 	/* IE and Edge */
		scrollbar-width: none; 		/* Firefox */
	}
}


/* =============================================================================
   4. LAYOUT UTILITIES & MISC HELPERS
   Scrollbar overrides, list helpers, page-break utilities, icon class and miscellaneous layout helpers.
   ============================================================================= */

.no-scrollbar::-webkit-scrollbar { display: none; }

.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.scrollbar-thin { scrollbar-width: thin; }

.scrollbar-thin::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track { background: transparent; }

.scrollbar-thin::-webkit-scrollbar-thumb {
	background-color: rgba(156, 163, 175, 0.5);
	border-radius: 3px;
}

@font-face {
	font-family: "Public Sans Web";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src:
	url(/fonts/PublicSans-Regular.woff) format("woff");
}

@font-face {
	font-family: "Public Sans Web";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src:
	url(/fonts/PublicSans-Italic.woff) format("woff");
}

@font-face {
	font-family: "Public Sans Web";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src:
	url(/fonts/PublicSans-Medium.woff) format("woff");
}

@font-face {
	font-family: "Public Sans Web";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src:
	url(/fonts/PublicSans-MediumItalic.woff) format("woff");
}

@font-face {
	font-family: "Public Sans Web";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src:
	url(/fonts/PublicSans-SemiBold.woff) format("woff");
}

@font-face {
	font-family: "Public Sans Web";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src:
	url(/fonts/PublicSans-SemiBoldItalic.woff) format("woff");
}

@font-face {
	font-family: "Public Sans Web";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src:
	url(/fonts/PublicSans-Bold.woff) format("woff");
}

@font-face {
	font-family: "Public Sans Web";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src:
	url(/fonts/PublicSans-BoldItalic.woff) format("woff");
}

.small-heading {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.text-muted {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.text-trade-me-blue {
	color: #158fe2;
}

.text-trade-me-yellow {
	color: #f9af2d;
}

h1 {
	margin-bottom: 0.75rem;
	font-family: "GT Walsheim", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.025em;
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.75rem;
	font-family: "Public Sans Web", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.025em;
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

h1, .h1 {
	padding-bottom: 0.5rem;
	font-size: var(--fontSize-4xl-0);
	line-height: var(--fontSize-4xl-1);
}

h2, .h2 {
	padding-bottom: 0.25rem;
	font-size: var(--fontSize-3xl-0);
	line-height: var(--fontSize-3xl-1);
}

h3, .h3 {
	padding-bottom: 0.25rem;
	font-size: var(--fontSize-2xl-0);
	line-height: var(--fontSize-2xl-1);
}

h4, .h4 {
	font-size: var(--fontSize-xl-0);
	line-height: var(--fontSize-xl-1);
}
h5, .h5 {
	font-size: var(--fontSize-lg-0);
	line-height: var(--fontSize-lg-1);
}

.lead {
	font-size: var(--fontSize-lg-0);
	line-height: var(--fontSize-lg-1);
	font-weight: 300;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
}

small, .small {
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
}

.list-unstyled {
	list-style-type: none;
	padding-left: 0px;
}

/* Inline turns list items into inline-block */
.list-inline {
	list-style-type: none;
	padding-left: 0px;
}

.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 0.5rem; }

.blockquote {
	margin-bottom: 1rem;
	font-size: var(--fontSize-xl-0);
	line-height: var(--fontSize-xl-1);
}

.blockquote-footer { display: block; }
.blockquote-footer::before { content: "\2014\00A0"; /* em dash, nbsp */ }

/* Reinstate this as a base to allow specific overrides */
@media print {
	div { page-break-inside: auto; }
}

.page-break-before { page-break-before: always; }
.page-break-avoid { page-break-inside: avoid; }
.page-break-after { page-break-after: always; }



/* =============================================================================
   5. TABLES & DATA GRIDS
   Data tables: expense, subtotal, info and background-check table styles.
   ============================================================================= */

.expense-table {
	margin-bottom: 0.75rem;
	width: 100%;
}

.expense-table tr:nth-of-type(odd) {
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
}

.expense-table tr {
	page-break-inside: avoid;
	vertical-align: baseline;
}

.expense-table td, .expense-table th { padding: 0.5rem; }

.expense-table tr td:last-child { text-align: right; }

.subtotal-table {
	margin-bottom: 0.75rem;
	width: 100%;
}

.subtotal-table tr {
	page-break-inside: avoid;
	vertical-align: baseline;
}

.subtotal-table td, .subtotal-table th {
	padding: 0.5rem;
}

.subtotal-table tr td:last-child { text-align: right; }

.info-table { margin-bottom: 0.75rem; }

.info-table tr {
	page-break-inside: avoid;
	vertical-align: baseline;
}

.info-table td { padding-right: 0.5rem; }

.background_check__table td, .background_check__table tr { font-size: 10px; }



/* =============================================================================
   6. FOOTER
   Footer component: background, padding, subtext, affiliate logo and link variants.
   ============================================================================= */

.footer {
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.footer--small {
	--tw-bg-opacity: 1;
	background-color: rgb(223 227 228 / var(--tw-bg-opacity, 1));
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.footer__subtext {
	margin-bottom: 0.75rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
	.footer__subtext { margin-bottom: 0px; }
}

.footer__affiliate-logo {
	margin-bottom: 0.75rem;
	width: 5rem;
}

@media (min-width: 768px) {
	.footer__affiliate-logo { width: 8rem; }
}

.footer__link {
	margin-bottom: 0.5rem;
	margin-right: 0.5rem;
	display: block;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.footer__link:hover, .footer__link:focus, .footer__link:active { 
	--tw-text-opacity: 1;
	color: rgb(52 61 64 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
	.footer__link { margin-bottom: 0.75rem; }
}

.footer__link--dark {
	--tw-text-opacity: 1;
	color: rgb(52 61 64 / var(--tw-text-opacity, 1));
}

/* Ensure proper positioning */


/* =============================================================================
   7. FORM ELEMENTS - INPUTS, SELECTS, FIELDSETS
   Form group wrappers, input/select/textarea overrides, validation states and custom controls.
   ============================================================================= */

.form-group.relative {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}



/* =============================================================================
   8. DISPLAY-ONLY & COLOUR UTILITY CLASSES
   Alert panels, status colours and display-only utility classes.
   ============================================================================= */

.alert {
	margin-bottom: 0.75rem;
	border-radius: 0.25rem;
	border-width: 1px;
	border-left-width: 4px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

.alert--primary { border-left-color: #008CB8; }

.alert--warning { border-left-color: #F5A623; }

.alert--danger { border-left-color: #DD003E; }

.alert--light { border-left-color: #bac1c2; }

.alert--success { border-left-color: #00B757; }

.alert--primary .alert__icon {
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.alert--warning .alert__icon {
	--tw-text-opacity: 1;
	color: rgb(245 166 35 / var(--tw-text-opacity, 1));
}

.alert--danger .alert__icon {
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

.alert--light .alert__icon {
	--tw-text-opacity: 1;
	color: rgb(52 61 64 / var(--tw-text-opacity, 1));
}

.alert--success .alert__icon {
	--tw-text-opacity: 1;
	color: rgb(0 82 39 / var(--tw-text-opacity, 1));
}

.alert .alert__icon {
	margin-right: 0.75rem;
	margin-top: 0.25rem;
}

.alert__icon-container {
	margin-right: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
}

.address-dropdown-item.alert__icon-container {
	background-color: #dbeafe;
}

.alert__icon-container {
	min-height: 2rem;
	min-width: 2rem;
}

.alert__link {
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
	text-decoration-line: underline;
}

.alert__link:hover, .alert__link:focus, .alert__link:active {
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

.alert--with-top-warning-arrow {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(245 166 35 / var(--tw-border-opacity, 1));
	margin-top: 5px;
	position: relative;
}

.alert--with-top-warning-arrow:before {
	bottom: 100%;
	content: " ";
	height: 0;
	left: 50%;
	pointer-events: none;
	position: absolute;
	width: 0;
	border: solid transparent;
	border-bottom-color: #F5A623;
	border-width: 10px;
	margin-left: -10px;
}

.alert--with-top-right-warning-arrow-md {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(245 166 35 / var(--tw-border-opacity, 1));
}

@media (min-width: 768px) {
	.alert--with-top-right-warning-arrow-md {
		margin-top: 5px;
		position: relative;
	}

	.alert--with-top-right-warning-arrow-md:before {
		bottom: 100%;
		right: 2%;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border: solid transparent;
		border-bottom-color: #F5A623;
		border-width: 10px;
		margin-left: -10px;
	}

	.alternating__child:nth-child(odd) {
		--tw-bg-opacity: 1;
		background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	}
}

.alternating--table-padding > * {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.application__title-container {
	margin-bottom: 0.75rem;
	align-items: baseline;
	display: flex;
	justify-content: space-between;
}

.attachments__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	-moz-column-gap: 1rem;
		 column-gap: 1rem;
	row-gap: 2rem;
}

@media (min-width: 640px) {
	.attachments__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		-moz-column-gap: 1.5rem;
			 column-gap: 1.5rem;
	}
}

@media (min-width: 1024px) {
	.attachments__grid {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
}

@media (min-width: 1280px) {
	.attachments__grid {
		-moz-column-gap: 2rem;
			 column-gap: 2rem;
	}
}

.attachments__image {
	display: flex;
	height: 6rem;
	width: 100%;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	-o-object-fit: cover;
	 object-fit: cover;
	--tw-text-opacity: 1;
	color: rgb(186 193 194 / var(--tw-text-opacity, 1));
}

.attachments__image:hover {
	opacity: 0.75;
	text-decoration-line: none;
}

.attachments__caption {
	margin-top: 0.5rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600;
}



/* =============================================================================
   9. SEARCH & QUICK SEARCH BAR
   Address autocomplete, awesomplete dropdown and quick-search components.
   ============================================================================= */

.autocomplete {
	z-index: 10;
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border-width: 1px;
	border-top-width: 0px;
	--tw-border-opacity: 1;
	border-color: rgb(210 214 215 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding: 0px;
}

.autocomplete__item {
	display: block;
	padding: 0.5rem;
}

.autocomplete__item--hover, .autocomplete__item:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(0 140 184 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	text-decoration-line: none;
}



/* =============================================================================
   10. DISPLAY-ONLY & COLOUR UTILITY CLASSES (2)
   Badge labels and pill variants.
   ============================================================================= */

.badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	white-space: nowrap;
	border-radius: 9999px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	text-align: center;
	font-family: "Public Sans Web", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600
}

.badge--small {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: var(--fontSize-2xs-0);
	line-height: var(--fontSize-2xs-1);
	font-weight: 600;
	line-height: 1.25rem
}

.badge-pill {
	border-radius: 9999px
}

.badge-primary {
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 84 110 / var(--tw-text-opacity, 1))
}

.badge-secondary {
	--tw-bg-opacity: 1;
	background-color: rgb(253 232 237 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(139 16 47 / var(--tw-text-opacity, 1))
}

.badge-success {
	--tw-bg-opacity: 1;
	background-color: rgb(239 255 246 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 110 52 / var(--tw-text-opacity, 1))
}

.badge-info {
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 126 166 / var(--tw-text-opacity, 1))
}

.badge-warning {
	--tw-bg-opacity: 1;
	background-color: rgb(254 246 233 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(147 100 21 / var(--tw-text-opacity, 1))
}

.badge-danger {
	--tw-bg-opacity: 1;
	background-color: rgb(252 230 236 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(133 0 37 / var(--tw-text-opacity, 1))
}

.badge-light {
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1))
}

.badge-dark {
	--tw-bg-opacity: 1;
	background-color: rgb(73 83 87 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}



/* =============================================================================
   11. BUTTONS & ACTION CONTROLS
   Button base styles, variants (primary, secondary, warning, danger, outline) and size modifiers.
   ============================================================================= */

.btn {
	display: inline-flex;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
		    user-select: none;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;
	border-radius: 0.25rem;
	border-width: 1px;
	border-color: transparent;
	background-color: transparent;
	padding: 0.5rem;
	text-align: center;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600;
	line-height: 1;
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 431px) {
	.btn {
		gap: 0.5rem;
		padding-left: 1rem;
		padding-right: 1rem;
		font-size: var(--fontSize-base-0);
		line-height: var(--fontSize-base-1);
	}
}

.btn:hover {
	text-decoration-line: none;
}

.btn:focus-visible {
	outline-style: solid;
	outline-width: 2px;
	outline-offset: 2px;
	outline-color: #99D1E3;
}

.btn:active:active {
	--tw-scale-x: .95;
	--tw-scale-y: .95;
	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: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	text-decoration-line: none;
}

.btn:disabled {
	cursor: not-allowed;
	opacity: 0.75;
}

.btn-primary {
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(0 140 184 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-primary:hover {
	--tw-border-opacity: 1;
	border-color: rgb(0 84 110 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(0 84 110 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-secondary {
	--tw-border-opacity: 1;
	border-color: rgb(232 26 79 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(232 26 79 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-secondary:focus-visible {
	outline-color: #F6A3B9;
}

.btn-secondary:hover {
	--tw-border-opacity: 1;
	border-color: rgb(139 16 47 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(139 16 47 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-secondary-light {
	border-width: 0px;
	background-color: rgb(0 140 184 / 0.1);
	--tw-text-opacity: 1;
	color: rgb(3 78 130 / var(--tw-text-opacity, 1));
}

.btn-secondary-light:hover {
	background-color: rgb(0 140 184 / 0.2);
	--tw-text-opacity: 1;
	color: rgb(3 78 130 / var(--tw-text-opacity, 1));
}

.btn-success {
	--tw-border-opacity: 1;
	border-color: rgb(0 183 87 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(0 183 87 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-success:hover {
	--tw-border-opacity: 1;
	border-color: rgb(0 132 63 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(0 132 63 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-warning {
	--tw-border-opacity: 1;
	border-color: rgb(245 166 35 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(245 166 35 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-warning:focus-visible {
	outline-color: #FBDBA7;
}

.btn-warning:hover {
	--tw-border-opacity: 1;
	border-color: rgb(147 100 21 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(147 100 21 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-warning-light {
	--tw-border-opacity: 1;
	border-color: rgb(254 246 233 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(254 246 233 / var(--tw-bg-opacity, 1));
	font-weight: 500;
	--tw-text-opacity: 1;
	color: rgb(221 149 32 / var(--tw-text-opacity, 1));
}

.btn-warning-light:focus-visible {
	outline-color: #FEF6E9;
}

.btn-warning-light:hover {
	--tw-border-opacity: 1;
	border-color: rgb(253 233 200 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(253 233 200 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(221 149 32 / var(--tw-text-opacity, 1));
}

.btn-danger {
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(221 0 62 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-danger:focus-visible {
	outline-color: #F199B2;
}

.btn-danger:hover {
	--tw-border-opacity: 1;
	border-color: rgb(133 0 37 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(133 0 37 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-soft-danger {
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.btn-soft-danger:focus-visible {
	outline-color: #F199B2;
}

.btn-soft-danger:hover {
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

.btn-danger-light {
	--tw-border-opacity: 1;
	border-color: rgb(252 230 236 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(252 230 236 / var(--tw-bg-opacity, 1));
	font-weight: 500;
	--tw-text-opacity: 1;
	color: rgb(199 0 56 / var(--tw-text-opacity, 1));
}

.btn-danger-light:focus-visible {
	outline-color: #FEF6E9;
}

.btn-danger-light:hover {
	--tw-border-opacity: 1;
	border-color: rgb(247 191 207 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(247 191 207 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(199 0 56 / var(--tw-text-opacity, 1));
}

.btn-light {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

.btn-light:focus-visible {
	outline-color: #f7f9fa;
}

.btn-light:hover {
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(223 227 228 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

.btn-dark {
	--tw-border-opacity: 1;
	border-color: rgb(3 78 130 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(3 78 130 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-dark:focus-visible {
	outline-color: #96B0C2;
}

.btn-dark:hover {
	--tw-border-opacity: 1;
	border-color: rgb(2 47 78 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(2 47 78 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-outline-primary {
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.btn-outline-primary:focus-visible {
	outline-color: #99D1E3;
}

.btn-outline-primary:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(0 140 184 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-outline-secondary {
	--tw-border-opacity: 1;
	border-color: rgb(232 26 79 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(232 26 79 / var(--tw-text-opacity, 1));
}

.btn-outline-secondary:focus-visible {
	outline-color: #F6A3B9;
}

.btn-outline-secondary:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(232 26 79 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-outline-success {
	--tw-border-opacity: 1;
	border-color: rgb(0 183 87 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 183 87 / var(--tw-text-opacity, 1));
}

.btn-outline-success:focus-visible {
	outline-color: #99E2BC;
}

.btn-outline-success:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(0 183 87 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-outline-danger {
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

.btn-outline-danger:focus-visible {
	outline-color: #F199B2;
}

.btn-outline-danger:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(221 0 62 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-outline-warning {
	--tw-border-opacity: 1;
	border-color: rgb(245 166 35 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(221 149 32 / var(--tw-text-opacity, 1));
}

.btn-outline-warning:focus-visible {
	outline-color: #FBDBA7;
}

.btn-outline-warning:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(245 166 35 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-outline-dark {
	--tw-border-opacity: 1;
	border-color: rgb(3 78 130 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(3 78 130 / var(--tw-text-opacity, 1));
}

.btn-outline-dark:focus-visible {
	outline-color: #96B0C2;
}

.btn-outline-dark:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(3 78 130 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-link {
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.btn-link:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 84 110 / var(--tw-text-opacity, 1));
}

.btn-link:focus {
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-link:disabled {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
	pointer-events: none;
}

.btn-utility {
	padding: 0.35rem 0.65rem;
	font-size: 0.8125rem;		/* 13px */
	font-weight: 600;
	--tw-border-opacity: 1;
	border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.btn-utility:hover {
	--tw-border-opacity: 1;
	border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.btn-lg {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-size: var(--fontSize-lg-0);
	line-height: var(--fontSize-lg-1);
	line-height: 1;
}

.btn-sm {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: var(--fontSize-2xs-0);
	line-height: var(--fontSize-2xs-1);
	line-height: 1;
}

@media (min-width: 431px) {
	.btn-sm {
		font-size: var(--fontSize-sm-0);
		line-height: var(--fontSize-sm-1);
	}
}

.btn-block {
	display: block;
	width: 100%;
}

.btn-block + .btn-block {
	margin-top: 0.5rem;
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
	width: 100%;
}

.btn-arrowed {
	position: relative;
	padding-right: 2rem;
}

.form-group.btn-arrowed {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

@media (min-width: 431px) {
	.btn-arrowed {
		padding-right: 2.5rem;
	}
}

.btn-arrowed:hover::after {
	--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));
	transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
}

.btn-arrowed::after {
	content: "";
	height: 100%;
	position: absolute;
	right: 0.75rem;
	top: 0;
	width: 1rem;
}

.btn-arrowed.btn-dark::after, .btn-arrowed.btn-primary::after, .btn-arrowed.btn-secondary::after {
	background: url(/images/button-arrow-right-white.svg) no-repeat center;
}

.btn-arrowed.btn-outline-primary::after {
	background: url(/images/button-arrow-right-primary.svg) no-repeat center;
}

.btn-arrowed.btn-outline-primary:hover::after {
	background: url(/images/button-arrow-right-white.svg) no-repeat center;
}

.btn-arrowed.btn-outline-dark::after {
	background: url(/images/button-arrow-right-dark.svg) no-repeat center;
}

.btn-arrowed.btn-outline-dark:hover::after {
	background: url(/images/button-arrow-right-white.svg) no-repeat center;
}

.btn-arrowed.btn-link::after {
	background: url(/images/button-arrow-right-primary.svg) no-repeat center;
}

.btn-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.btn-white:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.btn-outline-white {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.btn-outline-white:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.btn-icon {
	height: 0.75rem;
	width: 0.75rem;
	flex-shrink: 0;
}

.btn-group {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}

.form-group.btn-group {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.btn-group > .btn {
	position: relative;
	flex-grow: 1;
}

.form-group.btn-group > .btn {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.btn-group > .btn:not(:first-child) {
	margin-left: -1px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.btn-group > .btn:not(:last-child) {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.btn-toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.border-bottom--light {
	border-width: 0px;
	border-right-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
}

.border-top--light {
	border-width: 0px;
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
}

.border-left--light {
	border-width: 0px;
	border-left-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
}

.border-right--light {
	border-width: 0px;
	border-right-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
}

.tooltip-trigger { position: relative; }
.tooltip-trigger::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #1f2937;
	color: white;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 11px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.2s;
}

.tooltip-trigger:hover::after { opacity: 1; }

/* -----------------------------------------------------------
   Input Help Panels
----------------------------------------------------------- */
.input-help-wrap {
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;
}

.input-help-wrap .form-control {
	flex: 1;
}

.input-help-wrap .campaign-help-control {
	flex: 1;
	min-width: 0;
}

.help-trigger {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: none;
	background-color: #1d6fa4;
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.help-trigger:hover,
.help-trigger.active {
	background-color: #155a85;
}

.help-panel {
	display: none;
	margin-top: 6px;
	padding: 10px 12px;
	background-color: #dbeafe;
	border-left: 4px solid #1d6fa4;
	border-radius: 4px;
	font-size: 13px;
	color: #1e3a5f;
	line-height: 1.5;
}

.help-panel.visible {
	display: block;
}


/* =============================================================================
   12. PANELS, POPUPS & MODAL OVERLAYS
   Card components, dropdown menus, popover overlays and panel variants.
   ============================================================================= */

.card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	overflow-wrap: anywhere;
}

.card > .list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.card-body {
	flex: 1 1 0%;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
	.card-body {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

.card-title {
	margin-bottom: 0.75rem;
}

.card-subtitle {
	margin-top: -0.5rem;
	margin-bottom: 0px;
}

.card-text:last-child {
	margin-bottom: 0px;
}

.card-link:hover,
	.card-link:focus,
	.card-link:active {
	text-decoration-line: none;
}

.card-link + .card-link {
	margin-left: 1.25rem;
}

.card-header {
	margin-bottom: 0px;
	border-bottom-width: 2px;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-size: var(--fontSize-lg-0);
	line-height: var(--fontSize-lg-1);
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
	.card-header {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

.card-header + .list-group .list-group-item:first-child {
	border-top-width: 0px;
}

/* This isn't out of Bootstrap */
.card-heading {
	margin-bottom: 0px;
	font-size: var(--fontSize-lg-0);
	line-height: var(--fontSize-lg-1);
	font-weight: 600;
	line-height: 1.5rem;
}

.card-subheading {
	margin-top: 0.25rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.card-footer {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	gap: 0.75rem;
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

@media (min-width: 640px) {
	.card-footer {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

.card-header-tabs {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
	margin-bottom: -0.75rem !important;
	border-bottom-width: 0 !important;
}

.card-header-tabs .nav-link.active {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
}

.card-action {
	display: block;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.card-action:hover, .card-action:focus-within {
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	text-decoration-line: none;
}

.address-dropdown-item.card-action:hover,.address-dropdown-item .card-action:focus-within {
	background-color: #dbeafe;
}

.card-actionable {
	position: relative;
	display: block;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.form-group.card-actionable {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.card-actionable:hover, .card-actionable:focus-within {
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	text-decoration-line: none;
}

.address-dropdown-item.card-actionable:hover,.address-dropdown-item .card-actionable:focus-within {
	background-color: #dbeafe;
}

.card--actionable {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
	color: inherit;
}

.card--actionable:hover, .card--actionable:focus, .card--actionable:active {
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.address-dropdown-item.card--actionable:hover,.address-dropdown-item .card--actionable:focus,.address-dropdown-item .card--actionable:active {
	background-color: #dbeafe;
}

.card--actionable:hover, .card--actionable:focus, .card--actionable:active { 
	color: inherit;
	text-decoration: none;
}

.card-prompt {
	border-width: 1px;
	border-style: dashed;
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
}

.address-dropdown-item.card-prompt {
	background-color: #dbeafe;
}

.card-warning .card-header {
	--tw-border-opacity: 1;
	border-color: rgb(251 219 167 / var(--tw-border-opacity, 1));
}

.card-danger .card-header {
	--tw-border-opacity: 1;
	border-color: rgb(241 153 178 / var(--tw-border-opacity, 1));
}

.card-sm .card-header {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.card-sm .card-heading {
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
}

.card-sm .card-body {
	padding: 0.75rem;
}

.checkout {
	position: relative;
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding: 1rem;
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form-group.checkout {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.checkout::before {
	right: 1rem;
	top: 1rem;
	content: url(/images/receipt-icon.svg);
	position: absolute;
}

.checkout__heading {
	margin-bottom: 1.25rem;
	margin-top: 0.25rem;
	font-size: var(--fontSize-lg-0);
	line-height: var(--fontSize-lg-1);
	font-weight: 600;
}

.checkout__item {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.checkout__item--border {
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
}

.checkout__item--total {
	padding-bottom: 0;
	padding-top: 0;
}

.checkout__content, .checkout__price {
	flex-basis: 100%;
	white-space: normal;
}

.checkout__price {
	flex-shrink: 2;
	text-align: right;
}

.toggle-open .btn-icon {

	--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));
}

.communication .text-themed {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.communication.danger .text-themed {
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

.communication.message .text-themed {
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

.communication.message a.text-themed {
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.communication.offline .text-themed {
	--tw-text-opacity: 1;
	color: rgb(3 78 130 / var(--tw-text-opacity, 1));
}

.communication.offline a.text-themed {
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.help-button {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 10;
	margin-bottom: 1rem;
	margin-right: 1rem;
}

dialog.help-button {
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
}

.help-button .contact-icon {
	display: flex;
	height: 3rem;
	width: 3rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(0 140 184 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.help-button .contact-icon:hover {
	--tw-text-opacity: 1;
	color: rgb(233 238 240 / var(--tw-text-opacity, 1));
}

.help-button .contact-icon .icon {
	height: 1.5rem;
}

#bankAccountsWrapper .bank-account-block[data-state="archived"] { display: none; }
#bankAccountsWrapper.show-archived .bank-account-block[data-state="archived"] { display: block; }

.status-badge { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; }
.status-badge.status-active  { background: #dcfce7; color: #166534; }
.status-badge.status-pending { background: #fef9c3; color: #854d0e; }
.status-badge.status-dead    { background: #fee2e2; color: #991b1b; }

.consent-table th, .consent-table td { padding: 2px 0; }

.system-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.system-modal.hidden { display: none; }
.system-modal-content { background: #fff; padding: 1.25rem; border-radius: 8px; width: 360px; max-width: 90vw; }


/* =============================================================================
   13. LAYOUT UTILITIES & MISC HELPERS - GRID & CONTAINER
   Container, fluid container, row/column grid helpers and responsive layout utilities.
   ============================================================================= */

.container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 80rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

@media (min-width: 640px) {
	.container {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

.container-fluid {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

@media (min-width: 640px) {
	.container-fluid {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

.credit-card__input {
	border-left-width: 0px;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.credit-card__icon {
	border-right-width: 0px;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	font-size: var(--fontSize-lg-0);
	line-height: var(--fontSize-lg-1);
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.credit-card__errors {
	margin-bottom: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

/* Embedded icons from Open Iconic.
Released under MIT and copyright 2014 Waybury.
https://useiconic.com/open

Checkboxes and radios

Base class takes care of all the key behavioral aspects */
.control-group {
	margin-right: 0.5rem;
	display: flex;
	align-items: center;
}

.control-group label {
	margin-bottom: 0px;
	margin-left: 0.5rem;
}
/* File

Custom file input */
.custom-file {
	position: relative;
	margin-bottom: 0px;
	display: inline-block;
	height: 3rem;
	width: 100%;
}

.form-group.custom-file {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.custom-file-input {
	position: relative;
	z-index: 20;
	margin: 0px;
	height: 3.5rem;
	width: 100%;
	overflow: hidden;
	opacity: 0;
}

.form-group.custom-file-input {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.custom-file-input:focus ~ .custom-file-label {
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(191 226 237 / var(--tw-ring-opacity, 1));
}

/* Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247 */
.custom-file-input[disabled] ~ .custom-file-label,
	.custom-file-input:disabled ~ .custom-file-label {
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
	content: attr(data-browse);
}

.custom-file-label {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 10;
	margin-bottom: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 0.25rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.custom-file-label::after {
	position: absolute;
	bottom: 0px;
	right: 0px;
	top: 0px;
	z-index: 30;
	display: block;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
	border-left: inherit;
	content: "Browse";
}

.custom-control-label::before,
.custom-file-label {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dashboard__section-title {
	font-size: var(--fontSize-2xl-0);
	line-height: var(--fontSize-2xl-1);
	font-weight: 600;
}

.direct-upload__progress-container {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	overflow: hidden;
	border-radius: 0.25rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.direct-upload__text {
	margin-left: 0.25rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.direct-upload__progress-bar {
	height: 1.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(0 140 184 / var(--tw-bg-opacity, 1));
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.direct-upload--error {
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
}

.document {
	display: flex;
	gap: 0.25rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.document__icon {
	margin-top: 0.125rem;
	height: 2rem;
	-o-object-fit: contain;
		 object-fit: contain;
}

.document__title {
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
	font-weight: 600;
	line-height: 1.25;
}

.document__content {
	font-size: var(--fontSize-xs-0);
	line-height: var(--fontSize-xs-1);
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

/* The dropdown wrapper (`<div>`) */
.dropup,
.dropright,
.dropdown,
.dropleft {
	position: relative;
}

/* The dropdown menu */
.dropdown-menu {
	position: absolute;
	z-index: 50;
	border-radius: 0.25rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 431px) {
	.dropdown-menu {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}

.dropdown-menu {
	background-clip: padding-box;
	display: none; /* none by default, but block on "open" of the menu */
	float: left;
	left: 0;
	list-style: none;
	text-align: left; /* Ensures proper alignment if parent has it changed (e.g., modal footer) */
	top: 100%;
}

/* When enabled Popper.js, reset basic dropdown position */
.dropdown-menu[x-placement^="top"],
	.dropdown-menu[x-placement^="right"],
	.dropdown-menu[x-placement^="bottom"],
	.dropdown-menu[x-placement^="left"] {
		bottom: auto;
		right: auto;
	;
}

/* Dividers (basically an `<hr>`) within the dropdown */
.dropdown-divider {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
	height: 0;
	overflow: hidden;
}
/* Links, buttons, and more within the dropdown menu

`<button>`-specific styles are denoted with `// For <button>s`
*/
.dropdown-item {
	display: block;
	width: 100%;
	background-color: transparent;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

@media (min-width: 431px) {
	.dropdown-item {
		font-size: var(--fontSize-base-0);
		line-height: var(--fontSize-base-1);
	}
}

.dropdown-item {
	border: 0; /* For `<button>`s */
	clear: both;
	text-align: inherit; /* For `<button>`s */
	white-space: nowrap;
}

/* prevent links from randomly breaking onto new lines */
.dropdown-item:hover, .dropdown-item:focus {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
	text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active {
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

.address-dropdown-item.dropdown-item.active,.address-dropdown-item .dropdown-item:active {
	background-color: #dbeafe;
}

.dropdown-item.active, .dropdown-item:active {
	text-decoration: none;
}

.dropdown-item.disabled, .dropdown-item:disabled {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
	background-color: transparent;
	pointer-events: none;
}

.dropdown-menu.show {
	display: block;
}

.expandable__trigger--hide {
	display: none;
}

.expandable__content {
	display: none;
}

.expandable__content--show {
	display: initial;
}

.expense {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	align-items: center;
	display: flex;
	flex-flow: row nowrap;
}

.expense:nth-child(even) {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.expense__icon {
	margin-left: 0.75rem;
	margin-right: 0.75rem;
}

.expense__title {
	margin-bottom: 0;
}

.expense__content {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.expense__links {
	margin-left: auto;
}

details.faq.alternating:nth-child(odd) summary {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

details.faq[open] summary img.chevron  {
	--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));
}

details.faq summary {
	list-style: none;
}

details.faq summary::-webkit-details-marker {
	display: none;
}

.expense-list__item:nth-of-type(odd) {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.expense-list__item,
	.expense-list__total {
	padding: 0.5rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

@media (min-width: 768px) {
	.expense-list__item, .expense-list__total {
		font-size: var(--fontSize-base-0);
		line-height: var(--fontSize-base-1);
	}
}

.expense-list__total {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.expense-list__number {
	font-feature-settings: "tnum";
}

.feature {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.feature:nth-child(even) {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.feature--small-spacing {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
	padding-top: 0px;
	padding-bottom: 0px;
}

.feature__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	--tw-text-opacity: 1;
	color: rgb(52 61 64 / var(--tw-text-opacity, 1));
	order: -1;
}

@media (min-width: 768px) {
	.feature__content {
		order: initial;
	}
}

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

.feature__tick {
	margin: auto;
	display: flex;
	height: 1.5rem;
	width: 1.5rem;
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px) {
	.feature__tick {
		height: 2rem;
		width: 2rem;
	}
}

.custom-file-label {
	overflow: hidden;
}

.flash {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.flash--success {
	--tw-bg-opacity: 1;
	background-color: rgb(239 255 246 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 183 87 / var(--tw-text-opacity, 1));
}

.flash--secondary {
	--tw-bg-opacity: 1;
	background-color: rgb(253 232 237 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(232 26 79 / var(--tw-text-opacity, 1));
}

.flash--warning {
	--tw-bg-opacity: 1;
	background-color: rgb(254 246 233 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.flash--dark {
	--tw-bg-opacity: 1;
	background-color: rgb(52 61 64 / var(--tw-bg-opacity, 1));
}

.flash--danger {
	--tw-bg-opacity: 1;
	background-color: rgb(252 230 236 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

.flash__content {
	display: flex;
	align-items: center;
	line-height: 1.375;
}

.flash__icon {
	margin-right: 0.5rem;
	display: inline-flex;
	width: 1.25rem;
	height: 1.25rem;
	flex: none;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
}

.flash__link {
	cursor: pointer;
	border-bottom-width: 1px;
	border-color: currentColor;
	color: currentColor;
}

.flash__link:hover {
	text-decoration-line: none;
}

.stripe-form-control {
	display: block;
	height: 3rem;
	width: 100%;
	border-radius: 0.25rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	line-height: 1.5;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

.stripe-form-control::-moz-placeholder {
	--tw-placeholder-opacity: 1;
	color: rgb(100 108 112 / var(--tw-placeholder-opacity, 1));
}

.stripe-form-control::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgb(100 108 112 / var(--tw-placeholder-opacity, 1));
}

.stripe-form-control {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.stripe-form-control:focus {
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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(255 255 255 / var(--tw-ring-opacity, 1));
	--tw-ring-offset-width: 2px;
	--tw-ring-offset-color: #99D1E3;
}

:not(.control-group)
	> label:not(.radio-block, .form-check-label, .custom-file-label) {
	margin-bottom: 0.5rem;
	display: block;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 500;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

.file-input {
	display: block;
	width: 100%;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

.file-input::file-selector-button {
	margin-right: 1rem;
	border-radius: 9999px;
	border-width: 0px;
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(0 84 110 / var(--tw-text-opacity, 1));
}

.file-input::file-selector-button:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(191 226 237 / var(--tw-bg-opacity, 1));
}

.form-help {
	margin-top: 0.5rem;
	font-size: var(--fontSize-xs-0);
	line-height: var(--fontSize-xs-1);
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="search"],
input[type="tel"],
select,
select[multiple],
textarea {
	height: 3rem;
	width: 100%;
	border-radius: 0.25rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	line-height: 1.5;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

/* We don't want the dates to be 100% */
input.date-control {
	width: 200px !important;
}

/* We don't want the numbers to be 100% */
input.number-control {
	width: 200px !important;
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, select::-moz-placeholder, select[multiple]::-moz-placeholder, textarea::-moz-placeholder {
	--tw-placeholder-opacity: 1;
	color: rgb(186 193 194 / var(--tw-placeholder-opacity, 1));
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="url"]::placeholder,
input[type="date"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
select::placeholder,
select[multiple]::placeholder,
textarea::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgb(186 193 194 / var(--tw-placeholder-opacity, 1));
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="search"],
input[type="tel"],
select,
select[multiple],
textarea {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px) {
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="url"],
	input[type="date"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="week"],
	input[type="time"],
	input[type="search"],
	input[type="tel"],
	select,
	select[multiple],
	textarea {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
select:focus,
select[multiple]:focus,
textarea:focus {
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(0 140 184 / var(--tw-ring-opacity, 1));
}

input[type="text"]:disabled,
	input[type="text"][readonly],
	input[type="password"]:disabled,
	input[type="password"][readonly],
	input[type="email"]:disabled,
	input[type="email"][readonly],
	input[type="number"]:disabled,
	input[type="number"][readonly],
	input[type="url"]:disabled,
	input[type="url"][readonly],
	input[type="date"]:disabled,
	input[type="date"][readonly],
	input[type="datetime-local"]:disabled,
	input[type="datetime-local"][readonly],
	input[type="month"]:disabled,
	input[type="month"][readonly],
	input[type="week"]:disabled,
	input[type="week"][readonly],
	input[type="time"]:disabled,
	input[type="time"][readonly],
	input[type="search"]:disabled,
	input[type="search"][readonly],
	input[type="tel"]:disabled,
	input[type="tel"][readonly],
	select:disabled,
	select[readonly],
	select[multiple]:disabled,
	select[multiple][readonly],
	textarea:disabled,
	textarea[readonly] {
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	opacity: 1;
}

/* Apply red border for invalid fields */
input.is-invalid,
select.is-invalid,
select[multiple].is-invalid,
textarea.is-invalid {
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
}

/* Apply red border and ring on focus for invalid fields */
input.is-invalid:focus,
select.is-invalid:focus,
select[multiple].is-invalid:focus,
textarea.is-invalid:focus {
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(221 0 62 / var(--tw-ring-opacity, 1));
}

/* Highlight custom file input label when invalid */
.custom-file-label.is-invalid {
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
	border-radius: 0.25rem;
}

input[type="checkbox"]:disabled,
	input[type="checkbox"]:disabled:hover,
	input[type="checkbox"][readonly],
	input[type="radio"]:disabled,
	input[type="radio"]:disabled:hover,
	input[type="radio"][readonly] {
	cursor: not-allowed;
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
}
input[type="radio"].is-invalid {
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
}
input[type="radio"].is-invalid:focus {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(247 191 207 / var(--tw-ring-opacity, 1));
}
input[type="checkbox"] {
	border-radius: 0.25rem;
}
input[type="submit"] {
	cursor: pointer;
}
input[type="submit"]:disabled {
	cursor: not-allowed;
}
/* Make file inputs better match text inputs by forcing them to new lines. */
.form-control-file,
.form-control-range {
	display: block;
	width: 100%;
}
select[size],
	select[multiple] {
		height: auto;
}

textarea {
	height: auto;
}

/* Form groups

Designed to help with the organisation and spacing of vertical forms. For horizontal forms, use the predefined grid classes */
.form-group {
	isolation: isolate;
	margin-bottom: 1rem;
}

.form-text {
	margin-top: 0.25rem;
	display: block;
}
/* Checkboxes and radios

Indent the labels to position radios/checkboxes as hanging controls */
.form-check {
	position: relative;
	margin-left: 1.25rem;
	display: block;
}

.form-group.form-check {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.form-check-input {
	position: absolute;
	margin-left: -1.25rem;
	margin-top: 0.25rem;
}

/* Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247 */
.form-check-input[disabled] ~ .form-check-label,
	.form-check-input:disabled ~ .form-check-label {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.form-check-label {
	position: relative;
}

.form-group.form-check-label {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.form-check-label {
	left: 0.25rem;
	margin-bottom: 0; /* Override default `<label>` bottom margin */
}

.form-check-inline {
	margin-right: 0.75rem;
	display: inline-flex;
	align-items: center;
	padding-left: 0px;
}

/* Undo .form-check-input defaults and add some `margin-right`. */
.form-check-inline .form-check-input {
	position: static;
	margin-left: 0px;
	margin-right: 0.75rem;
	margin-top: 0px;
}

.invalid-feedback {
	margin-top: 0.25rem;
	width: 100%;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}
/* Inline forms

Make forms appear inline(-block) by adding the `.form-inline` class. Inline
forms begin stacked on extra small (mobile) devices and then go inline when
viewports reach <768px.
Requires wrapping inputs and labels with `.form-group` for proper display of
default HTML form controls and  custom form controls (eg, input groups) */
.form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

/* 
Prevent shorter elements from growing to same height as others (eg, small buttons growing to normal sized button height)
Because of flex use, the initial sizing of checkboxes is collapsed and doesn't occupy the full-width (which is what we want for xs grid tier), so we force that here.
*/
.form-inline .form-check {
	width: 100%;
}

/* Kick in the inline */
@media (min-width: 640px) {
	.form-inline {
		/* Inline-block all the things for "inline" */
		/* Allow folks to *not* use `.form-group` */
		/* Make static controls behave like regular ones */
		/* Remove default margin on radios/checkboxes that were used for stacking, and then undo the floating of radios and checkboxes to match. */
	}

	.form-inline label {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
	}

	.form-inline .form-group {
		display: flex;
		flex: 0 0 auto;
		flex-flow: row wrap;
		align-items: center;
		margin-bottom: 0;
	}

	.form-inline input {
		display: inline-block;
		width: auto; /* Prevent labels from stacking above inputs in `.form-group` */
		vertical-align: middle;
	}

	.form-inline .form-control-plaintext {
		display: inline-block;
	}

	.form-inline .input-group {
		width: auto;
	}

	.form-inline .form-check {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		padding-left: 0;
	}

	.form-inline .form-check-input {
		position: relative;
		margin-left: 0px;
		margin-right: 0.25rem;
		margin-top: 0px;
		flex-shrink: 0;
	}

	.form-group.form-inline .form-check-input {
		position: relative;
		z-index: 1; /* Ensure form group has stacking context */
	}

	.form-inline .custom-control {
		align-items: center;
		justify-content: center;
	}

	.form-inline .custom-control-label {
		margin-bottom: 0px;
	}
}

label.highlight-on-child-selected:has(input[type="radio"]:checked) {
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(240 248 253 / var(--tw-bg-opacity, 1));
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

.form-control-line--disabled {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	opacity: 0.5;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.gallery {
	position: relative;
}

.gallery__container {
	position: relative;
	display: flex;
	height: 24rem;
	overflow-x: hidden;
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.form-group.gallery__container {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

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

.gallery__placeholder {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.gallery__image {
	height: 24rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	-o-object-fit: cover;
	object-fit: cover;
}

.gallery__image:hover {
	cursor: pointer;
}

.gallery__controls {
	bottom: 5px;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
}

.page-heading {
	margin-bottom: 1.25rem;
	margin-top: 0.75rem;
	font-size: var(--fontSize-2xl-0);
	line-height: var(--fontSize-2xl-1);
	font-weight: 600;
}

.page-subheading {
	margin-top: -1rem;
	margin-bottom: 1.25rem;
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
}

.landing-heading {
	font-size: var(--fontSize-4xl-0);
	line-height: var(--fontSize-4xl-1);
	font-weight: 500;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
	.landing-heading {
		font-size: var(--fontSize-5xl-0);
		line-height: var(--fontSize-5xl-1);
	}
}

.img-fluid {
	height: auto;
	max-width: 100%;
}

.figure {
	display: inline-block;
}

.figure-img {
	margin-bottom: 0.75rem;
}

.figure-caption {
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.info-box {
	margin-bottom: 1rem;
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	padding: 0.75rem;
	position: relative;
}

.info-box__header {
	margin-top: -0.75rem;
}

.info-box__title {
	margin-bottom: 0.5rem;
	font-family: "GT Walsheim", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	line-height: 1.25;
}

.info-box__content {
	margin: 0px;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}



/* =============================================================================
   14. FIELDSETS & LEGEND GROUPS
   Input groups, custom file inputs, prepend/append controls and fieldset/legend overrides.
   ============================================================================= */

.input-group {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap; /* For form validation feedback */
	position: relative;
	width: 100%;
}

.input-group > input,
	.input-group > select,
	.input-group > .stripe-form-control,
	.input-group > .form-control-plaintext,
	.input-group > .custom-file {
		flex: 1 1 auto;
		margin-bottom: 0;
		position: relative; /* For focus state's z-index */
		/* Add width 1% and flex-basis auto to ensure that button will not wrap out the column. Applies to IE Edge+ and Firefox. Chrome does not require this .*/
		width: 1%;
}

.input-group > input input,
		.input-group > input + .custom-file,
		.input-group > select input,
		.input-group > select + .custom-file,
		.input-group > .stripe-form-control input,
		.input-group > .stripe-form-control + .custom-file,
		.input-group > .form-control-plaintext input,
		.input-group > .form-control-plaintext + .custom-file,
		.input-group > .custom-file input,
		.input-group > .custom-file + .custom-file {
	margin-left: -1px;
}

/* Bring the "active" form control to the top of surrounding elements */
.input-group > input:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
	z-index: 3;
}

/* Bring the custom file input above the label */
.input-group > .custom-file .custom-file-input:focus {
	z-index: 4;
}

.input-group > .awesomplete > input {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;

}

.input-group > input:not(:last-child), .input-group > select:not(:last-child) {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.input-group > input:not(:first-child), .input-group > select:not(:first-child) {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/* Custom file inputs have more complex markup, thus requiring different border-radius overrides */
.input-group > .custom-file {
	align-items: center;
	display: flex;
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/* Prepend and append
While it requires one extra layer of HTML for each, dedicated prepend and
append elements allow us to 1) be less clever, 2) simplify our selectors, and
3) support HTML5 form validation */
.input-group-prepend,
.input-group-append {
	display: flex;
}

/* 
Ensure buttons are always above inputs for more visually pleasing borders.
This isn't needed for `.input-group-text` since it shares the same border-color as our inputs
*/
.input-group-prepend .btn, .input-group-append .btn {
	position: relative;
	z-index: 2;
}

.input-group-prepend .btn:focus, .input-group-append .btn:focus {
	z-index: 3;
}

.input-group-prepend .btn + .btn,
	.input-group-prepend .btn + .input-group-text,
	.input-group-prepend .input-group-text + .input-group-text,
	.input-group-prepend .input-group-text + .btn,
	.input-group-append .btn + .btn,
	.input-group-append .btn + .input-group-text,
	.input-group-append .input-group-text + .input-group-text,
	.input-group-append .input-group-text + .btn {
	margin-left: -1px;
}

.input-group-prepend {
	margin-right: -1px;
}

.input-group-prepend .input-group-text {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
}

.input-group-prepend input {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.input-group-append {
	margin-left: -1px;
}

/* Textual addons
Serves as a catch-all element for any text or radio/checkbox input you wish to prepend or append to an input */
.input-group-text {
	border-radius: 0.25rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-weight: 400;
	line-height: 1.5;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
	align-items: center;
	display: flex;
	margin-bottom: 0; /* Allow use of <label> elements by overriding our default margin-bottom */
	text-align: center;
	white-space: nowrap;
}

/* Nuke default margins from checkboxes and radios to vertically center within. */
.input-group-text input[type="radio"],
	.input-group-text input[type="checkbox"] {
		margin-top: 0;
}

/* Prepend and append rounded corners
These rulesets must come after the sizing ones to properly override sm and lg
border-radius values when extending. They're more specific than we'd like
with the `.input-group >` part, but without it, we cannot override the sizing */
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group
	> .input-group-append:last-child
	> .btn:not(:last-child):not(.dropdown-toggle),
.input-group
	> .input-group-append:last-child
	> .input-group-text:not(:last-child) {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
	> .input-group-prepend:first-child
	> .input-group-text:not(:first-child) {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.layout {
	display: grid;
	padding-top: 1rem;
}

@media (min-width: 768px) {
	.layout {
		grid-template-columns: repeat(7, minmax(0, 1fr));
		gap: 1.5rem;
	}
}

.address-dropdown:not(.layout__navigation) {
	display: block;
	z-index: 9999;
}

@media print {
	.layout__navigation {
		display: none;
	}
}

@media (min-width: 768px) {
	.layout {
		grid-template-columns: 16rem 1fr 1fr 1fr 1fr 1fr;
		gap: 1.5rem;
	}
	.layout__navigation {
		display: block;
		grid-column: 1 / 2;
	}
	.layout__content {
		grid-column: 2 / 9;
	}
	.layout__content > .front-office-content-crumbtrail {
		margin-top: 0.75rem;
	}
	/* Use this class to span the entire UI width */
	.layout--full .layout__content {
		grid-column: 1 / 9;
	}
}

.link-arrowed {
	position: relative;
	padding-right: 1rem;
}

.form-group.link-arrowed {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.link-arrowed::after {
		background: url(/images/link-arrow-right.svg) no-repeat center;
		content: "";
		height: 100%;
		position: absolute;
		right: 0.75rem;
		top: 0;
		width: 1rem;
}

.list-group-item {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.list-group-item:hover,
	.list-group-item:active,
	.list-group-item:focus {
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	text-decoration-line: none;
}

.address-dropdown-item.list-group-item:hover,.address-dropdown-item
	.list-group-item:active,.address-dropdown-item
	.list-group-item:focus {
	background-color: #dbeafe;
}

.list-group-item-disabled {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.list-group-item--stale {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.list-group-item--fresh {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.list-group-item--border-info {
	border-left-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(3 78 130 / var(--tw-border-opacity, 1));
}

.list-group-item--border-danger {
	border-left-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
}

.list-group-item--border-warning {
	border-left-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(245 166 35 / var(--tw-border-opacity, 1));
}

.list-group-item--border-success {
	border-left-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(0 183 87 / var(--tw-border-opacity, 1));
}

.list-group-item--with-chevron::after {
	position: absolute;
	bottom: 0px;
	right: 1rem;
	top: 0px;
	display: flex;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	align-items: center;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms; 
	content: url(/images/chevron-right.svg);
}

.list-group-item--with-chevron:hover::after {
	--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));
}

.list-group {
	margin-bottom: 0px;
	display: flex;
	flex-direction: column;
	padding-left: 0px;
}

.list-group-item-action {
	width: 100%;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-duration: 100ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.list-group-item-action:hover, .list-group-item-action:focus, .list-group-item-action:active {
	z-index: 10;
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
	text-decoration-line: none;
}

.address-dropdown-item.list-group-item-action:hover,.address-dropdown-item
	.list-group-item-action:focus,.address-dropdown-item
	.list-group-item-action:active {
	background-color: #dbeafe;
}

.list-group-item {
	position: relative;
	margin-bottom: -1px;
	display: block;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.form-group.list-group-item {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.list-group-item:first-child {
	border-top-width: 1px;
}

.list-group-item:last-child {
	margin-bottom: 0px;
	border-bottom-width: 1px;
}

.list-group-item.disabled,
	.list-group-item:disabled {
	pointer-events: none;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

/* Include both here for `<a>`s and `<button>`s */
.list-group-item.active {
	z-index: 20;
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.list-group-flush .list-group-item {
	border-radius: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}

.list-group-flush .list-group-item:last-child {
	margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
	border-top-width: 0px;
}

.list-group-flush:last-child .list-group-item:last-child {
	margin-bottom: 0px;
	border-bottom-width: 0px;
}

.loading__icon {
	display: none;
	height: 1.5rem;
}

.address-dropdown:not(.loading__icon) {
	display: block;
	z-index: 9999;
}

.loading__icon--show {
	display: block;
}

.loading__icon--large {
	height: 5rem;
}

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

.media-body {
	flex-grow: 1;
}

.medium {
	position: relative;
	margin-right: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.form-group.medium {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.medium:hover .medium__button {
	display: block;
}

.medium__button {
	position: absolute;
	right: 0.25rem;
	top: 0.25rem;
	display: none;
}

.flatpickr-day.medium__button {
	visibility: hidden;
}

.address-dropdown:not(.medium__button) {
	display: block;
	z-index: 9999;
}

.medium__image {
	margin-bottom: 0.5rem;
	height: 4rem;
	width: auto;
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	-o-object-fit: cover;
	object-fit: cover;
}

@media (min-width: 640px) {
	.medium__image {
		height: 5rem;
	}
}

.medium__image--large {
	height: 8rem;
}

.medium__label {
	position: absolute;
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(232 26 79 / var(--tw-bg-opacity, 1));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.menu {
	display: flex;
	min-width: 0px;
	flex-direction: column;
	align-items: stretch;
	gap: 0.5rem;
	overflow: hidden;
}

@media (min-width: 768px) {
	.menu {
		gap: 0px;
	}
}

.menu__icon {
	display: inline-block;
	height: 1rem;
	width: 1rem;
	flex-shrink: 0;
	--tw-text-opacity: 1;
	color: rgb(186 193 194 / var(--tw-text-opacity, 1));
}

.menu__prompt {
	margin-left: auto;
	display: block;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(221 0 62 / var(--tw-bg-opacity, 1));
}

.menu__tag {
	margin-left: auto;
	width: 2.25rem;
	min-width: -moz-max-content;
	min-width: max-content;
	white-space: nowrap;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
	text-align: center;
	font-size: var(--fontSize-xs-0);
	line-height: var(--fontSize-xs-1);
	line-height: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-inset: inset;
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(233 238 240 / var(--tw-ring-opacity, 1));
}

.menu__heading {
	margin-top: 1rem;
	font-size: var(--fontSize-xs-0);
	line-height: var(--fontSize-xs-1);
	font-weight: 600;
	line-height: 1.5rem;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.menu_link {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
	.menu_link {
		gap: 0.5rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-left: 0px;
		padding-right: 0px;
		font-size: var(--fontSize-2xs-0);
		line-height: var(--fontSize-2xs-1);
	}
}

@media (min-width: 1024px) {
	.menu_link {
		gap: 0.75rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		font-size: var(--fontSize-sm-0);
		line-height: var(--fontSize-sm-1);
	}
}

.menu_link:hover, .menu_link:focus, .menu_link:active {
	--tw-text-opacity: 1;
	color: rgb(0 84 110 / var(--tw-text-opacity, 1));
	text-decoration-line: none;
}

.menu_link:active {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.menu_hidden {
	/* Guarantees that the menu is hidden when this class is present, overriding any conflicting display rules */
	display: none !important; 
}

@media (min-width: 1024px) {
	.menu_link {
		-moz-column-gap: 0.75rem;
		column-gap: 0.75rem;
		border-radius: 0.25rem;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
		transition-duration: 150ms;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

	.menu_link:not(.menu_link_active):hover,
	.menu_link:not(.menu_link_active):focus,
	.menu_link:not(.menu_link_active):active {
		--tw-bg-opacity: 1;
		background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(32 38 40 / var(--tw-text-opacity, 1));
	}
}

.menu_link_active {

	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
	.menu_link_active {
		--tw-bg-opacity: 1;
		background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(0 140 184 / var(--tw-text-opacity, 1));
	}
}

.menu_link_active .menu__icon {
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.menu__label {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.menu__divider {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	height: 0.25rem;
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
}



/* =============================================================================
   15. NAVIGATION - TOP MENU
   Top navigation bar, nav links, disabled states and dropdown integration.
   ============================================================================= */

.nav {
	margin-bottom: 0px;
	display: flex;
	list-style-type: none;
	flex-wrap: wrap;
	padding-left: 0px;
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
	font-weight: 400;
}

.nav-link {
	display: block;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.nav-link:hover,
	.nav-link:focus,
	.nav-link:active {
	text-decoration-line: none;
}

.nav-link.disabled {
	pointer-events: none;
	cursor: default;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}



/* =============================================================================
   16. NAVIGATION - TAB MENUS
   Tab navigation bars (.nav-tabs), tab content pane visibility and active states.
   ============================================================================= */

.nav-tabs .nav-item {
	margin-bottom: -2px;
}

.nav-tabs .nav-link {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	border-width: 1px;
	border-color: transparent;
}

.nav-tabs .nav-link:hover {
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
	border-bottom-color: transparent;
}

.nav-tabs .nav-link.disabled {
	border-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.nav-tabs .nav-link.active,
	.nav-tabs .nav-item.show .nav-link {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
	border-bottom-color: transparent;
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.tab-content > .tab-pane {
	display: none;
}

.tab-content > .active {
	display: block;
}

.navigation-menu {
	position: relative;
}

.form-group.navigation-menu {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.navigation-menu_logo {
	height: 2.75rem;
}

.navigation-menu_heading {
	max-width: 28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
	color: rgb(26, 47, 74);			/* dark navy, matches logo */
}

@media (min-width: 640px) {
	.navigation-menu_heading {
		max-width: 32rem;
	}
}

@media (min-width: 768px) {
	.navigation-menu_heading {
		max-width: 36rem;
	}
}

.navigation-menu_breadcrumbs {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.375;
}

.navigation-menu_breadcrumb {
	color: rgb(0, 140, 184) !important;
	text-decoration: none;
	transition: color 0.15s ease;
}

.navigation-menu_breadcrumb:hover {
	color: rgb(26, 47, 74) !important;
	text-decoration: underline;
}

.navigation-menu_sub-heading {
	margin-top: 0.25rem;
	max-width: 28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
	line-height: 1;
	--tw-text-opacity: 1;
	color: rgb(153 209 227 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
	.navigation-menu_sub-heading {
		max-width: 32rem;
	}
}

@media (min-width: 768px) {
	.navigation-menu_sub-heading {
		max-width: 36rem;
	}
}

.navigation-menu_item {
	font-weight: 600;
	color: rgb(0, 140, 184) !important;
	text-decoration: none;
	transition: color 0.15s ease;
}

.navigation-menu_item:hover,
.navigation-menu_item:focus,
.navigation-menu_item:active {
	color: rgb(26, 47, 74) !important;
	text-decoration: underline;
}

.navigation-menu_pill {
	display: flex;
	height: 2rem;
	align-items: center;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(153 209 227 / var(--tw-border-opacity, 1));
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(230 244 248 / var(--tw-text-opacity, 1));
}

.header--warm {
	background-color: rgb(250, 248, 244);
	border-bottom: 1px solid rgb(229, 227, 223);
}

.footer--warm {
	background-color: rgb(250, 248, 244) !important;
	border-top: 1px solid rgb(229, 227, 223);
}

/* =============================================================================
   15A. FRONT OFFICE TOP BAR
   Editorial full-width FaB header and horizontal menu shell. Dashboard content
   remains unchanged while the front office redesign is introduced in batches.
   ============================================================================= */

.front-office-header .container,
.front-office-menu .container {
	max-width: none;
}

.front-office-header .container {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.front-office-menu {
	background-color: rgb(250, 248, 244);
	border-bottom-color: rgb(229, 227, 223);
	margin-bottom: 0 !important;
}

.front-office-menu_items {
	min-height: 3.75rem;
}

.front-office-menu_items > a.border-blue-500 {
	position: relative;
	border-bottom-width: 0 !important;
	color: rgb(26, 47, 74);
}

.front-office-menu_items > a.border-blue-500::after {
	position: absolute;
	right: 0;
	bottom: 0.75rem;
	left: 0;
	height: 4px;
	background-color: rgb(52, 61, 64);
	content: "";
}

.front-office-header--has-selected-property .front-office-selected-property {
	position: relative;
	z-index: 2;
}

@media (min-width: 640px) {
	.front-office-header .container,
	.front-office-menu .container {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media (min-width: 1024px) {
	.front-office-header_shell {
		position: relative;
		height: 5rem;
		display: flex;
		align-items: center;
		padding-left: 3rem;
		padding-right: 3rem;
	}

	.front-office-header_context {
		display: none;
	}

	.front-office-header_search {
		display: block;
		position: absolute;
		right: 20rem;
		z-index: 2;
		width: 20rem;
		margin: 0;
	}

	.front-office-header_notification {
		display: inline-flex;
		position: absolute;
		right: 17rem;
		z-index: 2;
		width: 2.5rem;
		height: 2.5rem;
		align-items: center;
		justify-content: center;
		margin-right: 0.75rem;
		color: rgb(26, 47, 74);
		font-size: 1.125rem;
		text-decoration: none;
	}

	.front-office-header_notification-indicator {
		position: absolute;
		top: 0.4375rem;
		right: 0.375rem;
		width: 0.5rem;
		height: 0.5rem;
		border: 1px solid rgb(250, 248, 244);
		border-radius: 9999px;
		background-color: rgb(197, 67, 57);
	}

	.front-office-header_account {
		position: relative;
		z-index: 59;
		white-space: nowrap;
		text-align: right;
	}

	.front-office-menu.bg-white {
		position: relative;
		z-index: 1;
		margin-top: -5rem;
		margin-bottom: 1.5rem;
		background-color: transparent !important;
	}

	.front-office-menu .container {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.front-office-menu .front-office-menu_items {
		min-height: 4rem;
		justify-content: center !important;
	}

	.front-office-menu_items > a {
		align-self: stretch;
		padding-top: 1.125rem;
		padding-bottom: 0.5rem;
	}

	.front-office-menu {
		padding-top: 0 !important;
	}

	.front-office-header--has-selected-property + .front-office-menu {
		margin-top: -7.5rem;
		margin-bottom: 0;
	}
}

/* Header controls are kept icon-only until their associated panel is opened. */
.front-office-header_utilities {
	display: none;
}

.front-office-header_search-button {
	border: 0;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

.front-office-header_search-button img,
.front-office-header_notification img {
	width: 1.25rem;
	height: 1.25rem;
}

.front-office-header_search-panel {
	position: absolute;
	top: calc(100% + 0.625rem);
	right: 0;
	width: 22rem;
	padding: 0.875rem;
	border: 1px solid rgb(210, 215, 210);
	background-color: rgb(255, 255, 255);
	box-shadow: 0 0.75rem 1.5rem rgb(26 47 74 / 15%);
}

.front-office-header_search-panel label {
	display: block;
	margin-bottom: 0.375rem;
	color: rgb(26, 47, 74);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.front-office-header_search-panel input {
	box-sizing: border-box;
	width: 100%;
	height: 2.5rem;
	border: 1px solid rgb(176, 185, 188);
	padding: 0.5rem 0.75rem;
	color: rgb(26, 47, 74);
}

.front-office-header_search-suggestions {
	display: none;
	max-height: 16rem;
	margin-top: 0.375rem;
	overflow-y: auto;
	border: 1px solid rgb(210, 215, 210);
	background-color: rgb(255, 255, 255);
}

.front-office-header_search-suggestion {
	display: block;
	width: 100%;
	border: 0;
	border-bottom: 1px solid rgb(229, 227, 223);
	padding: 0.625rem 0.75rem;
	background-color: rgb(255, 255, 255);
	color: rgb(26, 47, 74);
	font: inherit;
	font-size: 0.875rem;
	text-align: left;
	cursor: pointer;
}

.front-office-header_search-suggestion:last-child {
	border-bottom: 0;
}

.front-office-header_search-suggestion:hover,
.front-office-header_search-suggestion:focus {
	background-color: rgb(26, 47, 74) !important;
	color: rgb(255, 255, 255) !important;
	outline: 2px solid rgb(0, 140, 184);
	outline-offset: -2px;
}

.front-office-account-menu {
	position: relative;
}

.front-office-account-menu > summary,
.front-office-header_search > summary,
.front-office-header_notifications > summary {
	list-style: none;
}

.front-office-account-menu > summary::-webkit-details-marker,
.front-office-header_search > summary::-webkit-details-marker,
.front-office-header_notifications > summary::-webkit-details-marker {
	display: none;
}

.front-office-account-trigger {
	display: inline-flex;
	align-items: center;
	border: 0;
	padding: 0;
	background-color: transparent;
	color: rgb(26, 47, 74);
	font: inherit;
	cursor: pointer;
}

.front-office-account-avatar {
	display: inline-flex;
	width: 2.5rem;
	height: 2.5rem;
	align-items: center;
	justify-content: center;
	margin-right: 0.625rem;
	border-radius: 9999px;
	background-color: rgb(221, 232, 227);
	color: rgb(26, 47, 74);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.front-office-account-name {
	color: rgb(0, 140, 184);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.1875rem;
}

.front-office-account-static {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}

.front-office-account-static .front-office-account-country {
	flex-basis: 100%;
}

.front-office-account-caret {
	display: inline-block;
	margin-left: 0.4375rem;
	border-top: 0.3125rem solid rgb(26, 47, 74);
	border-right: 0.25rem solid transparent;
	border-left: 0.25rem solid transparent;
	vertical-align: middle;
}

.front-office-account-country {
	color: rgb(100, 108, 112);
}

.front-office-account-dropdown {
	position: absolute;
	top: calc(100% + 0.625rem);
	right: 0;
	width: 13rem;
	border: 1px solid rgb(210, 215, 210);
	background-color: rgb(255, 255, 255);
	box-shadow: 0 0.75rem 1.5rem rgb(26 47 74 / 15%);
	text-align: left;
}

.front-office-account-dropdown a {
	display: block;
	padding: 0.625rem 0.875rem;
	color: rgb(26, 47, 74);
	text-decoration: none;
}

.front-office-account-dropdown a:hover,
.front-office-account-dropdown a:focus {
	background-color: rgb(250, 248, 244);
}

.front-office-account-dropdown .front-office-account-signout {
	border-top: 1px solid rgb(229, 227, 223);
}

.front-office-header_search,
.front-office-header_notifications {
	position: relative;
}

.front-office-header_search-panel input {
	border: 1px solid rgb(176, 185, 188);
	outline: 0;
	padding: 0.5rem 0.75rem;
	background-color: rgb(255, 255, 255);
}

.front-office-header_search-panel button {
	margin-top: 0.625rem;
	border: 0;
	padding: 0.5rem 0.875rem;
	background-color: rgb(0, 140, 184);
	color: rgb(255, 255, 255);
	cursor: pointer;
}

.front-office-header_notification-panel {
	position: absolute;
	top: calc(100% + 0.625rem);
	right: 0;
	width: 20rem;
	padding: 0.875rem;
	border: 1px solid rgb(210, 215, 210);
	background-color: rgb(255, 255, 255);
	box-shadow: 0 0.75rem 1.5rem rgb(26 47 74 / 15%);
	color: rgb(26, 47, 74);
	font-size: 0.875rem;
}

.front-office-header_notification-panel strong {
	display: block;
	margin-bottom: 0.5rem;
}

.dashboard-section-toggle {
	display: inline-flex;
	width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
	border: 0;
	background-color: transparent;
	color: rgb(26, 47, 74);
	cursor: pointer;
}

.dashboard-section-toggle span {
	width: 0.5rem;
	height: 0.5rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translate(-0.125rem, -0.125rem);
	transition: transform 150ms ease-in-out;
}

.dashboard-section-toggle[aria-expanded="false"] span {
	transform: rotate(-135deg) translate(-0.125rem, -0.125rem);
}

.dashboard-section-header {
	border-bottom: 1px solid rgb(229, 227, 223);
	background-color: rgb(250, 248, 244);
}

.dashboard-section-title {
	color: rgb(26, 47, 74);
}

.dashboard-action-range {
	border: 1px solid rgb(203, 213, 225);
	border-radius: 0.25rem;
	background-color: rgb(255, 255, 255);
	color: rgb(26, 47, 74);
	font-size: 0.875rem;
	line-height: 1.25rem;
	padding: 0.25rem 1.75rem 0.25rem 0.5rem;
}

/* Dashboard portfolio overview ------------------------------------------------ */
.dashboard-page,
.dashboard-page_shell {
	min-height: 100%;
	background: #f7f5f0;
	color: rgb(26, 47, 74);
}

.dashboard-main {
	width: min(100% - 2rem, 100rem);
	margin: 0 auto;
	padding: 1.5rem 0 2rem;
}

.dashboard-hero {
	min-height: 8.75rem;
	padding: 1.25rem 1.5rem;
	background: linear-gradient(105deg, rgb(231, 237, 231), rgb(247, 245, 240));
	border: 1px solid rgb(229, 227, 223);
	border-bottom: 0;
}

.dashboard-hero_heading span {
	display: block;
	margin-bottom: .25rem;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.dashboard-hero_heading h1,
.dashboard-portfolio-content h2,
.dashboard-content-card_header h2 {
	margin: 0;
	font-family: inherit;
	font-weight: 700;
	letter-spacing: -.035em;
}

.dashboard-hero_heading h1 {
	max-width: 48rem;
	font-size: clamp(2rem, 5vw, 3.75rem);
	line-height: 1.04;
}

.dashboard-portfolio-card {
	display: grid;
	overflow: hidden;
	border: 1px solid rgb(222, 219, 212);
	border-radius: 0 0 .75rem .75rem;
	background: #fffdfa;
	box-shadow: 0 .5rem 1.5rem rgb(26 47 74 / 7%);
}

.dashboard-portfolio-content {
	padding: 1.75rem;
}

.dashboard-portfolio-content h2 {
	font-size: clamp(1.75rem, 3vw, 2.6rem);
	line-height: 1.08;
}

.dashboard-portfolio-content > p {
	margin: .5rem 0 1.5rem;
	color: rgb(100, 108, 112);
	font-size: 1.0625rem;
}

.dashboard-metrics {
	display: grid;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.dashboard-metric {
	display: flex;
	align-items: center;
	gap: .875rem;
}

.dashboard-metric img {
	box-sizing: content-box;
	width: 1.55rem;
	height: 1.55rem;
	padding: .7rem;
	border-radius: 9999px;
	background: rgb(221, 232, 227);
}

.dashboard-metric--tenancies img {
	background: rgb(242, 217, 202);
}

.dashboard-metric--maintenance img {
	background: rgb(216, 228, 236);
}

.dashboard-metric strong,
.dashboard-metric span {
	display: block;
}

.dashboard-metric strong {
	font-size: 1.8rem;
	line-height: 1;
}

.dashboard-metric span {
	margin-top: .25rem;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.dashboard-properties-button {
	border-color: rgb(26, 47, 74);
	color: rgb(26, 47, 74);
	text-transform: none;
}

.dashboard-portfolio-image {
	min-height: 16rem;
	overflow: hidden;
}

.dashboard-portfolio-image img {
	width: 100%;
	height: 100%;
	min-height: 16rem;
	object-fit: cover;
	object-position: center;
}

.dashboard-content-grid,
.dashboard-secondary-grid {
	display: grid;
	gap: 1rem;
	margin-top: 1rem;
}

.dashboard-content-card {
	overflow: hidden;
	border: 1px solid rgb(222, 219, 212);
	border-radius: .75rem;
	background: #fffdfa;
	box-shadow: 0 .375rem 1rem rgb(26 47 74 / 4%);
}

.dashboard-content-card_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: 1.25rem 1.25rem .875rem;
	border-bottom: 1px solid rgb(229, 227, 223);
}

.dashboard-content-card_header h2 {
	font-size: 1.4rem;
	line-height: 1.1;
	text-transform: none;
}

.dashboard-content-card_count {
	color: rgb(100, 108, 112);
	font-size: .8rem;
	white-space: nowrap;
}

.dashboard-content-list .list-group-item {
	border-color: rgb(229, 227, 223);
	background: transparent;
	color: rgb(26, 47, 74);
}

/* Keep dashboard card rows aligned while allowing longer lists to be reviewed. */
.dashboard-content-card > .dashboard-content-list {
	height: 18rem;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.dashboard-content-list a.list-group-item:hover,
.dashboard-content-list a.list-group-item:focus {
	background: rgb(250, 248, 244);
}

.dashboard-attention-list-item,
.dashboard-note-list-item,
.dashboard-marketing-list-item,
.dashboard-message-list-item {
	border-bottom: 1px solid rgb(229, 227, 223);
}

.dashboard-attention-list-item:last-child,
.dashboard-note-list-item:last-child,
.dashboard-marketing-list-item:last-child,
.dashboard-message-list-item:last-child {
	border-bottom: 0;
}

.dashboard-attention-item,
.dashboard-note-item,
.dashboard-marketing-item,
.dashboard-message-item {
	display: grid;
	align-items: center;
	gap: .75rem;
	padding: .875rem 1.25rem;
	color: rgb(26, 47, 74);
	text-decoration: none;
}

.dashboard-attention-item,
.dashboard-marketing-item {
	grid-template-columns: .625rem minmax(0, 1fr) auto;
}

.dashboard-note-item,
.dashboard-message-item {
	grid-template-columns: 2rem minmax(0, 1fr);
}

.dashboard-attention-item:hover,
.dashboard-attention-item:focus,
.dashboard-note-item:hover,
.dashboard-note-item:focus,
.dashboard-marketing-item:hover,
.dashboard-marketing-item:focus {
	background: rgb(250, 248, 244);
	color: rgb(26, 47, 74);
	text-decoration: none;
}

.dashboard-attention-dot,
.dashboard-marketing-dot,
.dashboard-message-dot {
	width: .625rem;
	height: .625rem;
	border-radius: 9999px;
	background: rgb(112, 143, 121);
}

.dashboard-attention-dot--overdue {
	background: rgb(197, 67, 57);
}

.dashboard-attention-dot--upcoming {
	background: rgb(202, 136, 92);
}

.dashboard-attention-dot--scheduled {
	background: rgb(112, 143, 121);
}

.dashboard-attention-copy,
.dashboard-marketing-copy,
.dashboard-note-item > span:last-child {
	min-width: 0;
}

.dashboard-attention-copy strong,
.dashboard-attention-copy span,
.dashboard-marketing-copy strong,
.dashboard-marketing-copy span,
.dashboard-note-item strong,
.dashboard-note-item span {
	display: block;
}

.dashboard-attention-copy strong,
.dashboard-marketing-copy strong,
.dashboard-note-item strong {
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.25rem;
}

.dashboard-attention-copy span,
.dashboard-marketing-copy span,
.dashboard-note-item span,
.dashboard-message-item > span:last-child {
	margin-top: .125rem;
	color: rgb(100, 108, 112);
	font-size: .8125rem;
	line-height: 1.2rem;
}

.dashboard-attention-item time,
.dashboard-marketing-item time {
	color: rgb(100, 108, 112);
	font-size: .75rem;
	white-space: nowrap;
}

.dashboard-content-card--attention .dashboard-action-range {
	max-width: 8rem;
	padding-top: .125rem;
	padding-bottom: .125rem;
	font-size: .75rem;
	line-height: 1rem;
}

.dashboard-note-icon {
	display: block;
	width: 2rem;
	height: 2rem;
	border-radius: 9999px;
	background: rgb(231, 237, 231) url("/images/document.svg") center / 1rem no-repeat;
}

.dashboard-message-dot {
	align-self: start;
	margin-top: .3rem;
	background: rgb(167, 129, 105);
}

.dashboard-empty-list-item {
	margin: 0;
	padding: 1.25rem;
	color: rgb(100, 108, 112);
	font-size: .875rem;
}

.dashboard-occupancy {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
	padding: 1.25rem;
}

.dashboard-occupancy-plot {
	position: relative;
	height: 7rem;
	border-bottom: 1px solid rgb(222, 219, 212);
	background-image: linear-gradient(to right, rgb(229, 227, 223) 1px, transparent 1px);
	background-size: 20% 100%;
}

.dashboard-occupancy-grid {
	position: absolute;
	right: 0;
	left: 0;
	border-top: 1px solid rgb(229, 227, 223);
}

.dashboard-occupancy-grid--one {
	top: 20%;
}

.dashboard-occupancy-grid--two {
	top: 40%;
}

.dashboard-occupancy-grid--three {
	top: 60%;
}

.dashboard-occupancy-grid--four {
	top: 80%;
}

.dashboard-occupancy-line {
	position: absolute;
	right: 0;
	left: 0;
	top: calc(100% - var(--dashboard-occupancy));
	height: .1875rem;
	border-radius: 9999px;
	background: rgb(112, 143, 121);
}

.dashboard-occupancy-line::after {
	position: absolute;
	right: -.125rem;
	top: -.25rem;
	width: .6875rem;
	height: .6875rem;
	border-radius: 9999px;
	background: inherit;
	content: "";
}

.dashboard-occupancy-axis {
	margin-top: .45rem;
	color: rgb(100, 108, 112);
	font-size: .7rem;
	line-height: 1.2;
}

.dashboard-occupancy-value strong,
.dashboard-occupancy-value span {
	display: block;
}

.dashboard-occupancy-value strong {
	color: rgb(65, 89, 73);
	font-size: 2rem;
	line-height: 1;
}

.dashboard-occupancy-value span {
	margin-top: .25rem;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dashboard-occupancy-footer {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid rgb(229, 227, 223);
}

.dashboard-occupancy-footer span {
	padding: 1rem 1.25rem;
	color: rgb(100, 108, 112);
	font-size: .8125rem;
}

.dashboard-occupancy-footer span + span {
	border-left: 1px solid rgb(229, 227, 223);
}

.dashboard-occupancy-footer strong {
	display: block;
	margin-bottom: .125rem;
	color: rgb(65, 89, 73);
	font-size: 1.35rem;
}

.dashboard-vacant-properties-trigger {
	display: block;
	color: inherit;
	text-decoration: none;
}

.dashboard-vacant-properties-trigger:hover,
.dashboard-vacant-properties-trigger:focus {
	color: rgb(26, 47, 74);
	text-decoration: underline;
}

.dashboard-content-card--vacant-properties {
	margin-top: 1rem;
}

.dashboard-vacant-properties-list {
	margin: 0;
	padding: .75rem 1.5rem 1.5rem;
	list-style: none;
}

.dashboard-vacant-properties-list li {
	border-bottom: 1px solid rgb(229, 227, 223);
}

.dashboard-vacant-properties-list li:last-child {
	border-bottom: 0;
}

.dashboard-vacant-properties-list a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
	padding: .875rem .5rem;
	color: rgb(26, 47, 74);
	text-decoration: none;
}

.dashboard-vacant-properties-list strong,
.dashboard-vacant-properties-list a > span:first-child > span {
	display: block;
}

.dashboard-vacant-properties-list strong {
	font-size: .9rem;
	font-weight: 700;
}

.dashboard-vacant-properties-list a > span:first-child > span {
	margin-top: .125rem;
	color: rgb(100, 108, 112);
	font-size: .75rem;
	font-weight: 400;
}

.dashboard-vacant-properties-arrow {
	color: rgb(112, 143, 121);
	font-size: 1.25rem;
	line-height: 1;
}

.dashboard-vacant-properties-list a:hover,
.dashboard-vacant-properties-list a:focus {
	background: rgb(250, 248, 244);
	color: rgb(26, 47, 74);
	text-decoration: underline;
}

.dashboard-content-card--overdue .dashboard-content-card_header {
	border-bottom-color: rgb(197, 67, 57);
}

@media (min-width: 640px) {
	.dashboard-main {
		width: min(100% - 4rem, 100rem);
		padding-top: 2rem;
	}

	.dashboard-hero {
		padding: 1.75rem 2.25rem;
	}

	.dashboard-portfolio-content {
		padding: 2.25rem;
	}

	.dashboard-metrics {
		grid-template-columns: repeat(3, 1fr);
	}

	.dashboard-metric {
		padding-right: 1rem;
		border-right: 1px solid rgb(222, 219, 212);
	}

	.dashboard-metric:last-child {
		border-right: 0;
	}
}

@media (min-width: 1024px) {
	.dashboard-main {
		padding-top: 2.5rem;
	}

	.dashboard-portfolio-card {
		grid-template-columns: minmax(0, 1.05fr) minmax(25rem, .95fr);
	}

	.dashboard-portfolio-image {
		min-height: 23rem;
	}

	.dashboard-portfolio-image img {
		min-height: 23rem;
	}

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

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

.front-office-header_search,
.front-office-header_notification {
	display: none;
}

.front-office-header_search-label {
	display: flex;
	align-items: center;
	height: 2.75rem;
	border: 1px solid rgb(210, 215, 210);
	border-radius: 9999px;
	background-color: rgb(255, 255, 255);
}

.front-office-header_search-icon {
	margin-left: 0.875rem;
	color: rgb(100, 108, 112);
	font-size: 0.875rem;
}

.front-office-header_search input {
	width: 100%;
	border: 0;
	outline: 0;
	padding: 0.5rem 0.875rem;
	background-color: transparent;
	color: rgb(26, 47, 74);
}

.front-office-system-notification {
	padding-top: 0;
	padding-bottom: 0;
	background-color: rgb(0, 0, 0) !important;
	color: rgb(255, 255, 255) !important;
	text-align: center;
}

.front-office-system-notification .notice__content {
	display: flex;
	min-height: 2.25rem;
	align-items: center;
	justify-content: center;
}

.front-office-system-notification--focused {
	box-shadow: inset 0 0 0 2px rgb(0, 140, 184);
}

.front-office-selected-property {
	display: none;
}

@media (min-width: 1024px) {
	.front-office-header_utilities {
		display: flex;
		position: absolute;
		top: 50%;
		right: 17rem;
		z-index: 3;
		align-items: center;
		gap: 0.375rem;
		margin-left: 0;
		transform: translateY(-50%);
	}

	.front-office-header_account {
		align-self: center !important;
		margin-left: auto !important;
	}

	.front-office-header_account > .front-office-account-country {
		position: absolute;
		top: 2rem;
		right: 0;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.front-office-header_account > .front-office-account-static {
		position: relative;
		display: block;
		min-height: 2.5rem;
	}

	.front-office-header_account .front-office-account-static .front-office-account-country {
		position: absolute;
		top: 2rem;
		right: 0;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.front-office-header_utilities .front-office-header_search-button,
	.front-office-header_utilities .front-office-header_notification {
		display: inline-flex;
		position: relative;
		right: auto;
		width: 2.25rem;
		height: 2.25rem;
		align-items: center;
		justify-content: center;
		margin: 0;
	}

	.front-office-header_utilities .front-office-header_search {
		position: relative;
		right: auto;
		width: auto;
		margin: 0;
		z-index: 3;
	}

	.front-office-header_search {
		display: block;
	}

	.front-office-header_notification {
		display: inline-flex;
	}

	.front-office-selected-property {
		display: block;
		border-top: 1px solid rgb(229, 227, 223);
		border-bottom: 1px solid rgb(229, 227, 223);
		background-color: rgb(255, 255, 255);
	}

	.front-office-selected-property .container {
		max-width: none;
		padding: 0.625rem 3rem;
		text-align: center;
	}

	.front-office-selected-property_separator {
		margin-right: 0.5rem;
		margin-left: 0.5rem;
		color: rgb(100, 108, 112);
	}
}

@media (min-width: 768px) {
	.navigation-menu_pill {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.navigation-menu_pill:hover, .navigation-menu_pill:focus, .navigation-menu_pill:active {
	--tw-border-opacity: 1;
	border-color: rgb(230 244 248 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(230 244 248 / var(--tw-text-opacity, 1));
	text-decoration-line: none;
}

.navigation-menu_button {
	display: flex;
	height: 2rem;
	width: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(153 209 227 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(153 209 227 / var(--tw-text-opacity, 1));
}

.navigation-menu_button:hover, .navigation-menu_button:focus, .navigation-menu_button:active {
	--tw-border-opacity: 1;
	border-color: rgb(230 244 248 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(230 244 248 / var(--tw-text-opacity, 1));
}

.navigation-menu_avatar {
	display: flex;
	height: 2rem;
	width: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600;
	line-height: 1;
}

.address-dropdown-item.navigation-menu_avatar {
	background-color: #dbeafe;
}

.navigation-menu_avatar:hover, .navigation-menu_avatar:focus, .navigation-menu_avatar:active {
	text-decoration-line: none;
}

.navigation_menu_link {
	position: absolute;
	right: 0px;
	z-index: 30;
	margin-top: 0.25rem;
	width: 16rem;
	overflow: hidden;
	border-radius: 0.5rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.navigation_menu_link--native {
	position: fixed;
	left: 0px;
	margin-top: 0px;
	width: 100%;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

dialog.navigation_menu_link--native {
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
}

.navigation_menu_link--native .navigation-menu_link {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.navigation-menu_link {
	display: flex;
	width: 100%;
	align-items: center;
	-moz-column-gap: 0.75rem;
	column-gap: 0.75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 500;
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

.navigation-menu_link:hover, .navigation-menu_link:focus, .navigation-menu_link:active {
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 84 110 / var(--tw-text-opacity, 1));
	text-decoration-line: none;
}

.address-dropdown-item.navigation-menu_link:hover,.address-dropdown-item .navigation-menu_link:focus,.address-dropdown-item .navigation-menu_link:active {
	background-color: #dbeafe;
}

/* Excpected to be used in conjunction with "overflow-fade" controller */
.overflow-fade {
	--base-mask-size: 3rem;
	max-height: 24rem;
	overflow-y: auto;
	border-radius: 0.25rem;
	padding-top: 0.75rem;
}

@media (min-width: 640px) {
	.overflow-fade {
		border-radius: 0px;
		padding-top: 0px;
	}
	.overflow-fade--large {
		max-height: 48rem;
	}
}

.overflow-fade.is-top-overflowing::before {
	opacity: 1;
}

.overflow-fade.is-bottom-overflowing::after {
	opacity: 1;
}

.overflow-fade::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--base-mask-size);
	background: linear-gradient(
		to top,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1) 100%
	);
	z-index: 1;
	transition: opacity 0.4s ease;
	opacity: 0;
	pointer-events: none;
}

.overflow-fade::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: var(--base-mask-size);
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1) 100%
	);
	z-index: 1;
	transition: opacity 0.4s ease;
	opacity: 0;
	pointer-events: none;
}

@media print {
	.overflow-fade {
		max-height: none;
	}
}



/* =============================================================================
   17. NAVIGATION - PAGINATION
   Pagination bar, page items, page links and active/disabled states.
   ============================================================================= */

.pagination,
.radio-buttons {
	display: inline-flex;
	list-style-type: none;
	flex-wrap: wrap;
	border-radius: 0.25rem;
	padding-left: 0px;
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagination .page-link, .radio-buttons .page-link {
	position: relative;
	margin-left: -1px;
	display: block;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	text-align: center;
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.form-group.pagination .page-link,.form-group .radio-buttons .page-link {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.pagination .page-link:hover,
		.pagination .page-link:focus,
		.pagination .page-link:active,
		.radio-buttons .page-link:hover,
		.radio-buttons .page-link:focus,
		.radio-buttons .page-link:active {
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	text-decoration-line: none;
}

.address-dropdown-item.pagination .page-link:hover,.address-dropdown-item
		.pagination .page-link:focus,.address-dropdown-item
		.pagination .page-link:active,.address-dropdown-item
		.radio-buttons .page-link:hover,.address-dropdown-item
		.radio-buttons .page-link:focus,.address-dropdown-item
		.radio-buttons .page-link:active {
	background-color: #dbeafe;
}

.radio-buttons {
	display: flex;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {
	.radio-buttons {
		display: inline-flex;
	}
}

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

@media (min-width: 640px) {
	.radio-buttons__button {
		flex: none;
	}
}

.page-item:first-child .page-link {
	margin-left: 0px;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(0 140 184 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

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

.page-item.disabled .page-link {
	cursor: auto;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

.panel {
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding: 1rem;
}

.panel__image {
	margin-bottom: 0.75rem;
	display: inline-block;
	height: 10rem;
	width: auto;
}

.panel__image--small {
	height: 5rem;
}

.panel__image--large {
	height: 15rem;
}

.panel__description {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.panel__help {
	margin-bottom: 0.75rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
}

.pdf-preview__iframe {
	flex: 1 1 0%;
	--tw-bg-opacity: 1;
	background-color: rgb(223 227 228 / var(--tw-bg-opacity, 1));
	padding-bottom: 5rem;
		background: url(/images/loading.gif) no-repeat center;
		background-position: top;
		background-position-y: 100px;
		background-size: 150px;
		border: 0;
		display: block;
}

.plan {
	position: relative;
	margin-bottom: 3rem;
	display: flex;
	flex-direction: column;
	border-radius: 0.5rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form-group.plan {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.plan:first-child {
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
	border-left: 0;
}

.plan:last-child {
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-right: 0;
}

.plan__cap {
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	padding: 0.5rem;
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
}

.plan__content-container {
	padding: 0.75rem;
	text-align: center;
}

.plan__content {
	text-align: left;
}

.plan__price-pill {
	margin-right: 0.5rem;
	margin-top: 0.5rem;
	border-radius: 9999px;
	border-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-size: var(--fontSize-xl-0);
	line-height: var(--fontSize-xl-1);
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.plan__price-pill--muted {
	--tw-border-opacity: 1;
	border-color: rgb(100 108 112 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.plan__title {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-size: var(--fontSize-xl-0);
	line-height: var(--fontSize-xl-1);
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 1;
}

.plan__title--lg {
	font-size: var(--fontSize-4xl-0);
	line-height: var(--fontSize-4xl-1);
	line-height: 1;
}

.plan__title--responsive {
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
}

@media (min-width: 768px) {
	.plan__title--responsive {
		font-size: var(--fontSize-xl-0);
		line-height: var(--fontSize-xl-1);
	}
}

.plan__title-superscript {
	font-size: var(--fontSize-xs-0);
	line-height: var(--fontSize-xs-1);
}

.plan__chin {
	margin-top: 1rem;
	width: 100%;
	padding: 0.75rem;
	text-align: center;
}

.plan__chin--small {
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
}

.portfolio-transaction__polarity-toggle {
	z-index: 30;
	align-items: center;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding: 0.5rem;
		display: flex;
		margin-left: -1px;
}

.portfolio-transaction__polarity-toggle:hover,
		.portfolio-transaction__polarity-toggle:focus,
		.portfolio-transaction__polarity-toggle:active {
	text-decoration-line: none;
}

.portfolio-transaction__polarity-toggle--positive {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(0 183 87 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 183 87 / var(--tw-text-opacity, 1));
}

.portfolio-transaction__polarity-toggle--positive:hover,
	.portfolio-transaction__polarity-toggle--positive:focus,
	.portfolio-transaction__polarity-toggle--positive:active {
	--tw-text-opacity: 1;
	color: rgb(0 183 87 / var(--tw-text-opacity, 1));
}

.portfolio-transaction__polarity-toggle--negative {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

.portfolio-transaction__polarity-toggle--negative:hover,
	.portfolio-transaction__polarity-toggle--negative:focus,
	.portfolio-transaction__polarity-toggle--negative:active {
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

.post-it {
	position: relative;
	margin-bottom: 1rem;
	--tw-bg-opacity: 1;
	background-color: rgb(254 246 233 / var(--tw-bg-opacity, 1));
}

.form-group.post-it {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.post-it::after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-width: 12px;
	border-bottom-color: rgb(247 249 250 / var(--tw-border-opacity, 1));
	border-left-color: rgb(253 233 200 / var(--tw-border-opacity, 1));
	border-right-color: rgb(247 249 250 / var(--tw-border-opacity, 1));
	--tw-border-opacity: 1;
	border-top-color: rgb(253 233 200 / var(--tw-border-opacity, 1));
}

.post__header {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 350px;
	position: relative;
}

.post__header::before {
	--tw-bg-opacity: 1;
	background-color: rgb(0 140 184 / var(--tw-bg-opacity, 1));
	opacity: 0.5;
		bottom: 0;
		content: "";
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
}

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

.post__subheader {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.post__header-caption p {
	margin-bottom: 0px;
}

.post__content {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
		word-wrap: break-word;
}

.post__content h3 {
	font-size: 1.5rem;
}

.post__content h4 {
	font-size: 1.25rem;
}

.post__content p + h3, .post__content p + h4 {
	margin-top: 1rem;
}

.post__content blockquote {
	border-left-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	padding-left: 0.75rem;
}

.post__content ul, .post__content ol {
	margin-bottom: 1rem;
}

.post__content img {
	max-width: 100%;
}

.prompt__inline-bubble {
	display: inline-block;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(221 0 62 / var(--tw-bg-opacity, 1));
}

.prompt__inline-bubble--light {
	--tw-bg-opacity: 1;
	background-color: rgb(186 193 194 / var(--tw-bg-opacity, 1));
}

.prompt__bubble {
	position: absolute;
	margin-left: 0.5rem;
	display: inline-block;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(221 0 62 / var(--tw-bg-opacity, 1));
	right: -6px;
	top: -2px;
}

.prompt__bubble--with-count {
	height: 0.75rem;
	width: 0.75rem;
	border-radius: 9999px;
	text-align: center;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
		right: -10px;
		top: -6px;
}

.read-more {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--read-more-line-clamp, 2);
}

.scrollable {
	margin-left: 0.75rem;
	margin-right: 0.75rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}

@media (min-width: 768px) {
	.scrollable {
		scroll-snap-type: none;
	}
}

.scrollable__stretcher {
	display: flex;
	flex: 1 1 0%;
	flex-direction: column;
	justify-content: space-between;
}

.scrollable__image {
	margin-bottom: 0.75rem;
	height: 6rem;
}

.scrollable::-webkit-scrollbar {
	height: 10px;
}

.scrollable::-webkit-scrollbar-track {
	background: transparent;
}

.scrollable::-webkit-scrollbar-thumb {
	background: #c3c3c3;
	border-radius: 8px;
}

.scrollable-container {
	overflow-x: auto;
}

.scrollable-message-container {
	--gradient-mask-color: hsla(0, 0%, 100%, 0);
	--gradient-shadow-color: rgba(0, 0, 0, 0.2);
	max-height: 24rem;
	overflow-y: auto;
	border-radius: 0.25rem;
	padding-top: 0.75rem;
	background:
		linear-gradient(#fff 30%, var(--gradient-mask-color)),
		linear-gradient(var(--gradient-mask-color) 10px, #fff 70%)
			bottom,
		radial-gradient(at top, var(--gradient-shadow-color), transparent 70%),
		radial-gradient(at bottom, var(--gradient-shadow-color), transparent 70%)
			bottom;
	background-attachment: local, local, scroll, scroll;
	background-repeat: no-repeat;
	background-size:
		100% 30px,
		100% 30px,
		100% 10px,
		100% 10px;
}

@media (min-width: 640px) {
	.scrollable-message-container {
		border-radius: 0px;
		padding-top: 0px;
	}
}

.scrollable-message-container--large {
	max-height: 48rem;
}

@media print {
	.scrollable-message-container {
		max-height: none;
	}
}

.section {
	margin-bottom: 1.25rem;
}

.section__title {
	margin-bottom: 0.5rem;
	font-family: "GT Walsheim", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fontSize-xl-0);
	line-height: var(--fontSize-xl-1);
	line-height: 1.25;
}

.section__title--large {
	font-size: var(--fontSize-2xl-0);
	line-height: var(--fontSize-2xl-1);
}

.section__container {
	padding-bottom: 0.75rem;
}

.section__content {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.signature-dialog {
	border-radius: 0.25rem;
}

.signature-dialog:focus-visible {
	outline: 2px solid transparent;
	outline-offset: 2px;
}
@media (min-width: 768px) {
	.signature-dialog {
		width: 50%;
	}
}

.slider {
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(223 227 228 / var(--tw-bg-opacity, 1));
	-webkit-appearance: none;
	width: 100%;
	height: 6px;
	outline: none;
	opacity: 0.9;
	transition: opacity 0.2s;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(3 78 130 / var(--tw-bg-opacity, 1));
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	--tw-bg-opacity: 1;
	background-color: rgb(3 78 130 / var(--tw-bg-opacity, 1));
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.steps {
	margin-bottom: 2rem;
	display: flex;
	padding: 0px;
}

.steps__step {
	margin-right: 1rem;
	display: block;
	flex: 1 1 0%;
	border-top-width: 4px;
	padding-bottom: 0.5rem;
	padding-left: 0px;
	padding-top: 0.5rem;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.steps__step:last-of-type {
	margin-right: 0px;
}

.steps__step--active {
	--tw-border-opacity: 1;
	border-color: rgb(0 84 110 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 84 110 / var(--tw-text-opacity, 1));
}

.steps__step--active .steps__text {
	display: block;
}

.steps__step--complete {
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.steps__step--upcoming {
	--tw-border-opacity: 1;
	border-color: rgb(186 193 194 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(186 193 194 / var(--tw-text-opacity, 1));
}

.steps__step--upcoming .steps__text {
	font-weight: 400;
}

.steps__text {
	display: none;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600;
	line-height: 1.25rem;
}

.flatpickr-day.steps__text {
	visibility: hidden;
}

.address-dropdown:not(.steps__text) {
	display: block;
	z-index: 9999;
}

@media (min-width: 768px) {
	.steps__text {
		display: block;
	}
}



/* =============================================================================
   18. NAVIGATION - TOP MENU (STICKY)
   Sticky menu variants: standard, block and bottom-anchored.
   ============================================================================= */

.sticky-menu {
	z-index: 30;
	width: 100%;
	display: none;
	position: fixed;
	text-align: center;
}

.sticky-menu--block {
	display: block;

}

.sticky-menu--bottom {
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	bottom: 0;
}

.summary__container {
	margin-bottom: 1.25rem;
	overflow: hidden;
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.summary__container > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
	--tw-divide-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-divide-opacity, 1));
}

@media (min-width: 640px) {
	.summary__container {
		margin-left: 0px;
		margin-right: 0px;
	}
}

.summary__table {
	display: flex;
	flex-direction: column;
}

.summary__table > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
	--tw-divide-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-divide-opacity, 1));
}

@media (min-width: 640px) {
	.summary__table {
		flex-direction: row;
	}

	.summary__table > :not([hidden]) ~ :not([hidden]) {
		--tw-divide-x-reverse: 0;
		border-right-width: calc(1px * var(--tw-divide-x-reverse));
		border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
		--tw-divide-y-reverse: 0;
		border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
		border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
	}
}

.summary__prompt {
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.summary__item {
	display: flex;
	flex: 1 1 0%;
	justify-content: space-between;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
	.summary__item {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
		flex-direction: column;
		justify-content: flex-start;
	}
}

.summary__item:hover:is(a) {
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	text-decoration-line: none;
}

.address-dropdown-item.summary__item:hover:is(a) {
	background-color: #dbeafe;
}

.summary__heading {
	margin-bottom: 0.25rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.summary__detail {
	text-align: right;
}

@media (min-width: 640px) {
	.summary__detail {
		text-align: left;
	}
}

.summary__text {
	font-size: var(--fontSize-lg-0);
	line-height: var(--fontSize-lg-1);
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(0 84 110 / var(--tw-text-opacity, 1));
}

.summary__subtext {
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

th {
	white-space: nowrap;

	border: 0;
	text-align: left;
}

td {
	vertical-align: top;
}

.table {
	margin-bottom: 1rem;
	width: 100%;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.table th, .table td {
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	padding: 0.75rem;
	vertical-align: top;
}

.table thead th {
	border-bottom-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	vertical-align: bottom;
}

.table tbody + tbody {
	border-top-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
}

.table--border-0 td, .table--border-0 th {
	border: 0;
}

.table-sm th, .table-sm td {
	padding: 0.5rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
}

.table-xs th, .table-xs td {
	padding: 0.5rem;
	font-size: var(--fontSize-xs-0);
	line-height: var(--fontSize-xs-1);
}

.table-borderless thead,
	.table-borderless tbody,
	.table-borderless th,
	.table-borderless td {
	border-width: 0px;
}

.table-striped tbody tr:nth-of-type(odd) {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.table-responsive-container {
	display: block;
	width: 100%;
	overflow-x: auto;
}

.tag {
	display: inline-flex;
	align-items: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
	font-size: var(--fontSize-xs-0);
	line-height: var(--fontSize-xs-1);
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(52 61 64 / var(--tw-text-opacity, 1));
}

.tile {
	position: relative;
	margin-bottom: 0.75rem;
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: stretch;
	overflow: hidden;
	border-radius: 0.5rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}



/* =============================================================================
   19. PRODUCT SEARCH & SETUP - METRO-STYLE TILE BOXES
   Tile and timeline components used in property search and product setup flows.
   ============================================================================= */

.form-group.tile {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.tile--constrained {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	flex-shrink: 0;
	width: 70vw;
}
@media (min-width: 768px) {
	.tile--constrained {
		width: 275px
	}
}

.tile__label {
	left: 0.75rem;
	top: 0.75rem;
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(232 26 79 / var(--tw-bg-opacity, 1));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	position: absolute;
}

.tile__image {
	height: 180px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.timeline {
	position: relative;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.form-group.timeline {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.timeline:hover {
	text-decoration-line: none;
}

.timeline::before {
	position: absolute;
	margin-bottom: 0.75rem;
	margin-left: 2rem;
	margin-top: 0.75rem;
	display: block;
	--tw-bg-opacity: 1;
	background-color: rgb(223 227 228 / var(--tw-bg-opacity, 1));
	bottom: 0;
	content: "";
	top: 0;
	width: 2px;
}

.timeline__event {
	display: flex;
	justify-content: flex-start;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

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

.timeline__event--clickable {
	color: inherit;
	display: flex;
}

.timeline__event--clickable:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	text-decoration-line: none;
	color: inherit;
}

.timeline__title {
	padding-top: 0.5rem;
	font-weight: 600;
	line-height: 1.25rem;
}

.timeline__title--today {
	padding-top: 0px;
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.timeline__title:hover {
	text-decoration-line: none;
}

.timeline__subtitle {
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	--tw-text-opacity: 1;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1));
}

.timeline__bubble {
	z-index: 10;
	margin-right: 0.5rem;
	display: flex;
	height: 2.5rem;
	width: 2.5rem;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.timeline__bubble--today {
	border-color: transparent;
}

.timeline__time-jump-container {
	z-index: 10;
	display: flex;
	height: 1rem;
	width: 2.5rem;
	justify-content: center;
}

.timeline__time-jump {
	display: flex;
	height: 0.5rem;
	width: 1rem;
	justify-content: center;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	border-width: 3px 0;
	transform: skewY(-10deg);
}

.timeline__subevent-timeline {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0.25rem;
	margin-right: 0.75rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
}

.form-group.timeline__subevent-timeline {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.timeline__subevent-timeline::before {
	position: absolute;
	margin-left: -0.25rem;
	margin-top: 0.5rem;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(223 227 228 / var(--tw-bg-opacity, 1));
	content: " ";
}

.timeline-flow__container {
	margin-bottom: 1rem;
	display: flex;
}

.timeline-flow__step {
	position: relative;
	margin-right: 1rem;
}

.form-group.timeline-flow__step {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.timeline-flow__step-container {
	position: relative;
	display: flex;
	align-items: center;
	text-align: center;
}

.form-group.timeline-flow__step-container {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.timeline-flow__step-icon {
	margin-top: 0.25rem;
	display: flex;
	height: 1rem;
	width: 1rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	line-height: 1.5;
}

.timeline-flow__step-title {
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.timeline-flow__dash {
	position: absolute;
	left: 0.5rem;
	height: 100%;
	border-left-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
}

.toggleable__heading {
	display: block;
}

.toggleable__heading--hide {
	display: none;
}

.toggleable__content {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	max-height: 0;
	overflow: hidden;
}

.toggleable__content--show {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	max-height: 20000px;
}

.tooltip-box {
	margin-bottom: 0.75rem;
	max-height: 100vh;
	border-radius: 0.5rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
	.tooltip-box {
		background-color: transparent;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

.tooltip-box__dialog {
	border-radius: 0.25rem;
}

.tooltip-box__dialog:focus-visible {
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.tooltip-box__icon {
	margin-bottom: 0.75rem;
	height: 1.75rem;
	width: 1.75rem;
	--tw-text-opacity: 1;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1));
}

.tooltip-box__inline-icon {
	width: 1.25rem;
	height: 1.25rem;
	flex-shrink: 0;
	border-radius: 9999px;
	border-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(0 140 184 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(230 244 248 / var(--tw-text-opacity, 1));
}

.tooltip-box__title {
	margin-bottom: 0.5rem;
	font-size: var(--fontSize-lg-0);
	line-height: var(--fontSize-lg-1);
	font-weight: 600;
	line-height: 1.25;
}

.tooltip-box__close {
	position: absolute;
	margin-top: -0.75rem;
		right: 1rem;
}

.tooltip-box__chin {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.transactions {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.transactions__group {
	margin-bottom: 0.75rem;
	border-radius: 0.375rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
}

.transactions__transaction {
	padding: 0.75rem;
}

.transactions__item {
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 768px) {
	.transactions__item {
		font-size: var(--fontSize-base-0);
		line-height: var(--fontSize-base-1);
	}
}

.transactions__listed-transaction {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.transactions__listed-transaction:not(:last-child) {
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1));
}

.transactions__editable-transaction {
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

.transactions__editable-transaction:hover {
	text-decoration-line: none;
}

.transactions__editable-transaction .transactions__summary:hover {
	cursor: pointer;
	--tw-bg-opacity: 1;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1));
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.address-dropdown-item.transactions__editable-transaction .transactions__summary:hover {
	background-color: #dbeafe;
}

.transactions__summary {
	display: block;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.transactions__form {
	border-width: 1px;
	padding: 0.75rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

@media (min-width: 768px) {
	.transactions__form {
		font-size: var(--fontSize-base-0);
		line-height: var(--fontSize-base-1);
	}
}

.treelist li {
	position: relative;
	margin-top: 0.375rem;
	margin-bottom: 0.375rem;
	margin-left: 0.625rem;
	margin-right: 0px;
	list-style-type: none;
}

.form-group.treelist li {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.treelist li::before {
	position: absolute;
	left: -1.25rem;
	top: -0.375rem;
	height: 1.25rem;
	width: 1.25rem;
	border-bottom-width: 1px;
	border-left-width: 1px;
	content: var(--tw-content);
	--tw-border-opacity: 1;
	border-color: rgb(153 209 227 / var(--tw-border-opacity, 1));
}

.treelist li::after {
	position: absolute;
	left: -1.25rem;
	top: 0.375rem;
	height: 100%;
	width: 1.25rem;
	border-left-width: 1px;
	content: var(--tw-content);
	--tw-border-opacity: 1;
	border-color: rgb(153 209 227 / var(--tw-border-opacity, 1));
}

.treelist li:last-child:after {
	display: none;

}

.treelist li:first-child {
	margin-top: 0px;
}

.stripe {
	position: relative;
}

.stripe__container {
	overflow: hidden;
}

.stripe::before {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	content: "";
	height: calc(105%);
	overflow: hidden;
	position: absolute;
	transform: skewY(-3deg);
	transform-origin: 0;
	width: 100%;
	z-index: -1;
}

.wide-heading {
	display: inline-block;
	font-size: var(--fontSize-2xs-0);
	line-height: var(--fontSize-2xs-1);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
	opacity: 0.75;
}

.block-heading {
	margin-bottom: 0.5rem;
	font-size: var(--fontSize-sm-0);
	line-height: var(--fontSize-sm-1);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

.e-sign__signature-canvas {
	height: 12rem;
	width: 100%;
	border-radius: 0.25rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px) {
	.e-sign__signature-canvas {
		height: 24rem;
	}
}

.e-sign__container--hidden {
	display: none;
}

.e-sign__post-submit-container {
	display: none;
}

.e-sign__post-submit-container--visible {
	display: block;
}

.e-sign__errors {
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

.enquiry-form__input {
	position: relative;
	margin-bottom: -1px;
}

.form-group.enquiry-form__input {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.enquiry-form__input:focus {
	z-index: 10;
}
@media (min-width: 768px) {
	.calls-to-action {
		--tw-bg-opacity: 1;
		background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	}

}

.calls-to-action__feature {
	margin-bottom: 1.25rem;
	margin-top: 0.75rem;
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
	padding-bottom: 1.25rem;
	text-align: center;
}

@media (min-width: 768px) {
	.wizard__tooltip {
		display: block
	}
}

.wizard__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.75rem
}

.wizard__icon{
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	max-width: 50%;
	-o-object-fit: contain;
	   object-fit: contain;
	width: 50%
}

.wizard__icon--large {
	height: 11rem;
}

@media (min-width: 768px) {
	.calls-to-action__feature {
		margin-bottom: 0;
		margin-top: 0
	}
}

.calls-to-action__feature:first-of-type {
	border-right-width: 4px;
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.calls-to-action__icon {
	display: inline-block;
	height: 100px;
	position: relative;
	top: -40px;
}

.calls-to-action__heading {
	margin-bottom: 0.75rem;
}

.inspections__acceptable-true-button {
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.inspections__acceptable-true-button.active {
	--tw-bg-opacity: 1;
	background-color: rgb(0 183 87 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.inspections__acceptable-true-button.disabled {
	--tw-text-opacity: 1;
	color: rgb(186 193 194 / var(--tw-text-opacity, 1));
}

.inspections__acceptable-true-button.disabled.active {
	--tw-bg-opacity: 1;
	background-color: rgb(77 205 137 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.inspections__acceptable-false-button {
	border-width: 1px;
	--tw-bg-opacity: 1;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1));
}

.inspections__acceptable-false-button.active {
	--tw-border-opacity: 1;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1));
}

.inspections__acceptable-false-button.disabled {
	--tw-text-opacity: 1;
	color: rgb(186 193 194 / var(--tw-text-opacity, 1));
}

.inspections__acceptable-false-button.disabled.active {
	--tw-border-opacity: 1;
	border-color: rgb(231 77 120 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(231 77 120 / var(--tw-text-opacity, 1));
}

.landing-step__container {
	margin-bottom: 1rem;
	display: flex;
}

.landing-step__step {
	position: relative;
	margin-right: 0.75rem;
}

.form-group.landing-step__step {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.landing-step__step-container {
	position: relative;
	text-align: center;
}

.form-group.landing-step__step-container {
	position: relative;
	z-index: 1; /* Ensure form group has stacking context */
}

.landing-step__step-number {
	display: inline-flex;
	height: 2.5rem;
	width: 2.5rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	font-size: var(--fontSize-base-0);
	line-height: var(--fontSize-base-1);
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.landing-step__dash {
	position: absolute;
	margin-left: 1.25rem;
	height: 100%;
	border-left-width: 1px;
	border-style: dashed;
}

.landing-step__light {
	position: absolute;
	margin-left: 1.25rem;
	height: 100%;
	border-left-width: 2px;
	border-style: dashed;
}

.landing-step__heading {
	margin-bottom: 0px;
	margin-top: 0.25rem;
	font-family: "Public Sans Web", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fontSize-xl-0);
	line-height: var(--fontSize-xl-1);
	line-height: 1.25;
	--tw-text-opacity: 1;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1));
}

.landing-step__content {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.listing__header {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}

@media (min-width: 640px) {
	.listing__header {
		flex-direction: row;
	}
}

.listing__header-link {
	--tw-text-opacity: 1;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1));
}

.listing__header-link:hover {
	text-decoration: none;
}

.listing__header-rent {
	margin-left: 0px;
	flex-shrink: 0;
	text-align: left;
}

@media (min-width: 640px) {
	.listing__header-rent {
		margin-left: 0.75rem;
		text-align: right;
	}
}

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

.listing__summary-image {
	margin-right: 0.5rem;
	height: 2rem;
}

.listing__stats {
	display: flex;
	border-bottom-width: 1px;
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1));
}

.listing__stats-item {
	padding: 0.75rem;
	padding-left: 0px;
}

.listing__feature {
	padding-bottom: 1rem;
	align-items: center;
	display: flex;
}

.listing__feature-image {
	margin-right: 0.5rem;
}

.listing__map {
	--tw-bg-opacity: 1;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1));
	height: 300px;
}

.listing__map--large {
	height: 400px;
}

.listing__map--search .mk-map-view {
	border-radius: 0.375rem;
	--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);
}

.listing__map--search {
	height: 525px;
}

.listing__map--insights {
	min-height: 16rem;
}

.listing__map--insights .mk-map-view {
	border-radius: 0.5rem;
}

.mk-callout-content {
	max-width: 250px;
}

.mk-listing-image-container {
	height: 8rem;
}

.mk-listing-image {
	height: 8rem;
	width: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
}

.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border-width: 0 !important;
}

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

.visible {
	visibility: visible !important;
}

.invisible {
	visibility: hidden !important;
}

.collapse {
	visibility: collapse !important;
}

.static {
	position: static !important;
}

.fixed {
	position: fixed !important;
}

.absolute {
	position: absolute !important;
}

.relative {
	position: relative !important;
}

.sticky {
	position: sticky !important;
}

.inset-0 {
	inset: 0px !important;
}

.inset-y-0 {
	top: 0px !important;
	bottom: 0px !important;
}

.-bottom-0 {
	bottom: -0px !important;
}

.-bottom-1 {
	bottom: -0.25rem !important;
}

.-bottom-12 {
	bottom: -3rem !important;
}

.-bottom-2 {
	bottom: -0.5rem !important;
}

.-bottom-9 {
	bottom: -2.25rem !important;
}

.-left-0 {
	left: -0px !important;
}

.-left-1 {
	left: -0.25rem !important;
}

.-left-2 {
	left: -0.5rem !important;
}

.-right-0 {
	right: -0px !important;
}

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

.-right-2 {
	right: -0.5rem !important;
}

.-top-0 {
	top: -0px !important;
}

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

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

.-top-6 {
	top: -1.5rem !important;
}

.bottom-0 {
	bottom: 0px !important;
}

.bottom-1 {
	bottom: 0.25rem !important;
}

.left-0 {
	left: 0px !important;
}

.left-1 {
	left: 0.25rem !important;
}

.left-8 {
	left: 2rem !important;
}

.left-\[4px\] {
	left: 4px !important;
}

.left-full {
	left: 100% !important;
}

.right-0 {
	right: 0px !important;
}

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

.right-4 {
	right: 1rem !important;
}

.top-0 {
	top: 0px !important;
}

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

.top-12 {
	top: 3rem !important;
}

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

.top-4 {
	top: 1rem !important;
}

.top-\[1px\] {
	top: 1px !important;
}

.top-full {
	top: 100% !important;
}

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

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

.z-20 {
	z-index: 20 !important;
}

.z-30 {
	z-index: 30 !important;
}

.z-40 {
	z-index: 40 !important;
}

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

.order-last {
	order: 9999 !important;
}

.col-span-1 {
	grid-column: span 1 / span 1 !important;
}

.col-span-10 {
	grid-column: span 10 / span 10 !important;
}

.col-span-12 {
	grid-column: span 12 / span 12 !important;
}

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

.col-span-3 {
	grid-column: span 3 / span 3 !important;
}

.col-span-4 {
	grid-column: span 4 / span 4 !important;
}

.col-span-5 {
	grid-column: span 5 / span 5 !important;
}

.col-span-6 {
	grid-column: span 6 / span 6 !important;
}

.col-span-7 {
	grid-column: span 7 / span 7 !important;
}

.col-span-8 {
	grid-column: span 8 / span 8 !important;
}

.col-span-9 {
	grid-column: span 9 / span 9 !important;
}

.col-start-2 {
	grid-column-start: 2 !important;
}

.-m-1\.5 {
	margin: -0.375rem !important;
}

.-m-2\.5 {
	margin: -0.625rem !important;
}

.-m-\[2px\] {
	margin: -2px !important;
}

.m-0 {
	margin: 0px !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.m-3 {
	margin: 0.75rem !important;
}

.m-4 {
	margin: 1rem !important;
}

.m-auto {
	margin: auto !important;
}

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

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

.-mx-5 {
	margin-left: -1.25rem !important;
	margin-right: -1.25rem !important;
}

.-mx-6 {
	margin-left: -1.5rem !important;
	margin-right: -1.5rem !important;
}

.-mx-8 {
	margin-left: -2rem !important;
	margin-right: -2rem !important;
}

.-my-12 {
	margin-top: -3rem !important;
	margin-bottom: -3rem !important;
}

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

.-my-3 {
	margin-top: -0.75rem !important;
	margin-bottom: -0.75rem !important;
}

.mx-0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

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

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

.mx-3 {
	margin-left: 0.75rem !important;
	margin-right: 0.75rem !important;
}

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

.mx-6 {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.mx-8 {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}

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

.my-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

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

.my-12 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.my-16 {
	margin-top: 4rem !important;
	margin-bottom: 4rem !important;
}

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

.my-20 {
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}

.my-24 {
	margin-top: 6rem !important;
	margin-bottom: 6rem !important;
}

.my-3 {
	margin-top: 0.75rem !important;
	margin-bottom: 0.75rem !important;
}

.my-32 {
	margin-top: 8rem !important;
	margin-bottom: 8rem !important;
}

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

.my-5 {
	margin-top: 1.25rem !important;
	margin-bottom: 1.25rem !important;
}

.my-6 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.my-8 {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}

.-mb-10 {
	margin-bottom: -2.5rem !important;
}

.-mb-14 {
	margin-bottom: -3.5rem !important;
}

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

.-mb-20 {
	margin-bottom: -5rem !important;
}

.-mb-3 {
	margin-bottom: -0.75rem !important;
}

.-mb-32 {
	margin-bottom: -8rem !important;
}

.-mb-48 {
	margin-bottom: -12rem !important;
}

.-mb-6 {
	margin-bottom: -1.5rem !important;
}

.-mb-72 {
	margin-bottom: -18rem !important;
}

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

.-mb-px {
	margin-bottom: -1px !important;
}

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

.-mr-10 {
	margin-right: -2.5rem !important;
}

.-mt-1 {
	margin-top: -0.25rem !important;
}

.-mt-12 {
	margin-top: -3rem !important;
}

.-mt-16 {
	margin-top: -4rem !important;
}

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

.-mt-28 {
	margin-top: -7rem !important;
}

.-mt-3 {
	margin-top: -0.75rem !important;
}

.-mt-44 {
	margin-top: -11rem !important;
}

.-mt-5 {
	margin-top: -1.25rem !important;
}

.-mt-56 {
	margin-top: -14rem !important;
}

.-mt-6 {
	margin-top: -1.5rem !important;
}

.-mt-64 {
	margin-top: -16rem !important;
}

.-mt-72 {
	margin-top: -18rem !important;
}

.-mt-8 {
	margin-top: -2rem !important;
}

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

.mb-0\.5 {
	margin-bottom: 0.125rem !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.mb-10 {
	margin-bottom: 2.5rem !important;
}

.mb-12 {
	margin-bottom: 3rem !important;
}

.mb-14 {
	margin-bottom: 3.5rem !important;
}

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

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

.mb-20 {
	margin-bottom: 5rem !important;
}

.mb-24 {
	margin-bottom: 6rem !important;
}

.mb-28 {
	margin-bottom: 7rem !important;
}

.mb-3 {
	margin-bottom: 0.75rem !important;
}

.mb-32 {
	margin-bottom: 8rem !important;
}

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

.mb-44 {
	margin-bottom: 11rem !important;
}

.mb-5 {
	margin-bottom: 1.25rem !important;
}

.mb-6 {
	margin-bottom: 1.5rem !important;
}

.mb-7 {
	margin-bottom: 1.75rem !important;
}

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

.ml-0 {
	margin-left: 0px !important;
}

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

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

.ml-12 {
	margin-left: 3rem !important;
}

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

.ml-3 {
	margin-left: 0.75rem !important;
}

.ml-32 {
	margin-left: 8rem !important;
}

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

.ml-5 {
	margin-left: 1.25rem !important;
}

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

.ml-8 {
	margin-left: 2rem !important;
}

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

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

.mr-1\.5 {
	margin-right: 0.375rem !important;
}

.mr-16 {
	margin-right: 4rem !important;
}

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

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

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

.mr-5 {
	margin-right: 1.25rem !important;
}

.mr-6 {
	margin-right: 1.5rem !important;
}

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

.mr-auto {
	margin-right: auto !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mt-12 {
	margin-top: 3rem !important;
}

.mt-16 {
	margin-top: 4rem !important;
}

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

.mt-2\.5 {
	margin-top: 0.625rem !important;
}

.mt-20 {
	margin-top: 5rem !important;
}

.mt-24 {
	margin-top: 6rem !important;
}

.mt-3 {
	margin-top: 0.75rem !important;
}

.mt-32 {
	margin-top: 8rem !important;
}

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

.mt-5 {
	margin-top: 1.25rem !important;
}

.mt-6 {
	margin-top: 1.5rem !important;
}

.mt-8 {
	margin-top: 2rem !important;
}

.mt-auto {
	margin-top: auto !important;
}

.line-clamp-1 {
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 1 !important;
}

.line-clamp-2 {
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

.line-clamp-3 {
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3 !important;
}

.block {
	display: block !important;
}

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

.inline {
	display: inline !important;
}

.flex {
	display: flex !important;
}

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

.table {
	display: table !important;
}

.grid {
	display: grid !important;
}

.contents {
	display: contents !important;
}

.hidden {
	display: none !important;
}

.aspect-\[1097\/845\] {
	aspect-ratio: 1097/845 !important;
}

.size-10 {
	width: 2.5rem !important;
	height: 2.5rem !important;
}

.size-12 {
	width: 3rem !important;
	height: 3rem !important;
}

.size-3 {
	width: 0.75rem !important;
	height: 0.75rem !important;
}

.size-4 {
	width: 1rem !important;
	height: 1rem !important;
}

.size-5 {
	width: 1.25rem !important;
	height: 1.25rem !important;
}

.size-6 {
	width: 1.5rem !important;
	height: 1.5rem !important;
}

.h-0 {
	height: 0px !important;
}

.h-1 {
	height: 0.25rem !important;
}

.h-10 {
	height: 2.5rem !important;
}

.h-12 {
	height: 3rem !important;
}

.h-14 {
	height: 3.5rem !important;
}

.h-16 {
	height: 4rem !important;
}

.h-2 {
	height: 0.5rem !important;
}

.h-2\.5 {
	height: 0.625rem !important;
}

.h-20 {
	height: 5rem !important;
}

.h-24 {
	height: 6rem !important;
}

.h-28 {
	height: 7rem !important;
}

.h-3 {
	height: 0.75rem !important;
}

.h-3\.5 {
	height: 0.875rem !important;
}

.h-32 {
	height: 8rem !important;
}

.h-4 {
	height: 1rem !important;
}

.h-40 {
	height: 10rem !important;
}

.h-44 {
	height: 11rem !important;
}

.h-48 {
	height: 12rem !important;
}

.h-5 {
	height: 1.25rem !important;
}

.h-52 {
	height: 13rem !important;
}

.h-6 {
	height: 1.5rem !important;
}

.h-64 {
	height: 16rem !important;
}

.h-7 {
	height: 1.75rem !important;
}

.h-8 {
	height: 2rem !important;
}

.h-9 {
	height: 2.25rem !important;
}

.h-96 {
	height: 24rem !important;
}

.h-\[10px\] {
	height: 10px !important;
}

.h-\[180px\] {
	height: 180px !important;
}

.h-\[300px\] {
	height: 300px !important;
}

.h-\[600px\] {
	height: 600px !important;
}

.h-auto {
	height: auto !important;
}

.h-full {
	height: 100% !important;
}

.h-screen {
	height: 100vh !important;
}

.max-h-12 {
	max-height: 3rem !important;
}

.max-h-3 {
	max-height: 0.75rem !important;
}

.max-h-56 {
	max-height: 14rem !important;
}

.max-h-72 {
	max-height: 18rem !important;
}

.max-h-\[100vh\] {
	max-height: 100vh !important;
}

.max-h-\[34px\] {
	max-height: 34px !important;
}

.max-h-screen {
	max-height: 100vh !important;
}

.min-h-\[202px\] {
	min-height: 202px !important;
}

.min-h-\[48px\] {
	min-height: 48px !important;
}

.min-h-\[500px\] {
	min-height: 500px !important;
}

.min-h-full {
	min-height: 100% !important;
}

.min-h-screen {
	min-height: 100vh !important;
}

.w-0 {
	width: 0px !important;
}

.w-1\/2 {
	width: 50% !important;
}

.w-40-percent {
	width: 40% !important;
}

.w-1\/3 {
	width: 33.333333% !important;
}

.w-1\/4 {
	width: 25% !important;
}

.w-1\/6 {
	width: 16.666666% !important;
}

.w-1\/12 {
	width: 8.333333% !important;
}

.w-10 {
	width: 2.5rem !important;
}

.w-11 {
	width: 2.75rem !important;
}

.w-12 {
	width: 3rem !important;
}

.w-14 {
	width: 3.5rem !important;
}

.w-16 {
	width: 4rem !important;
}

.w-2 {
	width: 0.5rem !important;
}

.w-2\.5 {
	width: 0.625rem !important;
}

.w-2\/3 {
	width: 66.666667% !important;
}

.w-20 {
	width: 5rem !important;
}

.w-24 {
	width: 6rem !important;
}

.w-28 {
	width: 7rem !important;
}

.w-3 {
	width: 0.75rem !important;
}

.w-3\.5 {
	width: 0.875rem !important;
}

.w-32 {
	width: 8rem !important;
}

.w-36 {
	width: 9rem !important;
}

.w-4 {
	width: 1rem !important;
}

.w-40 {
	width: 10rem !important;
}

.w-48 {
	width: 12rem !important;
}

.w-5 {
	width: 1.25rem !important;
}

.w-5\/6 {
	width: 83.333333% !important;
}

.w-52 {
	width: 13rem !important;
}

.w-6 {
	width: 1.5rem !important;
}

.w-64 {
	width: 14rem !important;
}

.w-7 {
	width: 1.75rem !important;
}

.w-72 {
	width: 18rem !important;
}

.w-8 {
	width: 2rem !important;
}

.w-80 {
	width: 20rem !important;
}

.w-9 {
	width: 2.25rem !important;
}

.w-\[100px\] {
	width: 100px !important;
}

.w-\[10px\] {
	width: 10px !important;
}

.w-\[165px\] {
	width: 165px !important;
}

.w-\[280px\] {
	width: 280px !important;
}

.w-\[2px\] {
	width: 2px !important;
}

.w-\[550px\] {
	width: 550px !important;
}

.w-\[68\.5625rem\] {
	width: 68.5625rem !important;
}

.w-\[75vw\] {
	width: 75vw !important;
}

.w-\[93vw\] {
	width: 93vw !important;
}

.w-auto {
	width: auto !important;
}

.w-full {
	width: 100% !important;
}

.w-px {
	width: 1px !important;
}

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

.min-w-\[100px\] {
	min-width: 100px !important;
}

.min-w-\[200px\] {
	min-width: 200px !important;
}

.min-w-full {
	min-width: 100% !important;
}

.min-w-max {
	min-width: -moz-max-content !important;
	min-width: max-content !important;
}

.min-w-xl {
	min-width: 36rem !important;
}

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

.max-w-3xl {
	max-width: 48rem !important;
}

.max-w-4xl {
	max-width: 56rem !important;
}

.max-w-5xl {
	max-width: 64rem !important;
}

.max-w-6xl {
	max-width: 72rem !important;
}

.max-w-7xl {
	max-width: 80rem !important;
}

.max-w-\[200px\] {
	max-width: 200px !important;
}

.max-w-\[250px\] {
	max-width: 250px !important;
}

.max-w-\[500px\] {
	max-width: 500px !important;
}

.max-w-\[526px\] {
	max-width: 526px !important;
}

.max-w-\[539px\] {
	max-width: 539px !important;
}

.max-w-\[90vw\] {
	max-width: 90vw !important;
}

.max-w-full {
	max-width: 100% !important;
}

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

.max-w-md {
	max-width: 28rem !important;
}

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

.max-w-screen-lg {
	max-width: 1024px !important;
}

.max-w-screen-md {
	max-width: 768px !important;
}

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

.max-w-sm {
	max-width: 24rem !important;
}

.max-w-xl {
	max-width: 36rem !important;
}

.max-w-xs {
	max-width: 20rem !important;
}

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

.flex-auto {
	flex: 1 1 auto !important;
}

.flex-none {
	flex: none !important;
}

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

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

.flex-grow {
	flex-grow: 1 !important;
}

.grow {
	flex-grow: 1 !important;
}

.grow-0 {
	flex-grow: 0 !important;
}

.grow-2 {
	flex-grow: 2 !important;
}

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

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

.basis-14 {
	flex-basis: 3.5rem !important;
}

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

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

.basis-4\/5 {
	flex-basis: 80% !important;
}

.basis-48 {
	flex-basis: 12rem !important;
}

.basis-72 {
	flex-basis: 18rem !important;
}

.basis-full {
	flex-basis: 100% !important;
}

.table-auto {
	table-layout: auto !important;
}

.origin-top-right {
	transform-origin: top right !important;
}

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

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

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

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

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

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

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

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

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

.scale-y-\[\.95\] {
	--tw-scale-y: .95 !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.scale-y-\[\.98\] {
	--tw-scale-y: .98 !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

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

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

@keyframes ping {
	75%, 100% {
		transform: scale(2);
		opacity: 0;
	}
}

.animate-ping {
	animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}

@keyframes pulse {
	50% {
		opacity: .5;
	}
}

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

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.animate-spin {
	animation: spin 1s linear infinite !important;
}

.cursor-move {
	cursor: move !important;
}

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

.cursor-pointer {
	cursor: pointer !important;
}

.select-none {
	-webkit-user-select: none !important;
	 -moz-user-select: none !important;
	user-select: none !important;
}

.resize {
	resize: both !important;
}

.snap-start {
	scroll-snap-align: start !important;
}

.list-decimal {
	list-style-type: decimal !important;
}

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

.list-none {
	list-style-type: none !important;
}

.break-inside-avoid {
	-moz-column-break-inside: avoid !important;
	break-inside: avoid !important;
}

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

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

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

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

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

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

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

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

.flex-row {
	flex-direction: row !important;
}

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

.flex-col-reverse {
	flex-direction: column-reverse !important;
}

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

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

.items-end {
	align-items: flex-end !important;
}

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

.items-baseline {
	align-items: baseline !important;
}

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

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

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

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

.gap-0 {
	gap: 0px !important;
}

.gap-1 {
	gap: 0.25rem !important;
}

.gap-10 {
	gap: 2.5rem !important;
}

.gap-12 {
	gap: 3rem !important;
}

.gap-16 {
	gap: 4rem !important;
}

.gap-2 {
	gap: 0.5rem !important;
}

.gap-20 {
	gap: 5rem !important;
}

.gap-24 {
	gap: 6rem !important;
}

.gap-3 {
	gap: 0.75rem !important;
}

.gap-4 {
	gap: 1rem !important;
}

.gap-5 {
	gap: 1.25rem !important;
}

.gap-6 {
	gap: 1.5rem !important;
}

.gap-8 {
	gap: 2rem !important;
}

.gap-x-12 {
	-moz-column-gap: 3rem !important;
	 column-gap: 3rem !important;
}

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

.gap-x-3 {
	-moz-column-gap: 0.75rem !important;
	 column-gap: 0.75rem !important;
}

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

.gap-y-16 {
	row-gap: 4rem !important;
}

.gap-y-2 {
	row-gap: 0.5rem !important;
}

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

.gap-y-5 {
	row-gap: 1.25rem !important;
}

.gap-y-6 {
	row-gap: 1.5rem !important;
}

.gap-y-7 {
	row-gap: 1.75rem !important;
}

.gap-y-8 {
	row-gap: 2rem !important;
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
	margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important;
	margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important;
	margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
	margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-x-5 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(1.25rem * var(--tw-space-x-reverse)) !important;
	margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)) !important;
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(3rem * var(--tw-space-y-reverse)) !important;
}

.space-y-16 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(4rem * var(--tw-space-y-reverse)) !important;
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}

.space-y-20 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(5rem * var(--tw-space-y-reverse)) !important;
}

.space-y-28 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(7rem * var(--tw-space-y-reverse)) !important;
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)) !important;
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important;
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important;
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-x-reverse: 0 !important;
	border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
	border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-y-reverse: 0 !important;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}

.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-y-reverse: 0 !important;
	border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))) !important;
	border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) !important;
}

.divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-opacity: 1 !important;
	border-color: rgb(191 226 237 / var(--tw-divide-opacity, 1)) !important;
}

.divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-opacity: 1 !important;
	border-color: rgb(153 209 227 / var(--tw-divide-opacity, 1)) !important;
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-opacity: 1 !important;
	border-color: rgb(247 249 250 / var(--tw-divide-opacity, 1)) !important;
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-opacity: 1 !important;
	border-color: rgb(233 238 240 / var(--tw-divide-opacity, 1)) !important;
}

.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-opacity: 1 !important;
	border-color: rgb(223 227 228 / var(--tw-divide-opacity, 1)) !important;
}

.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-opacity: 1 !important;
	border-color: rgb(210 214 215 / var(--tw-divide-opacity, 1)) !important;
}

.self-start {
	align-self: flex-start !important;
}

.self-end {
	align-self: flex-end !important;
}

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

.self-stretch {
	align-self: stretch !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.overflow-visible {
	overflow: visible !important;
}

.overflow-x-auto {
	overflow-x: auto !important;
}

.overflow-y-auto {
	overflow-y: auto !important;
}

.overflow-x-hidden {
	overflow-x: hidden !important;
}

.overflow-x-scroll {
	overflow-x: scroll !important;
}

.overflow-y-scroll {
	overflow-y: scroll !important;
}

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

.text-ellipsis {
	text-overflow: ellipsis !important;
}

.whitespace-nowrap {
	white-space: nowrap !important;
}

.whitespace-pre-wrap {
	white-space: pre-wrap !important;
}

.text-wrap {
	text-wrap: wrap !important;
}

.text-nowrap {
	text-wrap: nowrap !important;
}

.break-normal {
	overflow-wrap: normal !important;
	word-break: normal !important;
}

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

.break-all {
	word-break: break-all !important;
}

.rounded {
	border-radius: 0.25rem !important;
}

.rounded-2xl {
	border-radius: 1rem !important;
}

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

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

.rounded-lg {
	border-radius: 0.5rem !important;
}

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

.rounded-none {
	border-radius: 0px !important;
}

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

.rounded-b {
	border-bottom-right-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;
}

.rounded-b-2xl {
	border-bottom-right-radius: 1rem !important;
	border-bottom-left-radius: 1rem !important;
}

.rounded-b-lg {
	border-bottom-right-radius: 0.5rem !important;
	border-bottom-left-radius: 0.5rem !important;
}

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

.rounded-b-none {
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.rounded-l-none {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.rounded-r {
	border-top-right-radius: 0.25rem !important;
	border-bottom-right-radius: 0.25rem !important;
}

.rounded-r-none {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.rounded-t {
	border-top-left-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
}

.rounded-t-lg {
	border-top-left-radius: 0.5rem !important;
	border-top-right-radius: 0.5rem !important;
}

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

.rounded-t-none {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.rounded-bl {
	border-bottom-left-radius: 0.25rem !important;
}

.rounded-tl {
	border-top-left-radius: 0.25rem !important;
}

.rounded-tr {
	border-top-right-radius: 0.25rem !important;
}

.rounded-tr-2xl {
	border-top-right-radius: 1rem !important;
}

.border {
	border-width: 1px !important;
}

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

.border-2 {
	border-width: 2px !important;
}

.border-4 {
	border-width: 4px !important;
}

.border-\[3px\] {
	border-width: 3px !important;
}

.border-b {
	border-bottom-width: 1px !important;
}

.border-b-0 {
	border-bottom-width: 0px !important;
}

.border-b-2 {
	border-bottom-width: 2px !important;
}

.border-b-4 {
	border-bottom-width: 4px !important;
}

.border-l {
	border-left-width: 1px !important;
}

.border-l-2 {
	border-left-width: 2px !important;
}

.border-l-4 {
	border-left-width: 4px !important;
}

.border-l-\[4rem\] {
	border-left-width: 4rem !important;
}

.border-r {
	border-right-width: 1px !important;
}

.border-r-0 {
	border-right-width: 0px !important;
}

.border-r-2 {
	border-right-width: 2px !important;
}

.border-t {
	border-top-width: 1px !important;
}

.border-t-0 {
	border-top-width: 0px !important;
}

.border-t-2 {
	border-top-width: 2px !important;
}

.border-t-4 {
	border-top-width: 4px !important;
}

.border-t-\[7px\] {
	border-top-width: 7px !important;
}

.border-t-\[8rem\] {
	border-top-width: 8rem !important;
}

.border-solid {
	border-style: solid !important;
}

.border-dashed {
	border-style: dashed !important;
}

.border-blue-200 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(191 226 237 / var(--tw-border-opacity, 1)) !important;
}

.border-blue-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(153 209 227 / var(--tw-border-opacity, 1)) !important;
}

.border-blue-400 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(77 175 205 / var(--tw-border-opacity, 1)) !important;
}

.border-blue-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1)) !important;
}

.border-blue-600 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 126 166 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-100 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(247 249 250 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-100\/50 {
	border-color: rgb(247 249 250 / 0.5) !important;
}

.border-gray-200 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(233 238 240 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-400 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(210 214 215 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(186 193 194 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-600 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(100 108 112 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-900\/5 {
	border-color: rgb(32 38 40 / 0.05) !important;
}

.border-green-200 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(202 252 226 / var(--tw-border-opacity, 1)) !important;
}

.border-green-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(153 226 188 / var(--tw-border-opacity, 1)) !important;
}

.border-green-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 183 87 / var(--tw-border-opacity, 1)) !important;
}

.border-navy-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(3 78 130 / var(--tw-border-opacity, 1)) !important;
}

.border-orange-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(253 186 116 / var(--tw-border-opacity, 1)) !important;
}

.border-orange-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(249 115 22 / var(--tw-border-opacity, 1)) !important;
}

.border-pink-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(232 26 79 / var(--tw-border-opacity, 1)) !important;
}

.border-pink-600 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(209 23 71 / var(--tw-border-opacity, 1)) !important;
}

.border-red-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(241 153 178 / var(--tw-border-opacity, 1)) !important;
}

.border-red-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(221 0 62 / var(--tw-border-opacity, 1)) !important;
}

.border-transparent {
	border-color: transparent !important;
}

.border-white {
	--tw-border-opacity: 1 !important;
	border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}

.border-yellow-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(251 219 167 / var(--tw-border-opacity, 1)) !important;
}

.border-yellow-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(245 166 35 / var(--tw-border-opacity, 1)) !important;
}

.border-b-gray-100 {
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(247 249 250 / var(--tw-border-opacity, 1)) !important;
}

.border-b-gray-300 {
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(223 227 228 / var(--tw-border-opacity, 1)) !important;
}

.border-l-gray-300 {
	--tw-border-opacity: 1 !important;
	border-left-color: rgb(223 227 228 / var(--tw-border-opacity, 1)) !important;
}

.border-l-transparent {
	border-left-color: transparent !important;
}

.border-r-gray-300 {
	--tw-border-opacity: 1 !important;
	border-right-color: rgb(223 227 228 / var(--tw-border-opacity, 1)) !important;
}

.border-t-gray-200 {
	--tw-border-opacity: 1 !important;
	border-top-color: rgb(233 238 240 / var(--tw-border-opacity, 1)) !important;
}

.border-t-gray-300 {
	--tw-border-opacity: 1 !important;
	border-top-color: rgb(223 227 228 / var(--tw-border-opacity, 1)) !important;
}

.border-t-white {
	--tw-border-opacity: 1 !important;
	border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}

.bg-\[\#AC684F\] {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(172 104 79 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#C5C5C5\] {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(197 197 197 / var(--tw-bg-opacity, 1)) !important;
}

.bg-black\/5 {
	background-color: rgb(0 0 0 / 0.05) !important;
}

.bg-blue-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(191 226 237 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-200\/80 {
	background-color: rgb(191 226 237 / 0.8) !important;
}

.bg-blue-400 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(77 175 205 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-50 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(240 248 253 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(0 140 184 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-500\/10 {
	background-color: rgb(0 140 184 / 0.1) !important;
}

.bg-blue-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(0 126 166 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-600\/75 {
	background-color: rgb(0 126 166 / 0.75) !important;
}

.bg-blue-700 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(0 84 110 / var(--tw-bg-opacity, 1)) !important;
}

.bg-cream-50 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(250 248 244 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-300 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(223 227 228 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-400 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(210 214 215 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-50 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(186 193 194 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(100 108 112 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-800 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-900\/10 {
	background-color: rgb(32 38 40 / 0.1) !important;
}

.bg-gray-900\/80 {
	background-color: rgb(32 38 40 / 0.8) !important;
}

.bg-green-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(239 255 246 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(202 252 226 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-300 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(153 226 188 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-400 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(77 205 137 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(0 183 87 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-700 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)) !important;
}

.bg-navy-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(207 215 220 / var(--tw-bg-opacity, 1)) !important;
}

.bg-navy-400 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(116 153 179 / var(--tw-bg-opacity, 1)) !important;
}

.bg-navy-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(3 78 130 / var(--tw-bg-opacity, 1)) !important;
}

.bg-navy-500\/10 {
	background-color: rgb(3 78 130 / 0.1) !important;
}

.bg-navy-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(3 70 117 / var(--tw-bg-opacity, 1)) !important;
}

.bg-navy-700 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(2 47 78 / var(--tw-bg-opacity, 1)) !important;
}

.bg-nzpif-blue {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(24 62 131 / var(--tw-bg-opacity, 1)) !important;
}

.bg-orange-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1)) !important;
}

.bg-orange-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)) !important;
}

.bg-pink-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(253 232 237 / var(--tw-bg-opacity, 1)) !important;
}

.bg-pink-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(232 26 79 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(252 230 236 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(247 191 207 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-300 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(241 153 178 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-400 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(231 77 120 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(221 0 62 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(199 0 56 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-700 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important;
}

.bg-slate-50 {
	background-color: #f8fafc;
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-white {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-white\/50 {
	background-color: rgb(255 255 255 / 0.5) !important;
}

.bg-yellow-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(254 246 233 / var(--tw-bg-opacity, 1)) !important;
}

.bg-yellow-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(253 233 200 / var(--tw-bg-opacity, 1)) !important;
}

.bg-yellow-300 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(251 219 167 / var(--tw-bg-opacity, 1)) !important;
}

.bg-yellow-400 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(248 193 101 / var(--tw-bg-opacity, 1)) !important;
}

.bg-yellow-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(245 166 35 / var(--tw-bg-opacity, 1)) !important;
}

.bg-opacity-75 {
	--tw-bg-opacity: 0.75 !important;
}

.bg-opacity-80 {
	--tw-bg-opacity: 0.8 !important;
}

.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-br {
	background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-r {
	background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-tr {
	background-image: linear-gradient(to top right, var(--tw-gradient-stops)) !important;
}

.from-\[\#B11A41\] {
	--tw-gradient-from: #B11A41 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(177 26 65 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-\[\#fff1ab\] {
	--tw-gradient-from: #fff1ab var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(255 241 171 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-blue-100 {
	--tw-gradient-from: #E6F4F8 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(230 244 248 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-blue-400 {
	--tw-gradient-from: #4DAFCD var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(77 175 205 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-blue-400\/5 {
	--tw-gradient-from: rgb(77 175 205 / 0.05) var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(77 175 205 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-blue-50 {
	--tw-gradient-from: #F0F8FD var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(240 248 253 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-blue-500 {
	--tw-gradient-from: #008CB8 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(0 140 184 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-blue-900 {
	--tw-gradient-from: #002A37 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(0 42 55 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-gray-100 {
	--tw-gradient-from: #f7f9fa var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(247 249 250 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-gray-200 {
	--tw-gradient-from: #e9eef0 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(233 238 240 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-gray-50 {
	--tw-gradient-from: #f9fafb var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-green-100 {
	--tw-gradient-from: #EFFFF6 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(239 255 246 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-interiors-group-blue {
	--tw-gradient-from: #01A2E0 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(1 162 224 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-navy-200 {
	--tw-gradient-from: #ADBFCC var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(173 191 204 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-navy-500 {
	--tw-gradient-from: #034E82 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(3 78 130 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-orange-50 {
	--tw-gradient-from: #fff7ed var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-red-100 {
	--tw-gradient-from: #FCE6EC var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(252 230 236 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-red-500 {
	--tw-gradient-from: #DD003E var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(221 0 62 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-renti-orange-light {
	--tw-gradient-from: #F58C20 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(245 140 32 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-shortland-blue {
	--tw-gradient-from: #21284D var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-white {
	--tw-gradient-from: #fff var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-yellow-500 {
	--tw-gradient-from: #F5A623 var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(245 166 35 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-blue-700 {
	--tw-gradient-to: rgb(0 84 110 / 0)	var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), #00546E var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.via-gray-100 {
	--tw-gradient-to: rgb(247 249 250 / 0)	var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), #f7f9fa var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.via-white {
	--tw-gradient-to: rgb(255 255 255 / 0)	var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.to-\[\#fff8d6\] {
	--tw-gradient-to: #fff8d6 var(--tw-gradient-to-position) !important;
}

.to-blue-100 {
	--tw-gradient-to: #E6F4F8 var(--tw-gradient-to-position) !important;
}

.to-blue-400 {
	--tw-gradient-to: #4DAFCD var(--tw-gradient-to-position) !important;
}

.to-blue-50 {
	--tw-gradient-to: #F0F8FD var(--tw-gradient-to-position) !important;
}

.to-blue-500\/5 {
	--tw-gradient-to: rgb(0 140 184 / 0.05) var(--tw-gradient-to-position) !important;
}

.to-blue-600 {
	--tw-gradient-to: #007EA6 var(--tw-gradient-to-position) !important;
}

.to-gray-100 {
	--tw-gradient-to: #f7f9fa var(--tw-gradient-to-position) !important;
}

.to-gray-200 {
	--tw-gradient-to: #e9eef0 var(--tw-gradient-to-position) !important;
}

.to-gray-50 {
	--tw-gradient-to: #f9fafb var(--tw-gradient-to-position) !important;
}

.to-green-300 {
	--tw-gradient-to: #99E2BC var(--tw-gradient-to-position) !important;
}

.to-navy-300 {
	--tw-gradient-to: #96B0C2 var(--tw-gradient-to-position) !important;
}

.to-navy-400 {
	--tw-gradient-to: #7499B3 var(--tw-gradient-to-position) !important;
}

.to-navy-500 {
	--tw-gradient-to: #034E82 var(--tw-gradient-to-position) !important;
}

.to-navy-600 {
	--tw-gradient-to: #034675 var(--tw-gradient-to-position) !important;
}

.to-orange-100 {
	--tw-gradient-to: #ffedd5 var(--tw-gradient-to-position) !important;
}

.to-red-200 {
	--tw-gradient-to: #F7BFCF var(--tw-gradient-to-position) !important;
}

.to-red-50 {
	--tw-gradient-to: #FDF0F2 var(--tw-gradient-to-position) !important;
}

.to-red-500 {
	--tw-gradient-to: #DD003E var(--tw-gradient-to-position) !important;
}

.to-red-600 {
	--tw-gradient-to: #C70038 var(--tw-gradient-to-position) !important;
}

.to-renti-orange-inter {
	--tw-gradient-to: #F05922 var(--tw-gradient-to-position) !important;
}

.to-white {
	--tw-gradient-to: #fff var(--tw-gradient-to-position) !important;
}

.to-yellow-400 {
	--tw-gradient-to: #F8C165 var(--tw-gradient-to-position) !important;
}

.bg-contain {
	background-size: contain !important;
}

.bg-cover {
	background-size: cover !important;
}

.bg-clip-text {
	-webkit-background-clip: text !important;
	background-clip: text !important;
}

.bg-center {
	background-position: center !important;
}

.bg-left {
	background-position: left !important;
}

.bg-no-repeat {
	background-repeat: no-repeat !important;
}

.fill-current {
	fill: currentColor !important;
}

.stroke-current {
	stroke: currentColor !important;
}

.object-contain {
	-o-object-fit: contain !important;
	object-fit: contain !important;
}

.object-cover {
	-o-object-fit: cover !important;
	object-fit: cover !important;
}

.p-0 {
	padding: 0px !important;
}

.p-0\.5 {
	padding: 0.125rem !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.p-1\.5 {
	padding: 0.375rem !important;
}

.p-10 {
	padding: 2.5rem !important;
}

.p-12 {
	padding: 3rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.p-2\.5 {
	padding: 0.625rem !important;
}

.p-3 {
	padding: 0.75rem !important;
}

.p-4 {
	padding: 1rem !important;
}

.p-5 {
	padding: 1.25rem !important;
}

.p-6 {
	padding: 1.5rem !important;
}

.p-8 {
	padding: 2rem !important;
}

.p-px {
	padding: 1px !important;
}

.px-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.px-1 {
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}

.px-1\.5 {
	padding-left: 0.375rem !important;
	padding-right: 0.375rem !important;
}

.px-10 {
	padding-left: 2.5rem !important;
	padding-right: 2.5rem !important;
}

.px-12 {
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}

.px-16 {
	padding-left: 4rem !important;
	padding-right: 4rem !important;
}

.px-2 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.px-3 {
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
}

.px-4 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.px-5 {
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
}

.px-6 {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.px-8 {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.px-\[6px\] {
	padding-left: 6px !important;
	padding-right: 6px !important;
}

.py-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.py-1\.5 {
	padding-top: 0.375rem !important;
	padding-bottom: 0.375rem !important;
}

.py-10 {
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}

.py-12 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.py-16 {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.py-20 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}

.py-24 {
	padding-top: 6rem !important;
	padding-bottom: 6rem !important;
}

.py-3 {
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
}

.py-32 {
	padding-top: 8rem !important;
	padding-bottom: 8rem !important;
}

.py-4 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.py-48 {
	padding-top: 12rem !important;
	padding-bottom: 12rem !important;
}

.py-5 {
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}

.py-6 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.py-8 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.py-\[14px\] {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pb-10 {
	padding-bottom: 2.5rem !important;
}

.pb-12 {
	padding-bottom: 3rem !important;
}

.pb-16 {
	padding-bottom: 4rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pb-20 {
	padding-bottom: 5rem !important;
}

.pb-24 {
	padding-bottom: 6rem !important;
}

.pb-28 {
	padding-bottom: 7rem !important;
}

.pb-3 {
	padding-bottom: 0.75rem !important;
}

.pb-32 {
	padding-bottom: 8rem !important;
}

.pb-4 {
	padding-bottom: 1rem !important;
}

.pb-44 {
	padding-bottom: 11rem !important;
}

.pb-48 {
	padding-bottom: 12rem !important;
}

.pb-5 {
	padding-bottom: 1.25rem !important;
}

.pb-56 {
	padding-bottom: 14rem !important;
}

.pb-6 {
	padding-bottom: 1.5rem !important;
}

.pb-72 {
	padding-bottom: 18rem !important;
}

.pb-8 {
	padding-bottom: 2rem !important;
}

.pl-0 {
	padding-left: 0px !important;
}

.pl-0\.5 {
	padding-left: 0.125rem !important;
}

.pl-1 {
	padding-left: 0.25rem !important;
}

.pl-12 {
	padding-left: 3rem !important;
}

.pl-16 {
	padding-left: 4rem !important;
}

.pl-2 {
	padding-left: 0.5rem !important;
}

.pl-3 {
	padding-left: 0.75rem !important;
}

.pl-4 {
	padding-left: 1rem !important;
}

.pl-5 {
	padding-left: 1.25rem !important;
}

.pl-6 {
	padding-left: 1.5rem !important;
}

.pl-7 {
	padding-left: 1.75rem !important;
}

.pl-8 {
	padding-left: 2rem !important;
}

.pr-0 {
	padding-right: 0px !important;
}

.pr-1 {
	padding-right: 0.25rem !important;
}

.pr-2 {
	padding-right: 0.5rem !important;
}

.pr-3 {
	padding-right: 0.75rem !important;
}

.pr-4 {
	padding-right: 1rem !important;
}

.pr-8 {
	padding-right: 2rem !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.pt-1 {
	padding-top: 0.25rem !important;
}

.pt-10 {
	padding-top: 2.5rem !important;
}

.pt-12 {
	padding-top: 3rem !important;
}

.pt-14 {
	padding-top: 3.5rem !important;
}

.pt-16 {
	padding-top: 4rem !important;
}

.pt-2 {
	padding-top: 0.5rem !important;
}

.pt-20 {
	padding-top: 5rem !important;
}

.pt-24 {
	padding-top: 6rem !important;
}

.pt-28 {
	padding-top: 7rem !important;
}

.pt-3 {
	padding-top: 0.75rem !important;
}

.pt-32 {
	padding-top: 8rem !important;
}

.pt-4 {
	padding-top: 1rem !important;
}

.pt-5 {
	padding-top: 1.25rem !important;
}

.pt-6 {
	padding-top: 1.5rem !important;
}

.pt-8 {
	padding-top: 2rem !important;
}

.pt-80 {
	padding-top: 20rem !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.align-baseline {
	vertical-align: baseline !important;
}

.align-top {
	vertical-align: top !important;
}

.align-middle {
	vertical-align: middle !important;
}

.align-bottom {
	vertical-align: bottom !important;
}

.font-display {
	font-family: "GT Walsheim", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-sans {
	font-family: "Public Sans Web", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-mono {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-2xl {
	font-size: var(--fontSize-2xl-0) !important;
	line-height: var(--fontSize-2xl-1) !important;
}

.text-2xs {
	font-size: var(--fontSize-2xs-0) !important;
	line-height: var(--fontSize-2xs-1) !important;
}

.text-3xl {
	font-size: var(--fontSize-3xl-0) !important;
	line-height: var(--fontSize-3xl-1) !important;
}

.text-3xs {
	font-size: var(--fontSize-3xs-0) !important;
	line-height: var(--fontSize-3xs-1) !important;
}

.text-4xl {
	font-size: var(--fontSize-4xl-0) !important;
	line-height: var(--fontSize-4xl-1) !important;
}

.text-5xl {
	font-size: var(--fontSize-5xl-0) !important;
	line-height: var(--fontSize-5xl-1) !important;
}

.text-7xl {
	font-size: var(--fontSize-7xl-0) !important;
	line-height: var(--fontSize-7xl-1) !important;
}

.text-base {
	font-size: var(--fontSize-base-0) !important;
	line-height: var(--fontSize-base-1) !important;
}

.text-lg {
	font-size: var(--fontSize-lg-0) !important;
	line-height: var(--fontSize-lg-1) !important;
}

.text-sm {
	font-size: var(--fontSize-sm-0) !important;
	line-height: var(--fontSize-sm-1) !important;
}

.text-xl {
	font-size: var(--fontSize-xl-0) !important;
	line-height: var(--fontSize-xl-1) !important;
}

.text-xs {
	font-size: var(--fontSize-xs-0) !important;
	line-height: var(--fontSize-xs-1) !important;
}

/* Extra extra small text */
.text-xxs
{
	font-size: 0.85rem;
	line-height: 1.2;
}

.font-bold {
	font-weight: 700 !important;
}

.font-extrabold {
	font-weight: 800 !important;
}

.font-medium {
	font-weight: 500 !important;
}

.font-normal {
	font-weight: 400 !important;
}

.font-semibold {
	font-weight: 600 !important;
}

.uppercase {
	text-transform: uppercase !important;
}

.capitalize {
	text-transform: capitalize !important;
}

.italic {
	font-style: italic !important;
}

.slashed-zero {
	--tw-slashed-zero: slashed-zero !important;
	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
}

.tabular-nums {
	--tw-numeric-spacing: tabular-nums !important;
	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
}

.leading-2 {
	line-height: 0.675rem !important;
}

.leading-4 {
	line-height: 1rem !important;
}

.leading-5 {
	line-height: 1.25rem !important;
}

.leading-6 {
	line-height: 1.5rem !important;
}

.leading-7 {
	line-height: 1.75rem !important;
}

.leading-8 {
	line-height: 2rem !important;
}

.leading-9 {
	line-height: 2.25rem !important;
}

.leading-normal {
	line-height: 1.5 !important;
}

.leading-snug {
	line-height: 1.375 !important;
}

.tracking-narrow {
	letter-spacing: -0.0125em !important;
}

.tracking-normal {
	letter-spacing: 0em !important;
}

.tracking-tight {
	letter-spacing: -0.025em !important;
}

.tracking-wide {
	letter-spacing: 0.025em !important;
}

.tracking-wider {
	letter-spacing: 0.05em !important;
}

.text-black {
	--tw-text-opacity: 1 !important;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-100 {
	--tw-text-opacity: 1 !important;
	color: rgb(230 244 248 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-200 {
	--tw-text-opacity: 1 !important;
	color: rgb(191 226 237 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-300 {
	--tw-text-opacity: 1 !important;
	color: rgb(153 209 227 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-400 {
	--tw-text-opacity: 1 !important;
	color: rgb(77 175 205 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-50 {
	--tw-text-opacity: 1 !important;
	color: rgb(240 248 253 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-600 {
	--tw-text-opacity: 1 !important;
	color: rgb(0 126 166 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-700 {
	--tw-text-opacity: 1 !important;
	color: rgb(0 84 110 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-800 {
	--tw-text-opacity: 1 !important;
	color: rgb(0 63 83 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-100 {
	--tw-text-opacity: 1 !important;
	color: rgb(247 249 250 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-300 {
	--tw-text-opacity: 1 !important;
	color: rgb(223 227 228 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-400 {
	--tw-text-opacity: 1 !important;
	color: rgb(210 214 215 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(186 193 194 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-600 {
	--tw-text-opacity: 1 !important;
	color: rgb(100 108 112 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-700 {
	--tw-text-opacity: 1 !important;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-800 {
	--tw-text-opacity: 1 !important;
	color: rgb(52 61 64 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-900 {
	--tw-text-opacity: 1 !important;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1)) !important;
}

.text-green-400 {
	--tw-text-opacity: 1 !important;
	color: rgb(77 205 137 / var(--tw-text-opacity, 1)) !important;
}

.text-green-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(0 183 87 / var(--tw-text-opacity, 1)) !important;
}

.text-green-600 {
	--tw-text-opacity: 1 !important;
	color: rgb(0 165 78 / var(--tw-text-opacity, 1)) !important;
}

.text-green-700 {
	--tw-text-opacity: 1 !important;
	color: rgb(0 110 52 / var(--tw-text-opacity, 1)) !important;
}

.text-green-800 {
	--tw-text-opacity: 1 !important;
	color: rgb(0 82 39 / var(--tw-text-opacity, 1)) !important;
}

.text-navy-200 {
	--tw-text-opacity: 1 !important;
	color: rgb(173 191 204 / var(--tw-text-opacity, 1)) !important;
}

.text-navy-300 {
	--tw-text-opacity: 1 !important;
	color: rgb(150 176 194 / var(--tw-text-opacity, 1)) !important;
}

.text-navy-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(3 78 130 / var(--tw-text-opacity, 1)) !important;
}

.text-navy-500\/30 {
	color: rgb(3 78 130 / 0.3) !important;
}

.text-orange-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity, 1)) !important;
}

.text-orange-700 {
	--tw-text-opacity: 1 !important;
	color: rgb(194 65 12 / var(--tw-text-opacity, 1)) !important;
}

.text-orange-800 {
	--tw-text-opacity: 1 !important;
	color: rgb(154 52 18 / var(--tw-text-opacity, 1)) !important;
}

.text-pink-200 {
	--tw-text-opacity: 1 !important;
	color: rgb(249 198 211 / var(--tw-text-opacity, 1)) !important;
}

.text-pink-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(232 26 79 / var(--tw-text-opacity, 1)) !important;
}

.text-red-400 {
	--tw-text-opacity: 1 !important;
	color: rgb(231 77 120 / var(--tw-text-opacity, 1)) !important;
}

.text-red-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1)) !important;
}

.text-red-600 {
	--tw-text-opacity: 1 !important;
	color: rgb(199 0 56 / var(--tw-text-opacity, 1)) !important;
}

.text-red-700 {
	--tw-text-opacity: 1 !important;
	color: rgb(133 0 37 / var(--tw-text-opacity, 1)) !important;
}

.text-renti-orange {
	--tw-text-opacity: 1 !important;
	color: rgb(253 101 54 / var(--tw-text-opacity, 1)) !important;
}

.text-shortland-blue {
	color: #21284D !important;
}

.text-transparent {
	color: transparent !important;
}

.text-white {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-yellow-400 {
	--tw-text-opacity: 1 !important;
	color: rgb(248 193 101 / var(--tw-text-opacity, 1)) !important;
}

.text-yellow-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(245 166 35 / var(--tw-text-opacity, 1)) !important;
}

.text-yellow-600 {
	--tw-text-opacity: 1 !important;
	color: rgb(221 149 32 / var(--tw-text-opacity, 1)) !important;
}

.text-yellow-700 {
	--tw-text-opacity: 1 !important;
	color: rgb(147 100 21 / var(--tw-text-opacity, 1)) !important;
}

.text-yellow-800 {
	--tw-text-opacity: 1 !important;
	color: rgb(110 75 16 / var(--tw-text-opacity, 1)) !important;
}

/* Purple */
.text-purple-500 { color: rgb(168, 85, 247); }
.border-l-purple-400 { border-left-color: rgb(192, 132, 252); }

/* Teal */
.text-teal-500 { color: rgb(20, 184, 166); }
.border-l-teal-400 { border-left-color: rgb(45, 212, 191); }

.border-teal-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(20, 184, 166 / var(--tw-border-opacity, 1)) !important;
}

/* Rose */
.text-rose-500 { color: rgb(244, 63, 94); }
.border-l-rose-400 { border-left-color: rgb(251, 113, 133); }

/* Purple */
.bg-purple-50 { background-color: rgb(250, 245, 255); }
.border-purple-100 { border-color: rgb(233, 213, 255); }
.text-purple-700 { color: rgb(126, 34, 206); }

/* Green */
.bg-green-50 { background-color: rgb(240, 253, 244); }
.border-green-100 { border-color: rgb(220, 252, 231); }

/* Yellow */
.bg-yellow-50 { background-color: rgb(254, 252, 232); }
.border-yellow-100 { border-color: rgb(254, 249, 195); }

/* Orange */
.bg-orange-50 { background-color: rgb(255, 247, 237); }
.border-orange-100 { border-color: rgb(255, 237, 213); }

/* Pink */
.bg-pink-50 { background-color: rgb(253, 242, 248); }
.border-pink-100 { border-color: rgb(252, 231, 243); }
.text-pink-700 { color: rgb(190, 24, 93); }

/* Red */
.bg-red-50 { background-color: rgb(254, 242, 242); }
.border-red-100 { border-color: rgb(254, 226, 226); }

/* Teal */
.bg-teal-50 { background-color: rgb(240, 253, 250); }
.border-teal-100 { border-color: rgb(204, 251, 241); }
.text-teal-700 { color: rgb(15, 118, 110); }

/* Rose */
.bg-rose-50 { background-color: rgb(255, 241, 242); }
.border-rose-100 { border-color: rgb(255, 228, 230); }
.text-rose-700 { color: rgb(190, 18, 60); }

/* Brown */
.bg-brown-50 {
	background-color: #EFEBE9;
}

.bg-brown-100 {
	background-color: #D7CCC8;
}

.border-brown-200 {
	border-color: #BCAAA4;
}

.border-brown-300 {
	border-color: #A1887F;
}

.text-brown-600 {
	color: #8D6E63;
}

.text-brown-700 {
	color: #6D4C41;
}

.underline {
	text-decoration-line: underline !important;
}

.line-through {
	text-decoration-line: line-through !important;
}

.no-underline {
	text-decoration-line: none !important;
}

.decoration-gray-400 {
	text-decoration-color: #d2d6d7 !important;
}

.underline-offset-4 {
	text-underline-offset: 4px !important;
}

.underline-offset-8 {
	text-underline-offset: 8px !important;
}

.antialiased {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

.placeholder-navy-200::-moz-placeholder {
	--tw-placeholder-opacity: 1 !important;
	color: rgb(173 191 204 / var(--tw-placeholder-opacity, 1)) !important;
}

.placeholder-navy-200::placeholder {
	--tw-placeholder-opacity: 1 !important;
	color: rgb(173 191 204 / var(--tw-placeholder-opacity, 1)) !important;
}

.opacity-0 {
	opacity: 0 !important;
}

.opacity-10 {
	opacity: 0.1 !important;
}

.opacity-100 {
	opacity: 1 !important;
}

.opacity-25 {
	opacity: 0.25 !important;
}

.opacity-50 {
	opacity: 0.5 !important;
}

.opacity-75 {
	opacity: 0.75 !important;
}

.opacity-90 {
	opacity: 0.9 !important;
}

.mix-blend-multiply {
	mix-blend-mode: multiply !important;
}

.shadow {
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-diffused {
	--tw-shadow: 4px 4px 40px rgba(216, 216, 216, 0.37) !important;
	--tw-shadow-colored: 4px 4px 40px var(--tw-shadow-color) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-diffused-sm {
	--tw-shadow: 3.69811px 3.69811px 36.98113px 0px rgba(0, 0, 0, 0.12) !important;
	--tw-shadow-colored: 3.69811px 3.69811px 36.98113px 0px var(--tw-shadow-color) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-none {
	--tw-shadow: 0 0 #0000 !important;
	--tw-shadow-colored: 0 0 #0000 !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-xl {
	--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.outline-none {
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
}

.ring-0 {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.ring-1 {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.ring-gray-900\/10 {
	--tw-ring-color: rgb(32 38 40 / 0.1) !important;
}

.ring-gray-900\/5 {
	--tw-ring-color: rgb(32 38 40 / 0.05) !important;
}

.blur-3xl {
	--tw-blur: blur(64px) !important;
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.blur-md {
	--tw-blur: blur(12px) !important;
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.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) !important;
}

.backdrop-blur {
	--tw-backdrop-blur: blur(8px) !important;
	-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) !important;
	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) !important;
}

.backdrop-blur-sm {
	--tw-backdrop-blur: blur(4px) !important;
	-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) !important;
	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) !important;
}

.backdrop-filter {
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
	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) !important;
}

.transition {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition-duration: 150ms !important;
}

.transition-all {
	transition-property: all !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition-duration: 150ms !important;
}

.transition-colors {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition-duration: 150ms !important;
}

.transition-opacity {
	transition-property: opacity !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition-duration: 150ms !important;
}

.transition-transform {
	transition-property: transform !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition-duration: 150ms !important;
}

.duration-100 {
	transition-duration: 100ms !important;
}

.duration-150 {
	transition-duration: 150ms !important;
}

.duration-200 {
	transition-duration: 200ms !important;
}

.duration-300 {
	transition-duration: 300ms !important;
}

.duration-500 {
	transition-duration: 500ms !important;
}

.ease-in {
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.ease-in-out {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ease-out {
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.marker\:font-semibold *::marker {
	font-weight: 600 !important;
}

.marker\:text-renti-orange *::marker {
	color: rgb(253 101 54 ) !important;
}

.marker\:font-semibold::marker {
	font-weight: 600 !important;
}

.marker\:text-renti-orange::marker {
	color: rgb(253 101 54 ) !important;
}

.placeholder\:text-gray-400::-moz-placeholder {
	--tw-text-opacity: 1 !important;
	color: rgb(210 214 215 / var(--tw-text-opacity, 1)) !important;
}

.placeholder\:text-gray-400::placeholder {
	--tw-text-opacity: 1 !important;
	color: rgb(210 214 215 / var(--tw-text-opacity, 1)) !important;
}

.first\:border-t-0:first-child {
	border-top-width: 0px !important;
}

.first\:pt-4:first-child {
	padding-top: 1rem !important;
}

.last\:pb-4:last-child {
	padding-bottom: 1rem !important;
}

.even\:bg-gray-100:nth-child(even) {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:scale-\[1\.01\]:hover {
	--tw-scale-x: 1.01 !important;
	--tw-scale-y: 1.01 !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:scale-\[1\.02\]:hover {
	--tw-scale-x: 1.02 !important;
	--tw-scale-y: 1.02 !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:scale-\[1\.1\]:hover {
	--tw-scale-x: 1.1 !important;
	--tw-scale-y: 1.1 !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:cursor-pointer:hover {
	cursor: pointer !important;
}

.hover\:border-blue-500:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1)) !important;
}

.hover\:border-blue-700:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 84 110 / var(--tw-border-opacity, 1)) !important;
}

.hover\:border-gray-300:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1)) !important;
}

.hover\:border-gray-400:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgb(210 214 215 / var(--tw-border-opacity, 1)) !important;
}

.hover\:border-gray-700:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgb(73 83 87 / var(--tw-border-opacity, 1)) !important;
}

.hover\:bg-gray-800:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:border-navy-500:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgb(3 78 130 / var(--tw-border-opacity, 1)) !important;
}

.hover\:bg-blue-100:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-blue-50:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(240 248 253 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-blue-600:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(0 126 166 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-blue-700:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(0 84 110 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-100:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(247 249 250 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-200:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(233 238 240 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-400:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(210 214 215 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-50:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-500:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(186 193 194 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-600:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-green-200:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(202 252 226 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-green-200\/75:hover {
	background-color: rgb(202 252 226 / 0.75) !important;
}

.hover\:bg-green-700:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-navy-100:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(207 215 220 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-navy-400:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(116 153 179 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-navy-600:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(3 70 117 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-red-100:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(252 230 236 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-red-400:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(231 77 120 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-red-600:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(199 0 56 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-red-700:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-transparent:hover {
	background-color: transparent !important;
}

.hover\:bg-yellow-100:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(254 246 233 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-yellow-200:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(253 233 200 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:text-blue-500:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(0 140 184 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-blue-600:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(0 126 166 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-blue-900:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(0 42 55 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-700:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-900:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-green-500:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(0 183 87 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-navy-600:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(3 70 117 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-red-500:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(221 0 62 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-white:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-yellow-600:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(221 149 32 / var(--tw-text-opacity, 1)) !important;
}

.hover\:underline:hover {
	text-decoration-line: underline !important;
}

.hover\:no-underline:hover {
	text-decoration-line: none !important;
}

.hover\:outline-none:hover {
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
}

.focus\:border-blue-500:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1)) !important;
}

.focus\:border-blue-800:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 63 83 / var(--tw-border-opacity, 1)) !important;
}

.focus\:border-gray-300:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgb(223 227 228 / var(--tw-border-opacity, 1)) !important;
}

.focus\:bg-blue-100:focus {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1)) !important;
}

.focus\:bg-white:focus {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.focus\:text-blue-700:focus {
	--tw-text-opacity: 1 !important;
	color: rgb(0 84 110 / var(--tw-text-opacity, 1)) !important;
}

.focus\:text-gray-700:focus {
	--tw-text-opacity: 1 !important;
	color: rgb(73 83 87 / var(--tw-text-opacity, 1)) !important;
}

.focus\:text-gray-900:focus {
	--tw-text-opacity: 1 !important;
	color: rgb(32 38 40 / var(--tw-text-opacity, 1)) !important;
}

.focus\:placeholder-gray-700:focus::-moz-placeholder {
	--tw-placeholder-opacity: 1 !important;
	color: rgb(73 83 87 / var(--tw-placeholder-opacity, 1)) !important;
}

.focus\:placeholder-gray-700:focus::placeholder {
	--tw-placeholder-opacity: 1 !important;
	color: rgb(73 83 87 / var(--tw-placeholder-opacity, 1)) !important;
}

.focus\:outline-none:focus {
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
}

.focus\:ring-0:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-2:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-blue-500:focus {
	--tw-ring-opacity: 1 !important;
	--tw-ring-color: rgb(0 140 184 / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-indigo-600:focus {
	--tw-ring-opacity: 1 !important;
	--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-offset-2:focus {
	--tw-ring-offset-width: 2px !important;
}

.active\:-translate-x-1:active {
	--tw-translate-x: -0.25rem !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.active\:scale-\[0\.975\]:active {
	--tw-scale-x: 0.975 !important;
	--tw-scale-y: 0.975 !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.active\:scale-\[0\.995\]:active {
	--tw-scale-x: 0.995 !important;
	--tw-scale-y: 0.995 !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.disabled\:hidden:disabled {
	display: none !important;
}

.group:hover .group-hover\:ml-1 {
	margin-left: 0.25rem !important;
}

.group:hover .group-hover\:underline {
	text-decoration-line: underline !important;
}

.peer:checked ~ .peer-checked\:border-blue-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 140 184 / var(--tw-border-opacity, 1)) !important;
}

.peer:checked ~ .peer-checked\:bg-blue-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1)) !important;
}
@media (min-width: 431px) {

	.xs\:col-span-12 {
		grid-column: span 12 / span 12 !important;
	}

	.xs\:col-span-6 {
		grid-column: span 6 / span 6 !important;
	}

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

	.xs\:flex-row {
		flex-direction: row !important;
	}

	.xs\:gap-2 {
		gap: 0.5rem !important;
	}

	.xs\:gap-3 {
		gap: 0.75rem !important;
	}

	.xs\:gap-4 {
		gap: 1rem !important;
	}

	.xs\:px-3 {
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}

	.xs\:py-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.xs\:py-5 {
		padding-top: 1.25rem !important;
		padding-bottom: 1.25rem !important;
	}

	.xs\:text-base {
		font-size: var(--fontSize-base-0) !important;
		line-height: var(--fontSize-base-1) !important;
	}

	.xs\:text-sm {
		font-size: var(--fontSize-sm-0) !important;
		line-height: var(--fontSize-sm-1) !important;
	}
}

@media (min-width: 640px) {

	.sm\:-right-8 {
		right: -2rem !important;
	}

	.sm\:top-12 {
		top: 3rem !important;
	}

	.sm\:top-6 {
		top: 1.5rem !important;
	}

	.sm\:top-8 {
		top: 2rem !important;
	}

	.sm\:order-last {
		order: 9999 !important;
	}

	.sm\:col-span-2 {
		grid-column: span 2 / span 2 !important;
	}

	.sm\:col-span-8 {
		grid-column: span 8 / span 8 !important;
	}

	.sm\:col-start-2 {
		grid-column-start: 2 !important;
	}

	.sm\:-mx-4 {
		margin-left: -1rem !important;
		margin-right: -1rem !important;
}

	.sm\:-mx-6 {
		margin-left: -1.5rem !important;
		margin-right: -1.5rem !important;
	}

	.sm\:mx-0 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.sm\:mx-auto {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.sm\:my-6 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.sm\:my-8 {
		margin-top: 2rem !important;
		margin-bottom: 2rem !important;
	}

	.sm\:-mb-32 {
		margin-bottom: -8rem !important;
	}

	.sm\:-mt-12 {
		margin-top: -3rem !important;
	}

	.sm\:mb-0 {
		margin-bottom: 0px !important;
	}

	.sm\:mb-4 {
		margin-bottom: 1rem !important;
	}

	.sm\:mb-8 {
		margin-bottom: 2rem !important;
	}

	.sm\:ml-3 {
		margin-left: 0.75rem !important;
	}

	.sm\:ml-4 {
		margin-left: 1rem !important;
	}

	.sm\:ml-48 {
		margin-left: 12rem !important;
	}

	.sm\:mr-0 {
		margin-right: 0px !important;
	}

	.sm\:mr-2 {
		margin-right: 0.5rem !important;
	}

	.sm\:mr-5 {
		margin-right: 1.25rem !important;
	}

	.sm\:mr-auto {
		margin-right: auto !important;
	}

	.sm\:mt-0 {
		margin-top: 0px !important;
	}

	.sm\:mt-12 {
		margin-top: 3rem !important;
	}

	.sm\:mt-20 {
		margin-top: 5rem !important;
	}

	.sm\:block {
		display: block !important;
	}

	.sm\:inline-block {
		display: inline-block !important;
	}

	.sm\:inline {
		display: inline !important;
	}

	.sm\:flex {
		display: flex !important;
	}

	.sm\:flow-root {
		display: flow-root !important;
	}

	.sm\:grid {
		display: grid !important;
	}

	.sm\:hidden {
		display: none !important;
	}

	.sm\:h-10 {
		height: 2.5rem !important;
	}

	.sm\:h-12 {
		height: 3rem !important;
	}

	.sm\:h-14 {
		height: 3.5rem !important;
}

	.sm\:h-16 {
		height: 4rem !important;
	}

	.sm\:h-24 {
		height: 6rem !important;
	}

	.sm\:h-32 {
		height: 8rem !important;
	}

	.sm\:h-4 {
		height: 1rem !important;
	}

	.sm\:h-5 {
		height: 1.25rem !important;
	}

	.sm\:h-64 {
		height: 16rem !important;
	}

	.sm\:h-72 {
		height: 18rem !important;
}

	.sm\:h-8 {
		height: 2rem !important;
	}

	.sm\:h-80 {
		height: 20rem !important;
	}

	.sm\:h-screen {
		height: 100vh !important;
	}

	.sm\:w-1\/2 {
		width: 50% !important;
	}

	.sm\:w-1\/3 {
		width: 33.333333% !important;
	}

	.sm\:w-1\/4 {
		width: 25% !important;
	}

	.sm\:w-10 {
		width: 2.5rem !important;
	}

	.sm\:w-100 {
		width: 25rem !important;
	}

	.sm\:w-12 {
		width: 3rem !important;
	}

	.sm\:w-16 {
		width: 4rem !important;
	}

	.sm\:w-2\/3 {
		width: 66.666667% !important;
	}

	.sm\:w-2\/5 {
		width: 40% !important;
	}

	.sm\:w-24 {
		width: 6rem !important;
	}

	.sm\:w-3\/4 {
		width: 75% !important;
	}

	.sm\:w-4 {
		width: 1rem !important;
	}

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

	.sm\:w-40 {
		width: 10rem !important;
	}

	.sm\:w-5 {
		width: 1.25rem !important;
	}

	.sm\:w-80 {
		width: 20rem !important;
	}

	.sm\:w-96 {
		width: 24rem !important;
	}

	.sm\:w-\[50vw\] {
		width: 50vw !important;
	}

	.sm\:w-auto {
		width: auto !important;
	}

	.sm\:w-full {
		width: 100% !important;
	}

	.sm\:max-w-2xl {
		max-width: 42rem !important;
	}

	.sm\:max-w-6xl {
		max-width: 72rem !important;
	}

	.sm\:max-w-lg {
		max-width: 32rem !important;
	}

	.sm\:max-w-md {
		max-width: 28rem !important;
	}

	.sm\:max-w-xl {
		max-width: 36rem !important;
	}

	.sm\:shrink {
		flex-shrink: 1 !important;
	}

	.sm\:grow-0 {
		flex-grow: 0 !important;
	}

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

	.sm\:basis-20 {
		flex-basis: 5rem !important;
	}

	.sm\:translate-y-0 {
		--tw-translate-y: 0px !important;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	}

	.sm\:scale-100 {
		--tw-scale-x: 1 !important;
		--tw-scale-y: 1 !important;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	}

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

	.sm\:scale-90 {
		--tw-scale-x: .9 !important;
		--tw-scale-y: .9 !important;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	}

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

	.sm\:columns-2 {
		-moz-columns: 2 !important;
		 columns: 2 !important;
	}

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

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

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

	.sm\:flex-row {
		flex-direction: row !important;
	}

	.sm\:flex-row-reverse {
		flex-direction: row-reverse !important;
	}

	.sm\:flex-col {
		flex-direction: column !important;
	}

	.sm\:items-start {
		align-items: flex-start !important;
	}

	.sm\:items-center {
		align-items: center !important;
	}

	.sm\:justify-between {
		justify-content: space-between !important;
	}

	.sm\:gap-0 {
		gap: 0px !important;
	}

	.sm\:gap-2 {
		gap: 0.5rem !important;
	}

	.sm\:gap-3 {
		gap: 0.75rem !important;
	}

	.sm\:gap-4 {
		gap: 1rem !important;
	}

	.sm\:gap-6 {
		gap: 1.5rem !important;
	}

	.sm\:gap-8 {
		gap: 2rem !important;
	}

	.sm\:gap-x-6 {
		-moz-column-gap: 1.5rem !important;
		 column-gap: 1.5rem !important;
	}

	.sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0 !important;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
		margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
	}

	.sm\:rounded-lg {
		border-radius: 0.5rem !important;
	}

	.sm\:rounded-md {
		border-radius: 0.375rem !important;
	}

	.sm\:rounded-l {
		border-top-left-radius: 0.25rem !important;
		border-bottom-left-radius: 0.25rem !important;
	}

	.sm\:bg-white {
		--tw-bg-opacity: 1 !important;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
	}

	.sm\:bg-auto {
		background-size: auto !important;
	}

	.sm\:p-0 {
		padding: 0px !important;
}

	.sm\:p-6 {
		padding: 1.5rem !important;
	}

	.sm\:px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.sm\:px-2 {
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	.sm\:px-24 {
		padding-left: 6rem !important;
		padding-right: 6rem !important;
	}

	.sm\:px-32 {
		padding-left: 8rem !important;
		padding-right: 8rem !important;
	}

	.sm\:px-36 {
		padding-left: 9rem !important;
		padding-right: 9rem !important;
	}

	.sm\:px-4 {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
}

	.sm\:px-5 {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.sm\:px-6 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
}

	.sm\:py-3 {
		padding-top: 0.75rem !important;
		padding-bottom: 0.75rem !important;
	}

	.sm\:py-6 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.sm\:pb-12 {
		padding-bottom: 3rem !important;
	}

	.sm\:pb-40 {
		padding-bottom: 10rem !important;
	}

	.sm\:pb-5 {
		padding-bottom: 1.25rem !important;
}

	.sm\:pl-8 {
		padding-left: 2rem !important;
	}

	.sm\:pt-0 {
		padding-top: 0px !important;
	}

	.sm\:pt-5 {
		padding-top: 1.25rem !important;
	}

	.sm\:text-left {
		text-align: left !important;
	}

	.sm\:text-center {
		text-align: center !important;
	}

	.sm\:align-middle {
		vertical-align: middle !important;
	}

	.sm\:text-2xl {
		font-size: var(--fontSize-2xl-0) !important;
		line-height: var(--fontSize-2xl-1) !important;
	}

	.sm\:text-3xl {
		font-size: var(--fontSize-3xl-0) !important;
		line-height: var(--fontSize-3xl-1) !important;
	}

	.sm\:text-4xl {
		font-size: var(--fontSize-4xl-0) !important;
		line-height: var(--fontSize-4xl-1) !important;
	}

	.sm\:text-5xl {
		font-size: var(--fontSize-5xl-0) !important;
		line-height: var(--fontSize-5xl-1) !important;
	}

	.sm\:text-6xl {
		font-size: var(--fontSize-6xl-0) !important;
		line-height: var(--fontSize-6xl-1) !important;
	}

	.sm\:text-8xl {
		font-size: var(--fontSize-8xl-0) !important;
		line-height: var(--fontSize-8xl-1) !important;
	}

	.sm\:text-\[0\] {
		font-size: 0 !important;
	}

	.sm\:text-base {
		font-size: var(--fontSize-base-0) !important;
		line-height: var(--fontSize-base-1) !important;
	}

	.sm\:text-lg {
		font-size: var(--fontSize-lg-0) !important;
		line-height: var(--fontSize-lg-1) !important;
	}

	.sm\:text-sm {
		font-size: var(--fontSize-sm-0) !important;
		line-height: var(--fontSize-sm-1) !important;
	}

	.sm\:text-xl {
		font-size: var(--fontSize-xl-0) !important;
		line-height: var(--fontSize-xl-1) !important;
	}

	.sm\:text-xs {
		font-size: var(--fontSize-xs-0) !important;
		line-height: var(--fontSize-xs-1) !important;
	}

	.sm\:leading-7 {
		line-height: 1.75rem !important;
	}

	.sm\:hover\:bg-blue-100:hover {
		--tw-bg-opacity: 1 !important;
		background-color: rgb(230 244 248 / var(--tw-bg-opacity, 1)) !important;
	}
}

@media (min-width: 768px) {

	.md\:absolute {
		position: absolute !important;
	}

	.md\:-left-32 {
		left: -8rem !important;
	}

	.md\:bottom-16 {
		bottom: 4rem !important;
	}

	.md\:order-last {
		order: 9999 !important;
	}

	.md\:col-span-1 {
		grid-column: span 1 / span 1 !important;
	}

	.md\:col-span-10 {
		grid-column: span 10 / span 10 !important;
	}

	.md\:col-span-2 {
		grid-column: span 2 / span 2 !important;
	}

	.md\:col-span-3 {
		grid-column: span 3 / span 3 !important;
	}

	.md\:col-span-4 {
		grid-column: span 4 / span 4 !important;
	}

	.md\:col-span-5 {
		grid-column: span 5 / span 5 !important;
	}

	.md\:col-span-6 {
		grid-column: span 6 / span 6 !important;
	}

	.md\:col-span-7 {
		grid-column: span 7 / span 7 !important;
	}

	.md\:col-span-8 {
		grid-column: span 8 / span 8 !important;
	}

	.md\:col-span-9 {
		grid-column: span 9 / span 9 !important;
	}

	.md\:m-4 {
		margin: 1rem !important;
	}

	.md\:-mx-2 {
		margin-left: -0.5rem !important;
		margin-right: -0.5rem !important;
	}

	.md\:-mx-5 {
		margin-left: -1.25rem !important;
		margin-right: -1.25rem !important;
	}

	.md\:-my-2 {
		margin-top: -0.5rem !important;
		margin-bottom: -0.5rem !important;
	}

	.md\:mx-0 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.md\:mx-20 {
		margin-left: 5rem !important;
		margin-right: 5rem !important;
	}

	.md\:mx-8 {
		margin-left: 2rem !important;
		margin-right: 2rem !important;
	}

	.md\:mx-auto {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.md\:my-0 {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.md\:-mb-10 {
		margin-bottom: -2.5rem !important;
	}

	.md\:-mb-16 {
		margin-bottom: -4rem !important;
	}

	.md\:-mb-24 {
		margin-bottom: -6rem !important;
	}

	.md\:-mb-28 {
		margin-bottom: -7rem !important;
	}

	.md\:-mb-48 {
		margin-bottom: -12rem !important;
	}

	.md\:mb-0 {
		margin-bottom: 0px !important;
	}

	.md\:mb-10 {
		margin-bottom: 2.5rem !important;
	}

	.md\:mb-12 {
		margin-bottom: 3rem !important;
	}

	.md\:mb-24 {
		margin-bottom: 6rem !important;
	}

	.md\:mb-3 {
		margin-bottom: 0.75rem !important;
	}

	.md\:mb-32 {
		margin-bottom: 8rem !important;
	}

	.md\:mb-4 {
		margin-bottom: 1rem !important;
	}

	.md\:mb-44 {
		margin-bottom: 11rem !important;
	}

	.md\:mb-8 {
		margin-bottom: 2rem !important;
	}

	.md\:ml-10 {
		margin-left: 2.5rem !important;
	}

	.md\:ml-16 {
		margin-left: 4rem !important;
	}

	.md\:ml-2 {
		margin-left: 0.5rem !important;
	}

	.md\:ml-4 {
		margin-left: 1rem !important;
	}

	.md\:ml-5 {
		margin-left: 1.25rem !important;
	}

	.md\:ml-auto {
		margin-left: auto !important;
	}

	.md\:mr-10 {
		margin-right: 2.5rem !important;
	}

	.md\:mr-24 {
		margin-right: 6rem !important;
	}

	.md\:mr-3 {
		margin-right: 0.75rem !important;
	}

	.md\:mr-4 {
		margin-right: 1rem !important;
	}

	.md\:mt-0 {
		margin-top: 0px !important;
	}

	.md\:mt-16 {
		margin-top: 4rem !important;
	}

	.md\:mt-3 {
		margin-top: 0.75rem !important;
	}

	.md\:block {
		display: block !important;
	}

	.md\:inline-block {
		display: inline-block !important;
	}

	.md\:inline {
		display: inline !important;
	}

	.md\:flex {
		display: flex !important;
	}

	.md\:table-header-group {
		display: table-header-group !important;
	}

	.md\:table-row {
		display: table-row !important;
	}

	.md\:grid {
		display: grid !important;
	}

	.md\:hidden {
		display: none !important;
	}

	.md\:size-12 {
		width: 3rem !important;
		height: 3rem !important;
	}

	.md\:size-14 {
		width: 3.5rem !important;
		height: 3.5rem !important;
	}

	.md\:h-10 {
		height: 2.5rem !important;
	}

	.md\:h-12 {
		height: 3rem !important;
	}

	.md\:h-16 {
		height: 4rem !important;
	}

	.md\:h-24 {
		height: 6rem !important;
	}

	.md\:h-28 {
		height: 7rem !important;
	}

	.md\:h-3 {
		height: 0.75rem !important;
	}

	.md\:h-32 {
		height: 8rem !important;
	}

	.md\:h-36 {
		height: 9rem !important;
	}

	.md\:h-4 {
		height: 1rem !important;
	}

	.md\:h-40 {
		height: 10rem !important;
	}

	.md\:h-5 {
		height: 1.25rem !important;
	}

	.md\:h-6 {
		height: 1.5rem !important;
	}

	.md\:h-7 {
		height: 1.75rem !important;
	}

	.md\:h-72 {
		height: 18rem !important;
	}

	.md\:h-8 {
		height: 2rem !important;
	}

	.md\:h-96 {
		height: 24rem !important;
	}

	.md\:h-\[52vh\] {
		height: 52vh !important;
	}

	.md\:w-1\/2 {
		width: 50% !important;
	}

	.md\:w-1\/3 {
		width: 33.333333% !important;
	}

	.md\:w-10 {
		width: 2.5rem !important;
	}

	.md\:w-12 {
		width: 3rem !important;
	}

	.md\:w-14 {
		width: 3.5rem !important;
	}

	.md\:w-16 {
		width: 4rem !important;
	}

	.md\:w-2\/3 {
		width: 66.666667% !important;
	}

	.md\:w-20 {
		width: 5rem !important;
	}

	.md\:w-24 {
		width: 6rem !important;
	}

	.md\:w-28 {
		width: 7rem !important;
	}

	.md\:w-3 {
		width: 0.75rem !important;
	}

	.md\:w-3\/4 {
		width: 75% !important;
	}

	.md\:w-32 {
		width: 8rem !important;
	}

	.md\:w-36 {
		width: 9rem !important;
	}

	.md\:w-40 {
		width: 10rem !important;
	}

	.md\:w-6 {
		width: 1.5rem !important;
	}

	.md\:w-8 {
		width: 2rem !important;
	}

	.md\:w-\[360px\] {
		width: 360px !important;
	}

	.md\:w-auto {
		width: auto !important;
	}

	.md\:max-w-2xl {
		max-width: 42rem !important;
	}

	.md\:max-w-4xl {
		max-width: 56rem !important;
	}

	.md\:max-w-\[150px\] {
		max-width: 150px !important;
	}

	.md\:max-w-\[527px\] {
		max-width: 527px !important;
	}

	.md\:max-w-\[612px\] {
		max-width: 612px !important;
	}

	.md\:transform-gpu {
		transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	}

	.md\:snap-none {
		scroll-snap-type: none !important;
	}

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

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

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

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

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

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

	.md\:flex-row {
		flex-direction: row !important;
	}

	.md\:flex-col {
		flex-direction: column !important;
	}

	.md\:items-start {
		align-items: flex-start !important;
	}

	.md\:items-center {
		align-items: center !important;
	}

	.md\:justify-start {
		justify-content: flex-start !important;
	}

	.md\:justify-end {
		justify-content: flex-end !important;
	}

	.md\:justify-between {
		justify-content: space-between !important;
	}

	.md\:gap-10 {
		gap: 2.5rem !important;
	}

	.md\:gap-2 {
		gap: 0.5rem !important;
	}

	.md\:gap-3 {
		gap: 0.75rem !important;
	}

	.md\:gap-4 {
		gap: 1rem !important;
	}

	.md\:gap-8 {
		gap: 2rem !important;
	}

	.md\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.md\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(1.25rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(2rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0 !important;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
		margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
	}

	.md\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0 !important;
		margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))) !important;
		margin-bottom: calc(4rem * var(--tw-space-y-reverse)) !important;
	}

	.md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0 !important;
		margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
		margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important;
	}

	.md\:rounded-b-none {
		border-bottom-right-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}

	.md\:rounded-l-lg {
		border-top-left-radius: 0.5rem !important;
		border-bottom-left-radius: 0.5rem !important;
	}

	.md\:rounded-r-lg {
		border-top-right-radius: 0.5rem !important;
		border-bottom-right-radius: 0.5rem !important;
	}

	.md\:rounded-tr-none {
		border-top-right-radius: 0px !important;
	}

	.md\:border-b {
		border-bottom-width: 1px !important;
	}

	.md\:border-b-2 {
		border-bottom-width: 2px !important;
	}

	.md\:border-t-\[7px\] {
		border-top-width: 7px !important;
	}

	.md\:p-10 {
		padding: 2.5rem !important;
	}

	.md\:p-20 {
		padding: 5rem !important;
	}

	.md\:p-4 {
		padding: 1rem !important;
	}

	.md\:p-5 {
		padding: 1.25rem !important;
	}

	.md\:p-6 {
		padding: 1.5rem !important;
	}

	.md\:p-8 {
		padding: 2rem !important;
	}

	.md\:px-10 {
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
	}

	.md\:px-12 {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}

	.md\:px-16 {
		padding-left: 4rem !important;
		padding-right: 4rem !important;
	}

	.md\:px-3 {
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}

	.md\:px-4 {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.md\:px-5 {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.md\:px-6 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	.md\:px-8 {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	.md\:py-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.md\:py-16 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}

	.md\:py-20 {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}

	.md\:py-24 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}

	.md\:py-3 {
		padding-top: 0.75rem !important;
		padding-bottom: 0.75rem !important;
	}

	.md\:pb-0 {
		padding-bottom: 0px !important;
	}

	.md\:pb-24 {
		padding-bottom: 6rem !important;
	}

	.md\:pb-6 {
		padding-bottom: 1.5rem !important;
	}

	.md\:pb-8 {
		padding-bottom: 2rem !important;
	}

	.md\:pl-6 {
		padding-left: 1.5rem !important;
	}

	.md\:pt-10 {
		padding-top: 2.5rem !important;
	}

	.md\:pt-12 {
		padding-top: 3rem !important;
	}

	.md\:pt-16 {
		padding-top: 4rem !important;
	}

	.md\:pt-4 {
		padding-top: 1rem !important;
	}

	.md\:pt-5 {
		padding-top: 1.25rem !important;
	}

	.md\:pt-8 {
		padding-top: 2rem !important;
	}

	.md\:text-center {
		text-align: center !important;
	}

	.md\:text-right {
		text-align: right !important;
	}

	.md\:text-2xl {
		font-size: var(--fontSize-2xl-0) !important;
		line-height: var(--fontSize-2xl-1) !important;
	}

	.md\:text-2xs {
		font-size: var(--fontSize-2xs-0) !important;
		line-height: var(--fontSize-2xs-1) !important;
	}

	.md\:text-3xl {
		font-size: var(--fontSize-3xl-0) !important;
		line-height: var(--fontSize-3xl-1) !important;
	}

	.md\:text-4xl {
		font-size: var(--fontSize-4xl-0) !important;
		line-height: var(--fontSize-4xl-1) !important;
	}

	.md\:text-5xl {
		font-size: var(--fontSize-5xl-0) !important;
		line-height: var(--fontSize-5xl-1) !important;
	}

	.md\:text-base {
		font-size: var(--fontSize-base-0) !important;
		line-height: var(--fontSize-base-1) !important;
	}

	.md\:text-lg {
		font-size: var(--fontSize-lg-0) !important;
		line-height: var(--fontSize-lg-1) !important;
	}

	.md\:text-sm {
		font-size: var(--fontSize-sm-0) !important;
		line-height: var(--fontSize-sm-1) !important;
	}

	.md\:text-xl {
		font-size: var(--fontSize-xl-0) !important;
		line-height: var(--fontSize-xl-1) !important;
	}

	.md\:text-xs {
		font-size: var(--fontSize-xs-0) !important;
		line-height: var(--fontSize-xs-1) !important;
	}

	.md\:leading-6 {
		line-height: 1.5rem !important;
	}

	.md\:shadow-lg {
		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	}

	.md\:shadow-md {
		--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
		--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	}

	.md\:blur-2xl {
		--tw-blur: blur(40px) !important;
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
	}

	.md\:duration-700 {
		transition-duration: 700ms !important ;
	}
}

@media (min-width: 1024px) {

	.lg\:fixed {
		position: fixed !important;
	}

	.lg\:inset-y-0 {
		top: 0px !important;
		bottom: 0px !important;
	}

	.lg\:z-50 {
		z-index: 50 !important;
	}

	.lg\:col-span-1 {
		grid-column: span 1 / span 1 !important;
	}

	.lg\:col-span-2 {
		grid-column: span 2 / span 2 !important;
	}

	.lg\:col-span-3 {
		grid-column: span 3 / span 3 !important;
	}

	.lg\:col-span-4 {
		grid-column: span 4 / span 4 !important;
	}

	.lg\:col-span-6 {
		grid-column: span 6 / span 6 !important;
	}

	.lg\:col-span-8 {
		grid-column: span 8 / span 8 !important;
	}

	.lg\:col-span-9 {
		grid-column: span 9 / span 9 !important;
	}

	.lg\:-mx-8 {
		margin-left: -2rem !important;
		margin-right: -2rem !important;
	}

	.lg\:-my-64 {
		margin-top: -16rem !important;
		margin-bottom: -16rem !important;
	}

	.lg\:mx-0 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.lg\:mx-2 {
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}

	.lg\:mx-20 {
		margin-left: 5rem !important;
		margin-right: 5rem !important;
	}

	.lg\:mx-36 {
		margin-left: 9rem !important;
		margin-right: 9rem !important;
	}

	.lg\:mx-auto {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.lg\:-mb-36 {
		margin-bottom: -9rem !important;
	}

	.lg\:-mb-48 {
		margin-bottom: -12rem !important;
	}

	.lg\:-mb-8 {
		margin-bottom: -2rem !important;
	}

	.lg\:-ml-8 {
		margin-left: -2rem !important;
	}

	.lg\:-mr-2 {
		margin-right: -0.5rem !important;
	}

	.lg\:mb-0 {
		margin-bottom: 0px !important;
	}

	.lg\:mb-32 {
		margin-bottom: 8rem !important;
	}

	.lg\:ml-2 {
		margin-left: 0.5rem !important;
	}

	.lg\:ml-72 {
		margin-left: 18rem !important;
	}

	.lg\:ml-8 {
		margin-left: 2rem !important;
	}

	.lg\:mr-6 {
		margin-right: 1.5rem !important;
	}

	.lg\:mt-0 {
		margin-top: 0px !important;
	}

	.lg\:mt-6 {
		margin-top: 1.5rem !important;
	}

	.lg\:mt-64 {
		margin-top: 16rem !important;
	}

	.lg\:block {
		display: block !important;
	}

	.lg\:inline-block {
		display: inline-block !important;
	}

	.lg\:inline {
		display: inline !important;
	}

	.lg\:flex {
		display: flex !important;
	}

	.lg\:grid {
		display: grid !important;
	}

	.lg\:hidden {
		display: none !important;
	}

	.lg\:h-10 {
		height: 2.5rem !important;
	}

	.lg\:h-100 {
		height: 25rem !important;
	}

	.lg\:h-14 {
		height: 3.5rem !important;
	}

	.lg\:h-16 {
		height: 4rem !important;
	}

	.lg\:h-28 {
		height: 7rem !important;
	}

	.lg\:h-48 {
		height: 12rem !important;
	}

	.lg\:h-8 {
		height: 2rem !important;
	}

	.lg\:h-80 {
		height: 20rem !important;
	}

	.lg\:max-h-72 {
		max-height: 18rem !important;
	}

	.lg\:max-h-80 {
		max-height: 20rem !important;
	}

	.lg\:min-h-\[504px\] {
		min-height: 504px !important;
	}

	.lg\:w-1\/2 {
		width: 50% !important;
	}

	.lg\:w-14 {
		width: 3.5rem !important;
	}

	.lg\:w-2\/3 {
		width: 66.666667% !important;
	}

	.lg\:w-48 {
		width: 12rem !important;
	}

	.lg\:w-5\/6 {
		width: 83.333333% !important;
	}

	.lg\:w-72 {
		width: 18rem !important;
	}

	.lg\:w-96 {
		width: 24rem !important;
	}

	.lg\:w-\[22vw\] {
		width: 22vw !important;
	}

	.lg\:w-auto {
		width: auto !important;
	}

	.lg\:w-max {
		width: -moz-max-content !important;
		width: max-content !important;
	}

	.lg\:max-w-3xl {
		max-width: 48rem !important;
	}

	.lg\:max-w-4xl {
		max-width: 56rem !important;
	}

	.lg\:max-w-5xl {
		max-width: 64rem !important;
	}

	.lg\:max-w-6xl {
		max-width: 72rem !important;
	}

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

	.lg\:max-w-none {
		max-width: none !important;
	}

	.lg\:columns-3 {
		-moz-columns: 3 !important;
				 columns: 3 !important;
	}

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

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

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

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

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

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

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

	.lg\:flex-row {
		flex-direction: row !important;
	}

	.lg\:flex-col {
		flex-direction: column !important;
	}

	.lg\:flex-wrap {
		flex-wrap: wrap !important;
	}

	.lg\:flex-nowrap {
		flex-wrap: nowrap !important;
	}

	.lg\:items-start {
		align-items: flex-start !important;
	}

	.lg\:items-end {
		align-items: flex-end !important;
	}

	.lg\:items-center {
		align-items: center !important;
	}

	.lg\:justify-end {
		justify-content: flex-end !important;
	}

	.lg\:justify-center {
		justify-content: center !important;
	}

	.lg\:justify-between {
		justify-content: space-between !important;
	}

	.lg\:gap-16 {
		gap: 4rem !important;
	}

	.lg\:gap-3 {
		gap: 0.75rem !important;
	}

	.lg\:gap-4 {
		gap: 1rem !important;
	}

	.lg\:gap-5 {
		gap: 1.25rem !important;
	}

	.lg\:gap-6 {
		gap: 1.5rem !important;
	}

	.lg\:gap-8 {
		gap: 2rem !important;
	}

	.lg\:gap-x-6 {
		-moz-column-gap: 1.5rem !important;
				 column-gap: 1.5rem !important;
	}

	.lg\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0 !important;
		margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
	}

	.lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0 !important;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
		margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
	}

	.lg\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0 !important;
		margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))) !important;
		margin-bottom: calc(5rem * var(--tw-space-y-reverse)) !important;
	}

	.lg\:border-red-500 {
		--tw-border-opacity: 1 !important;
		border-color: rgb(221 0 62 / var(--tw-border-opacity, 1)) !important;
	}

	.lg\:bg-black\/5 {
		background-color: rgb(0 0 0 / 0.05) !important;
	}

	.lg\:p-12 {
		padding: 3rem !important;
	}

	.lg\:p-3 {
		padding: 0.75rem !important;
	}

	.lg\:p-4 {
		padding: 1rem !important;
	}

	.lg\:px-12 {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}

	.lg\:px-24 {
		padding-left: 6rem !important;
		padding-right: 6rem !important;
	}

	.lg\:px-4 {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.lg\:px-52 {
		padding-left: 13rem !important;
		padding-right: 13rem !important;
	}

	.lg\:px-6 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	.lg\:px-8 {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	.lg\:py-10 {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}

	.lg\:py-16 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}

	.lg\:py-20 {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}

	.lg\:pl-6 {
		padding-left: 1.5rem !important;
	}

	.lg\:pl-72 {
		padding-left: 18rem !important;
	}

	.lg\:pt-0 {
		padding-top: 0px !important;
	}

	.lg\:pt-16 {
		padding-top: 4rem !important;
	}

	.lg\:pt-24 {
		padding-top: 6rem !important;
	}

	.lg\:text-left {
		text-align: left !important;
	}

	.lg\:text-right {
		text-align: right !important;
	}

	.lg\:text-2xl {
		font-size: var(--fontSize-2xl-0) !important;
		line-height: var(--fontSize-2xl-1) !important;
	}

	.lg\:text-base {
		font-size: var(--fontSize-base-0) !important;
		line-height: var(--fontSize-base-1) !important;
	}

	.lg\:text-xl {
		font-size: var(--fontSize-xl-0) !important;
		line-height: var(--fontSize-xl-1) !important;
	}
}

@media (min-width: 1280px) {
	.xl\:-mb-24 { margin-bottom: -6rem !important;}
	.xl\:-mb-8 { margin-bottom: -2rem !important; }
	.xl\:block { display: block !important; }
	.xl\:grid { display: grid !important; }
	.xl\:hidden { display: none !important; }
	.xl\:h-10 { height: 2.5rem !important; }
	.xl\:h-6 { height: 1.5rem !important; }
	.xl\:w-0 { width: 0px !important; }
	.xl\:w-1\/2 { width: 50% !important; }
	.xl\:w-1\/3 { width: 33.333333% !important; }
	.xl\:w-\[150px\] { width: 150px !important; }
	.xl\:w-\[80px\] { width: 80px !important; }
	.xl\:min-w-80 { min-width: 20rem !important; }
	.xl\:max-w-lg { max-width: 32rem !important; }
	.xl\:flex-1 { flex: 1 1 0% !important; }

	.xl\:scale-100 {
		--tw-scale-x: 1 !important;
		--tw-scale-y: 1 !important;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	}

	.xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
	.xl\:flex-row { flex-direction: row !important; }
	.xl\:flex-wrap { flex-wrap: wrap !important; }
	.xl\:items-center { align-items: center !important; }
	.xl\:justify-center { justify-content: center !important; }
}

@media (prefers-color-scheme: dark) {
	.dark\:text-navy-200 {
		--tw-text-opacity: 1 !important;
		color: rgb(173 191 204 / var(--tw-text-opacity, 1)) !important;
	}
}

@media print {
	.print\:block { display: block !important; }
	.print\:flex { display: flex !important; }
	.print\:hidden { display: none !important; }
	.print\:pt-12 { padding-top: 3rem !important; }

	.print\:text-4xl {
		font-size: var(--fontSize-4xl-0) !important;
		line-height: var(--fontSize-4xl-1) !important;
	}
}

@media (min-width: 640px) {
	@media print {
		.sm\:print\:col-start-3 { grid-column-start: 3 !important; }
	}
}



/* =============================================================================
   20. CUSTOM ADDITIONS
   Hand-written additions: modal dialog, slider control, colour utilities, document editor and compliance table.
   ============================================================================= */

/*****************
/* MODAL DIALOG **
/*****************

/* Modal container */
.modal-extend-followup {
	position: absolute;
	z-index: 3001;
	visibility: hidden;
	border: 1px solid #ccc;
	padding: 16px;
	background-color: #fff;
	width: 400px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}

/* Row with label, select, and "days" */
.modal-extend-followup-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}

/* Buttons aligned to the right */
.modal-extend-followup-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	width: 100%;
}

/* Narrow select dropdown */
.modal-extend-select {
	width: 60px;
}

/* Regular content bullet list */
.content-list {
	padding-left: 1.5rem;			/* optional indentation */
}

.content-list li::marker {
	color: #84ccec; !important		 /* light blue */
}

ul.content-list {
	/* Override the base class which is none */
	list-style: disc !important;
	/* Controls spacing between <li> items */
	margin: 0;
	padding-left: 1.5rem;			/* if you want indent */
}

ul.content-list li {
	line-height: 1.3;				/* Tight line spacing *within* a wrapped bullet */
	margin-bottom: 1.2em;			/* Adds vertical gap *between* list items */
}

.p_blue {
	color: #84ccec;
	font-size: 1rem;
	line-height: 1.2;
	font-weight: bold;
}

.p_blue:hover {
	color: #5aa2c2;
}

.link-hover {
	cursor: pointer;				/* show hand icon */
}



/* =============================================================================
   21. SEARCH & QUICK SEARCH BAR (2)
   Address suggestions overlay (#suggestions).
   ============================================================================= */

#suggestions {
	z-index: 1000;
	max-height: 200px;
	overflow-y: auto;
	display: none;
	width: 100%;				/* match parent exactly */
	min-width: 0;				/* prevent automatic expansion */
	box-sizing: border-box;
}

/* Emoji-specific list adjustments */
.emoji-list li {
	font-family: inherit;			/* Use page font for text */
	line-height: 1.6;				/* Increase spacing so emoji and text align nicely */
	font-size: 1rem;				/* Ensure emoji scale matches text */
	vertical-align: middle;			/* Align emoji with text baseline */
}

.emoji-list .emoji {
	display: inline-block;
	font-size: 1rem;				/* keeps emoji size */
	line-height: 1;					/* aligns emoji vertically */
}

.emoji-list .text {
	font-weight: 400;				/* normal weight */
	font-family: inherit;			/* use page font */
	font-size: 1rem;
	line-height: 1.5;
}

/*******************
/* SLIDER CONTROL **
/*******************/

/* Switch container: Reduced size (40px x 20px) */
.switch {
	display: block;
	width: 40px; /* Reduced from 48px */
	height: 20px; /* Reduced from 24px */
	border-radius: 9999px;
	background-color: #ccc;
	cursor: pointer;
	position: relative;
	transition: background-color 0.3s;
	flex-shrink: 0;
	/* Added to help align the base of the element with the text baseline */
	top: 3px;
}

/* Hidden checkbox (No change) */
.switch input {
	display: none;
}

/* Knob: Reduced size (16px x 16px) */
.slider-knob {
	position: absolute;
	/* Vertically centered: (20px height - 16px knob) / 2 = 2px from top */
	top: 2px;
	left: 2px;
	width: 16px; /* Reduced from 20px */
	height: 16px; /* Reduced from 20px */
	background-color: #fff;
	border-radius: 50%;
	transition: transform 0.3s;
}

/* Checked state: Knob movement */
.switch input:checked + .slider-knob {
	/* Move the knob to the right: 40px width - 2px left margin - 16px knob width - 2px right margin = 20px */
	transform: translateX(20px);
}

/* Checked state: Switch background color (No change) */
.switch:has(input:checked) {
	background-color: #10b981; /* Tailwind green-500 equivalent */
}

/* Custom Tailwind colour definitions for button */
.bg-indigo-500 { background-color: #6366f1; }
.hover\:bg-indigo-600:hover { background-color: #4f46e5; }

/* Logic for disputed rows */
.row-disputed { background-color: #fef2f2 !important; } /* Tailwind bg-red-50 */
.row-disputed select { border-color: #fca5a5; color: #b91c1c; }

/* Custom Utility Classes */
.left-3 {
	left: 0.75rem;			/* Standard Tailwind spacing for 3 (12px) */
}

/* Ensure the input respects the icon space */
.pl-10 {
	padding-left: 2.5rem;	/* Standard Tailwind spacing for 10 (40px) */
}

/* Body Corporate apportionemnt project state-based borders */
.project-border { border-left-width: 4px !important; transition: border-color 0.2s; }

/* The "Off" state */
.border-inactive { border-color: #d1d5db !important; }			/* Gray-300 */

/* The "On" states */
.border-active-blue { border-color: #3b82f6 !important; }		/* Blue-500 */
.border-active-amber { border-color: #f59e0b !important; }		/* Amber-500 (Manual) */

/* Archived Project State */
.border-active-archived { 
	border-color: #64748b !important; /* Slate-500 */
	border-left-style: solid !important;
}

/* Optional: If you want to make archived headers look slightly 'faded' */
.project-archived-header {
	opacity: 0.8;
	background-color: #f9fafb;
}

/* Purple style - email */
.bg-purple-100 { background-color: #f3e8ff; }
.text-purple-800 { color: #6b21a8; }
.border-purple-200 { border-color: #e9d5ff; }

/* Amber style - letter */
.bg-amber-100 { background-color: #fef3c7; }

.text-amber-500 { color: #f59e0b; }
.text-amber-600 { color: #d97706; }
.text-amber-800 { color: #92400e; }
.border-amber-200 { border-color: #fde68a; }

.border-amber-500 { border-color: #f59e0b; }
.hover\:text-amber-600:hover { color: #d97706; }

/* Blue style - invoice (standard) */
.bg-blue-100 { background-color: #dbeafe; }
.text-blue-800 { color: #1e40af; }
.border-blue-200 { border-color: #bfdbfe; }

.text-sky-600 { color: rgb(2, 132, 199); }

/* Supporting classes for the badges */
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }

/* Compliance table display */
#complianceBody .prose {
	max-width: 100% !important;
	width: 100% !important;
	display: block !important;
}

/* Ensure the table doesn't compress the topic cell */
.compliance-table {
	table-layout: auto !important;
}

/* Add a subtle highlight even on the expanded row hover */
#complianceBody tr[style*="background-color"]:hover {
	filter: brightness(0.98);
}

/* =============================================================================
   22. Modern Content Div Layout Editor
   ============================================================================= */
/* Editor content area — A4 proportions with page-like appearance */
#modernContentBody {
	position: relative;
	min-height: 297mm;
	background-color: #ffffff;
	outline: none;
	box-sizing: border-box;
	overflow-y: auto;
	padding: 2.5rem;
}

/* Standard flowing content */
#modernContentBody > p,
#modernContentBody > ul,
#modernContentBody > ol,
#modernContentBody > div:not([style*="position:absolute"]) {
	margin-bottom: 1.25rem;
	margin-left: 0;
}

/* Legacy absolute blocks */
#modernContentBody div[style*="position:absolute"] {
	pointer-events: auto;
}

/* List styling */
#modernContentBody ul {
	list-style-type: disc !important;
	margin-left: 1.5rem;
	padding-left: 1rem;
}

#modernContentBody li {
	margin-bottom: 0.5rem;
}

/* Page break visual indicator — shown in editor, hidden on print */
.page-break-delimiter {
	border-top: 2px dashed #007bff;
	margin: 1.5rem 0;
	position: relative;
}

.page-break-delimiter::after {
	content: "PAGE BREAK (PRINT BOUNDARY)";
	position: absolute;
	top: -10px;
	right: 10px;
	background: #fff;
	padding: 0 5px;
	font-size: 10px;
	color: #007bff;
	font-weight: bold;
}

.merge-fields-label {
	margin: 0;
	line-height: 1;
}

/* Print rules */
@media print {
	.page-break-delimiter {
		border: none;
		page-break-after: always;
		break-after: page;
		margin: 0;
	}
	.page-break-delimiter::after {
		display: none;
	}
	tr {
		page-break-inside: avoid !important;
		break-inside: avoid !important;
	}
	thead {
		display: table-header-group;
	}

	/* For the summary panel on contact comms send */
	.truncate {
		overflow: visible !important;
		text-overflow: unset !important;
		white-space: normal !important;
	}
	[class*="max-w-"] {
		max-width: none !important;
	}

	#summaryPanel {
		page-break-before: always;
		break-before: page;
	}
}

/* Front Office pages use the editorial beige outer background, including below the footer. */
body.bg-blue-500 {
	background-color: rgb(250, 248, 244) !important;
}

/* Give the pre-login card 20% more room than the standard 28rem layout. */
@media (min-width: 640px) {
	.login-card-container {
		max-width: 33.6rem;
	}
}

/* =============================================================================
   23. Lease Management
   ============================================================================= */

/* Lease preview */
.lease-unresolved,
.lease-missing {
	background: #ffe5e5 !important;
	border: 1px solid #c62828 !important;
	color: #8a1f11 !important;
	font-weight: bold;
}

.lease-merge-summary {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 1rem 0;
}

.lease-merge-summary button {
	border: 0;
	border-radius: .25rem;
	cursor: pointer;
	font: inherit;
	padding: .375rem .625rem;
}

.lease-merge-summary__total { background: #e8edf2; color: #243746; }
.lease-merge-summary__ready { background: #dff1df; color: #176b24; }
.lease-merge-summary__empty { background: #fff3cd; color: #765b00; }
.lease-merge-summary__missing,
.lease-merge-summary__invalid { background: #ffe5e5; color: #9f1f1f; }

.lease-copy-source { position: fixed; left: -9999px; top: 0; }
.lease-merge-results { box-sizing: border-box; width: 100%; min-height: 11rem; margin-bottom: .75rem; padding: .5rem; border: 1px solid #b7c3cf; font: .75rem Consolas, "Courier New", monospace; line-height: 1.4; }
.lease-current-error { outline: 3px solid #d00000 !important; box-shadow: 0 0 10px #d00000; }

.lease-page-carousel { width: 210mm; max-width: 100%; margin: 1.25rem auto; }
.lease-page-carousel__heading { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-bottom: .5rem; text-align: center; }
.lease-page-carousel__navigation { display: flex; align-items: center; gap: .75rem; }
.lease-page-carousel__indicator { min-width: 6.25rem; color: #243746; font-size: .875rem; }
.lease-page-carousel__go-label,
.lease-page-carousel__label { color: #243746; font-weight: 700; }
.lease-page-carousel .lease-preview { margin-top: 0; }
.lease-page-carousel .page { display: none; position: relative; width: 210mm; max-width: 100%; height: 297mm; margin: 0 auto; overflow: hidden; background: #fff; box-shadow: 0 0 3px #777; }
.lease-page-carousel .page.is-active { display: block; }
.lease-page-carousel .page img { display: block; width: 100%; height: 100%; }
.lease-page-carousel .field,
.lease-page-carousel .mask { position: absolute; overflow: hidden; }
.lease-page-carousel .field { padding: 0; background: transparent; color: #1f1f1f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 1.15; white-space: nowrap; }
.lease-page-carousel .mask { background: #fff; color: transparent; }
.lease-page-carousel__button { width: 2.375rem; height: 3.25rem; border: 0; border-radius: .25rem; background: rgba(0, 0, 0, .65); color: #fff; font-size: 1.875rem; cursor: pointer; }
.lease-validation td { vertical-align: top; padding: .3125rem; border-bottom: 1px solid #ddd; }
.lease-applicant-status { display: inline-block; }

@media print {
	body * { visibility: hidden; }
	#leasePagePreview,
	#leasePagePreview * { visibility: visible; }
	#leasePagePreview { position: absolute; left: 0; top: 0; margin: 0; }
	.lease-page-carousel .page { display: block !important; width: 210mm; height: 297mm; margin: 0; box-shadow: none; break-after: page; page-break-after: always; }
	.lease-page-carousel .page:last-child { break-after: auto; page-break-after: auto; }
}

/* =============================================================================
   24. FRONT OFFICE APPLICATION SHELL
   The primary rail and top bar are shared by authenticated Front Office pages.
   Property workflows retain their existing contextual menu and thumbnail.
   ============================================================================= */

body:has(.front-office-shell) > form > .bg-gray-100,
body:has(.front-office-shell) > form > .dashboard-page_shell,
body:has(.front-office-shell) > .bg-gray-100,
body:has(.front-office-shell) > .dashboard-page_shell {
	min-height: 100vh !important;
}

body:has(.front-office-shell) .footer--warm {
	margin-top: auto !important;
	flex-shrink: 0;
}

@media (min-width: 1024px) {
	body:has(.front-office-shell) > form > .bg-gray-100,
	body:has(.front-office-shell) > form > .dashboard-page_shell,
	body:has(.front-office-shell) > .bg-gray-100,
	body:has(.front-office-shell) > .dashboard-page_shell {
		min-height: 100vh;
		padding: 5rem 1.5rem 0 17.5rem;
	}

	body:has(#front-office-system-notification) > form > .bg-gray-100,
	body:has(#front-office-system-notification) > form > .dashboard-page_shell,
	body:has(#front-office-system-notification) > .bg-gray-100,
	body:has(#front-office-system-notification) > .dashboard-page_shell {
		padding-top: 7.25rem;
	}

	body:has(.front-office-shell) > form > .bg-gray-100 > .container,
	body:has(.front-office-shell) > .bg-gray-100 > .container {
		width: 100%;
		max-width: none;
		padding-right: 0;
		padding-left: 0;
	}

	body:has(.front-office-shell) .dashboard-main {
		width: 100%;
		max-width: none;
	}

	.front-office-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 60;
		height: 5rem;
		border-bottom: 1px solid rgb(214, 222, 232);
		background: linear-gradient(to right, rgb(20, 55, 92) 0, rgb(20, 55, 92) 16rem, rgb(255, 255, 255) 16rem, rgb(255, 255, 255) 100%);
		box-shadow: 0 1px 4px rgb(26 47 74 / 8%);
	}

	#front-office-system-notification {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 70;
	}

	#front-office-system-notification ~ .front-office-shell .front-office-header {
		top: 2.25rem;
	}

	.front-office-header_shell {
		display: flex !important;
		height: 5rem !important;
		flex-direction: row !important;
		align-items: center !important;
		padding-right: 1.5rem !important;
		padding-left: 17.5rem !important;
	}

	.front-office-header_brand {
		position: absolute;
		top: 1rem;
		left: 1.25rem;
		z-index: 1;
		margin: 0 !important;
	}

	.front-office-header_brand .navigation-menu_logo {
		display: block;
		height: 3rem;
		max-width: 13.5rem;
		filter: brightness(0) invert(1);
	}

	.front-office-header_context {
		display: none;
	}

	.front-office-header_utilities {
		display: flex;
		position: static;
		align-items: center;
		gap: 0.75rem;
		margin: 0;
		transform: none;
	}

	.front-office-header_search {
		display: block;
		position: relative;
		flex: 0 0 min(34rem, 43vw) !important;
		width: min(34rem, 43vw);
		margin: 0;
	}

	.front-office-header_search-label {
		display: flex !important;
		height: 2.5rem;
		align-items: center !important;
		overflow: hidden;
		border: 1px solid rgb(210, 220, 232);
		border-radius: 0.375rem;
		background-color: rgb(246, 248, 251);
	}

	.front-office-header_search-icon {
		width: 1.125rem;
		height: 1.125rem;
		margin-left: 0.75rem;
	}

	.front-office-header_search input {
		display: block;
		flex: 1 1 auto;
		align-self: stretch;
		height: 100%;
		box-sizing: border-box;
		min-width: 0;
		padding: 0.5rem 0.75rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.front-office-header_search-suggestions {
		position: absolute;
		top: calc(100% + 0.375rem);
		left: 0;
		z-index: 80;
		width: 100%;
		margin-top: 0;
		box-shadow: 0 0.75rem 1.5rem rgb(26 47 74 / 15%);
	}

	.front-office-header_notifications {
		position: relative;
	}

	.front-office-header_utilities .front-office-header_notification {
		display: inline-flex;
		position: relative;
		right: auto;
		width: 2.5rem;
		height: 2.5rem;
		align-items: center;
		justify-content: center;
		margin: 0;
	}

	.front-office-header_notification-indicator {
		top: 0.25rem;
		right: 0.25rem;
		width: 0.75rem;
		height: 0.75rem;
		border: 2px solid rgb(255, 255, 255);
		background-color: rgb(222, 45, 62);
	}

	.front-office-header_account {
		position: relative;
		align-self: center !important;
		margin-left: auto !important;
		white-space: nowrap;
	}

	.front-office-shell .front-office-menu {
		position: fixed;
		top: 5rem;
		bottom: 0;
		left: 0;
		z-index: 50;
		width: 16rem;
		margin: 0 !important;
		overflow-x: hidden;
		overflow-y: auto;
		border: 0;
		background-color: rgb(20, 55, 92) !important;
	}

	#front-office-system-notification ~ .front-office-shell .front-office-menu {
		top: 7.25rem;
	}

	.front-office-menu .container {
		width: 100%;
		padding: 1rem 0 1.5rem;
	}

	.front-office-menu .front-office-menu_items {
		display: flex;
		width: 100%;
		min-height: 0;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: stretch !important;
		gap: 0.25rem;
	}

	.front-office-menu .front-office-menu_items > a {
		width: 100% !important;
		box-sizing: border-box;
		margin-right: 0 !important;
		margin-left: 0 !important;
		flex-shrink: 0;
		align-self: auto;
		border: 0 !important;
		border-radius: 0;
		padding: 0.75rem 1rem;
		color: rgb(255, 255, 255) !important;
		font-size: 0.9375rem;
	}

	.front-office-shell .front-office-menu .front-office-menu_items > a {
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.front-office-menu .front-office-menu_items > a ~ a {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.front-office-menu .front-office-menu_items > a:hover,
	.front-office-menu .front-office-menu_items > a:focus,
	.front-office-menu .front-office-menu_items > a:active,
	.front-office-menu .front-office-menu_items > a.border-blue-500 {
		background-color: rgb(32, 101, 153) !important;
		color: rgb(255, 255, 255) !important;
	}

	.front-office-menu .front-office-menu_items > a.border-blue-500::after {
		display: none;
	}

	.front-office-menu .front-office-menu_items > a.front-office-menu_item--expanded::after {
		display: block !important;
		position: static;
		right: auto;
		bottom: auto;
		left: auto;
		width: 0.5rem;
		height: 0.5rem;
		margin-left: auto;
		border-right: 2px solid rgb(255, 255, 255);
		border-bottom: 2px solid rgb(255, 255, 255);
		background: none;
		transform: rotate(45deg) translateY(-0.125rem);
		content: "";
	}

	.front-office-menu .front-office-menu_items > a img {
		width: 1.25rem;
		height: 1.25rem;
		margin-right: 0.75rem;
		filter: brightness(0) invert(1);
	}

	.layout__navigation {
		align-self: start;
		border-radius: 0.5rem;
		padding: 0.75rem;
		background-color: rgb(20, 55, 92);
		box-shadow: 0 1px 4px rgb(26 47 74 / 12%);
	}

	.layout__navigation img[alt="Property Image"] {
		height: 5.5rem !important;
		width: 100% !important;
		border-radius: 0.375rem !important;
		object-fit: cover !important;
	}

	.layout__navigation .menu_link {
		border-radius: 0.375rem;
		color: rgb(255, 255, 255) !important;
	}

	.layout__navigation .menu_link:hover,
	.layout__navigation .menu_link:focus,
	.layout__navigation .menu_link:active,
	.layout__navigation .menu_link_active {
		background-color: rgb(32, 101, 153) !important;
		color: rgb(255, 255, 255) !important;
	}

	.layout__navigation .menu_link .menu__icon {
		filter: brightness(0) invert(1);
	}

	.layout__navigation .menu > div[class*="uppercase"] {
		color: rgb(190, 213, 234) !important;
	}

	.front-office-selected-property {
		display: none !important;
	}

	.front-office-menu .front-office-context-menu {
		width: 100%;
		box-sizing: border-box;
		margin-right: 0 !important;
		margin-left: 0 !important;
		border-top: 1px solid rgb(77, 108, 140);
		border-radius: 0;
		padding: 0;
		background-color: transparent;
		box-shadow: none;
	}

	.front-office-menu .front-office-menu_items > .front-office-context-menu {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.front-office-menu .front-office-context-menu > .hidden.lg\\:block {
		display: block !important;
		margin: 0;
		padding: 0.75rem 1rem 0;
	}

	.front-office-menu .front-office-context-menu > .hidden.lg\\:block + .hidden.lg\\:block {
		padding-top: 0.5rem;
		padding-bottom: 0.75rem;
		color: rgb(255, 255, 255);
		font-size: 0.875rem;
	}

	.front-office-menu .front-office-context-menu img[alt="Property Image"] {
		height: 4.5rem !important;
	}

	.front-office-menu .front-office-context-menu .menu {
		display: flex;
		flex-direction: column;
	}

	.front-office-menu .front-office-context-menu .menu > div[class*="uppercase"] {
		padding: 0.75rem 1rem 0.375rem;
	}

	.front-office-menu .front-office-context-menu .menu_link {
		border-radius: 0;
		padding: 0.625rem 1rem;
	}

	body.front-office-has-context-menu .layout {
		display: block;
		max-width: none;
	}

	body.front-office-has-context-menu .layout__content {
		display: block;
		width: 100%;
		max-width: none;
	}

	.front-office-header--has-selected-property .front-office-selected-property {
		display: block !important;
		position: fixed;
		top: 5rem;
		right: 0;
		left: 16rem;
		z-index: 58;
		height: 3.75rem;
		border-bottom: 1px solid rgb(214, 222, 232);
		background-color: rgb(255, 255, 255);
	}

	.front-office-page-context {
		position: fixed;
		top: 5rem;
		right: 0;
		left: 16rem;
		z-index: 57;
		height: 2.5rem;
		border-bottom: 1px solid rgb(229, 233, 239);
		background-color: rgb(255, 255, 255);
	}

	.front-office-page-context .container {
		display: flex;
		width: 100%;
		max-width: none;
		height: 100%;
		align-items: center;
		padding: 0 1.5rem;
	}

	.front-office-page-title {
		margin: 0;
		color: rgb(20, 55, 92);
		font-size: 1.25rem;
		font-weight: 700;
		line-height: 1.5rem;
	}

	#front-office-system-notification ~ .front-office-shell .front-office-page-context {
		top: 7.25rem;
	}

	.front-office-header--has-selected-property .front-office-page-context {
		top: 8.75rem;
	}

	#front-office-system-notification ~ .front-office-shell .front-office-header--has-selected-property .front-office-page-context {
		top: 11rem;
	}

	#front-office-system-notification ~ .front-office-shell .front-office-header--has-selected-property .front-office-selected-property {
		top: 7.25rem;
	}

	.front-office-selected-property .container {
		display: flex;
		width: 100%;
		max-width: none;
		height: 100%;
		align-items: center;
		padding: 0 1.5rem;
	}

	.front-office-selected-property_link {
		display: inline-flex;
		max-width: 100%;
		align-items: center;
		gap: 0.75rem;
		color: rgb(20, 55, 92);
		font-weight: 600;
		text-decoration: none;
	}

	.front-office-selected-property_link:hover,
	.front-office-selected-property_link:focus {
		color: rgb(0, 123, 177);
		text-decoration: underline;
	}

	.front-office-selected-property_image {
		width: 3rem;
		height: 2.5rem;
		flex: 0 0 auto;
		border-radius: 0.25rem;
		object-fit: cover;
	}

	.front-office-selected-property_name {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body:has(.front-office-page-context) > form > .bg-gray-100,
	body:has(.front-office-page-context) > form > .dashboard-page_shell,
	body:has(.front-office-page-context) > .bg-gray-100,
	body:has(.front-office-page-context) > .dashboard-page_shell {
		padding-top: 7.5rem;
	}

	body:has(#front-office-system-notification) > form > .bg-gray-100,
	body:has(#front-office-system-notification) > form > .dashboard-page_shell,
	body:has(#front-office-system-notification) > .bg-gray-100,
	body:has(#front-office-system-notification) > .dashboard-page_shell {
		padding-top: 9.75rem;
	}

	body:has(.front-office-header--has-selected-property) > form > .bg-gray-100,
	body:has(.front-office-header--has-selected-property) > .bg-gray-100 {
		padding-top: 11.25rem;
	}

	body:has(#front-office-system-notification):has(.front-office-header--has-selected-property) > form > .bg-gray-100,
	body:has(#front-office-system-notification):has(.front-office-header--has-selected-property) > .bg-gray-100 {
		padding-top: 13.5rem;
	}

	body:has(.front-office-page-context) .container > main.my-4 {
		margin-top: 0 !important;
	}

	body:has(.front-office-page-context) .layout {
		padding-top: 0;
	}

	body:has(.front-office-page-context) .layout__content > .front-office-content-crumbtrail {
		margin-top: 0.25rem;
	}
}

@media (max-width: 1023px) {
	.front-office-header_shell {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-template-areas:
			"brand notification account"
			"search search search";
		align-items: center !important;
		gap: 0.5rem 0.75rem;
		padding: 0.625rem 0.75rem !important;
	}

	.front-office-header_brand {
		grid-area: brand;
		margin: 0 !important;
	}

	.front-office-header_brand .navigation-menu_logo {
		display: block;
		height: 2.5rem;
		width: auto;
	}

	.front-office-header_context {
		display: none !important;
	}

	.front-office-header_utilities {
		display: contents !important;
	}

	.front-office-header_search {
		display: block !important;
		grid-area: search;
		width: 100%;
		min-width: 0;
		margin: 0 !important;
	}

	.front-office-header_search-label {
		height: 2.5rem;
	}

	.front-office-header_search-icon {
		width: 1.125rem;
		height: 1.125rem;
		flex: 0 0 auto;
		margin-left: 0.75rem;
	}

	.front-office-header_search input {
		display: block;
		min-width: 0;
		flex: 1 1 auto;
		align-self: stretch;
		height: 100%;
	}

	.front-office-header_notifications {
		display: block;
		grid-area: notification;
	}

	.front-office-header_notification {
		display: inline-flex !important;
		position: relative;
		width: 2.5rem;
		height: 2.5rem;
		align-items: center;
		justify-content: center;
		margin: 0;
	}

	.front-office-header_notification-indicator {
		position: absolute;
		top: 0.25rem;
		right: 0.25rem;
		width: 0.75rem;
		height: 0.75rem;
		border: 2px solid rgb(255, 255, 255);
		border-radius: 9999px;
		background-color: rgb(222, 45, 62);
	}

	.front-office-header_account {
		grid-area: account;
		align-self: center !important;
		justify-self: end;
		min-width: 0;
		margin: 0 !important;
		white-space: nowrap;
	}

	.front-office-header_account .front-office-account-country {
		display: none !important;
	}

	.front-office-header_account .front-office-account-name {
		display: inline-block;
		max-width: 8rem;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: middle;
		white-space: nowrap;
	}

	.front-office-menu {
		margin: 0 !important;
	}

	.front-office-menu .container {
		padding: 0 !important;
	}

	.front-office-menu .front-office-menu_items {
		display: flex !important;
		min-height: 3.25rem;
		flex-direction: row !important;
		align-items: stretch !important;
		gap: 0 !important;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		scrollbar-width: none;
	}

	.front-office-menu .front-office-menu_items::-webkit-scrollbar {
		display: none;
	}

	.front-office-menu .front-office-menu_items > a {
		display: inline-flex;
		width: auto !important;
		flex: 0 0 auto;
		align-items: center;
		margin: 0 !important;
		padding: 0.75rem 0.875rem !important;
		border-bottom: 0 !important;
	}

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

	.supplier-row > .ml-auto {
		width: 100%;
		flex-wrap: wrap;
		margin-top: 0.75rem;
		margin-left: 0 !important;
	}
}

@media (min-width: 1024px) {
	.front-office-header_utilities {
		display: contents !important;
	}

	.front-office-header_search {
		order: 2;
	}

	.front-office-header_notifications {
		display: block;
		order: 3;
		margin-left: auto;
	}

	.front-office-header_account {
		order: 4;
		margin-left: 0.25rem !important;
	}
}