/* TripleSeat embed form styling tuned for the Aethos visual language */
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) {
	font-family: var(--fonts--secondary, "Fakt", sans-serif);
	color: var(--color--body, #2a2826);
	font-size: var(--font-size--fs-14, 0.875rem);
	line-height: var(--line-height--line-height-24, 1.5rem);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	:is(h1, h2, h3, h4),
#tsLeadSuccessMessage {
	font-family: var(--fonts--primary);
	font-size: var(--font-size--fs-24);
	line-height: var(--line-height--line-height-32);
	text-transform: uppercase;
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-weight: 400;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) tr {
	border-bottom: 1px solid var(--color--slate--light, #eaeae7);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	tr:last-child {
	border-bottom: none;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) td {
	padding: var(--padding--pad-sm, 1rem) 0;
	vertical-align: top;
}

@media (min-width: 768px) {
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
		td
		+ td {
		padding-left: var(--padding--pad-lg, 1.5rem);
	}
}

@media (max-width: 767px) {
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) table,
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) tbody,
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) tr,
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) td {
		display: block;
		width: 100%;
	}

	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) td {
		padding: var(--padding--pad-sm, 1rem) 0 !important;
	}
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) label {
	font-size: var(--font-size--fs-14, 0.875rem);
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
	color: var(--color--charcoal--medium, #5e5b58);
	line-height: var(--line-height--line-height-20, 1.25rem);
	display: block;
	margin: 0 0 var(--padding--pad-3xs, 0.5rem);
	cursor: pointer;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	label
	.required {
	color: var(--color--terracotta--medium, #c17878);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input[type="checkbox"]
	+ label,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input[type="radio"]
	+ label {
	font-size: var(--font-size--fs-14, 0.875rem);
	font-weight: 400;
	color: var(--color--body, #2a2826);
	display: flex;
	align-items: center;
	margin: 0;
}

#tripleseat_embed_form table td:has(input[type="checkbox"]) {
	vertical-align: middle;
	display: flex;
	align-content: center;
	align-items: center;
	gap: 0.5rem;
}
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) input,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) select,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) textarea {
	width: 100%;
	min-height: 2.5rem;
	font-family: inherit;
	font-size: var(--font-size--fs-14, 0.875rem);
	line-height: 1.4;
	color: var(--color--body, #2a2826);
	background-color: var(--color--transparent, transparent);
	border: none !important;
	/* border-bottom: 1px solid var(--color--slate--dark, #c6c6c3); */
	border-radius: 0;
	padding: 6px 0;
	transition: border-color 0.2s ease;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) textarea {
	min-height: 7rem;
	resize: vertical;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input::placeholder,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	textarea::placeholder {
	color: var(--color--charcoal--light, #7d7873);
	opacity: 1;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input:focus,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	select:focus,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	textarea:focus {
	outline: none;
	/* border-bottom-color: var(--color--charcoal--dark, #2a2826); */
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input[type="checkbox"],
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input[type="radio"] {
	width: 1.125rem;
	height: 1.125rem;
	margin: 0 var(--gap--gap-3xs, 0.25rem) 0 0;
	accent-color: var(--color--charcoal--dark, #2a2826);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.location_list,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.referral_list {
	margin-top: var(--padding--pad-xs, 0.75rem);
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	gap: 8px var(--gap--gap-sm, 0.75rem);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.location_list
	div,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.referral_list
	div {
	display: flex;
	align-items: center;
	gap: var(--gap--gap-3xs, 0.25rem);
	margin-bottom: 8px;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.location_list
	div:last-child,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.referral_list
	div:last-child {
	margin-bottom: 0;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.help-block,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) .danger {
	font-size: var(--font-size--fs-12, 0.75rem);
	line-height: var(--line-height--line-height-20, 1.25rem);
	color: var(--color--charcoal--medium, #5e5b58);
	margin-top: var(--gap--gap-3xs, 0.25rem);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) .danger {
	color: var(--color--terracotta--medium, #c17878);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.errorExplanation,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.location_list.error,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input.error,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	textarea.error,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	select.error {
	background-color: var(--color--terracotta--bg, #f6e9e9);
	border-color: var(--color--terracotta--medium, #c17878);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.errorExplanation {
	padding: var(--padding--pad-sm, 1rem);
	border-radius: 4px;
	margin-bottom: var(--padding--pad-sm, 1rem);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	#lead_form_submit,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.tripleseat_submit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap--gap-sm, 0.75rem);
	padding-top: var(--padding--pad-md, 1.25rem);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input.button,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) button,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input[type="submit"],
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	button[type="submit"] {
	appearance: none;
	background-color: var(--color--transparent, transparent);
	color: var(--color--body, #2a2826);
	border: 1px solid var(--color--body, #2a2826) !important;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: var(--font-size--fs-12, 0.75rem);
	font-weight: 500;
	line-height: 1;
	padding: 12px 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--gap--gap-xs, 0.375rem);
	cursor: pointer;
	width: auto;
	transition:
		color 0.3s ease,
		background-color 0.3s ease,
		border-color 0.3s ease;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input.button:hover,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	button:hover,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input[type="submit"]:hover,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	button[type="submit"]:hover {
	background-color: var(--color--body, #2a2826);
	color: var(--color--white, #ffffff);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input.button:focus,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	button:focus,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	input[type="submit"]:focus,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	button[type="submit"]:focus {
	outline: none;
	box-shadow: 0 0 0 2px var(--color--slate--light, #eaeae7);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	#submit_spinner {
	width: 1.5rem;
	height: 1.5rem;
	background-size: contain;
	margin-left: var(--gap--gap-sm, 0.75rem);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	#lead_form_submit
	a,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.ts_powered_by
	a {
	margin-left: auto;
	font-size: var(--font-size--fs-10, 0.625rem);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color--charcoal--medium, #5e5b58);
	text-decoration: none;
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	#lead_form_submit
	a:hover,
:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.ts_powered_by
	a:hover {
	color: var(--color--charcoal--light, #7d7873);
}

:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
	.g-recaptcha {
	margin-top: var(--padding--pad-sm, 1rem);
}

@media (prefers-reduced-motion: reduce) {
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) *,
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
		*::before,
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
		*::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}

#tripleseat_embed_form :is(#lead_phone_number, #lead_phone_number_extension) {
	width: 100%;
}

.errorExplanation {
	padding-inline: 1.25rem;
	background: transparent;
}

.errorExplanation h2 {
	font-size: var(--font-size--fs-14);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color--charcoal--medium, #5e5b58);
	text-decoration: none;
}

.errorExplanation li {
	margin-bottom: 0.5em;
}

#tripleseat_embed_form :is(input.timeselect_input, input.hasDatepicker) {
	background: none;
}

@media screen and (max-width: 767px) {
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) {
		font-size: var(--font-size--fs-12);
		line-height: var(--line-height--line-height-14);
	}

	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
		:is(h1, h2, h3, h4),
	#tsLeadSuccessMessage {
		font-size: var(--font-size--fs-18);
		line-height: var(--line-height--line-height-24);
	}

	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) input,
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"]) select,
	:is(#tripleseat_embed_form, #tripleseat_embed_form_inline, [id^="tripleseat_embed_form"])
		textarea {
		min-height: 1.5rem;
	}
}

/* Dynamic lead forms use field groups instead of the legacy table rows.
   Keep these overrides scoped so existing destination forms are unaffected.
   Do not override display on conditional groups or native date inputs: their
   visibility and picker behaviour are managed by Tripleseat. */
#tripleseat_dynamic_embed_form .tripleseat-dlf-field-group {
	min-width: 0;
	margin: 0;
	padding: var(--padding--pad-sm, 1rem) 0;
	border-bottom: 1px solid var(--color--slate--light, #eaeae7);
}

#tripleseat_dynamic_embed_form :is(.tripleseat-dlf-name-fields, .tripleseat-dlf-phone-container) {
	display: flex;
	width: 100%;
	min-width: 0;
	gap: var(--padding--pad-lg, 1.5rem);
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-name-field {
	flex: 1 1 0;
	min-width: 0;
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-phone {
	flex: 1 1 0;
	width: 100%;
	min-width: 0;
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-phone-ext {
	flex: 0 0 4rem;
	width: 4rem;
	min-width: 0;
}

#tripleseat_dynamic_embed_form
	:is(
		.tripleseat-dlf-checkbox-item,
		.tripleseat-dlf-checkbox-wrapper,
		.tripleseat-dlf-multi-event-checkbox
	) {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

#tripleseat_dynamic_embed_form input[type="checkbox"] {
	flex: 0 0 1.125rem;
	width: 1.125rem;
	height: 1.125rem;
	min-height: 0;
	margin: 0.125rem 0 0;
}

/* Inline links must wrap as part of the sentence, not as flex items. */
#tripleseat_dynamic_embed_form :is(.tripleseat-dlf-checkbox-label, input[type="checkbox"] + label) {
	display: block;
	flex: 1;
	width: auto;
	min-width: 0;
	margin: 0;
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-date-display {
	padding-right: 2rem;
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-time {
	width: 100%;
	min-width: 0;
	padding-left: 3rem;
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-time-icon {
	background: transparent;
	border: 0;
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-event-block {
	background: transparent;
	border: 1px solid var(--color--slate--light, #eaeae7);
	border-radius: 0;
	box-shadow: none;
	padding: var(--padding--pad-sm, 1rem);
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-event-field {
	min-width: 0;
}

#tripleseat_dynamic_embed_form :is(.tripleseat-dlf-help-text, .tripleseat-dlf-error) {
	font-family: inherit;
	font-size: var(--font-size--fs-12, 0.75rem);
	line-height: 1.5;
	margin-top: 0.375rem;
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-help-text {
	color: var(--color--charcoal--medium, #5e5b58);
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-error {
	color: var(--color--terracotta--medium, #c17878);
}

#tripleseat_dynamic_embed_form :is(input, select, textarea, button):focus-visible {
	outline: 2px solid var(--color--charcoal--dark, #2a2826);
	outline-offset: 3px;
}

#tripleseat_dynamic_embed_form .tripleseat-dlf-submit {
	margin-top: var(--padding--pad-md, 1.25rem);
}

/* The dynamic embed's attribution sits outside the form wrapper. */
.proposal-form_rich:has(#tripleseat_dynamic_embed_form) #tripleseat_link {
	display: block;
	margin-top: 1rem;
	font-size: var(--font-size--fs-10, 0.625rem);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color--charcoal--medium, #5e5b58);
	text-decoration: none;
}

@media (max-width: 767px) {
	#tripleseat_dynamic_embed_form .tripleseat-dlf-name-fields {
		flex-direction: column;
		gap: var(--padding--pad-sm, 1rem);
	}

	#tripleseat_dynamic_embed_form .tripleseat-dlf-name-field {
		flex: auto;
		width: 100%;
	}
}

/* Opt-in proposal modal: retain vendor layout, conditional visibility and specialised controls. */
.proposal-modal [data-proposal-modal-content] {
	font-family: var(--fonts--secondary, "Fakt", sans-serif);
	color: var(--color--charcoal--dark, #2a2826);
	overflow-wrap: anywhere;
}
.proposal-modal
	[data-proposal-modal-content]
	:is(input[type="text"], input[type="email"], input[type="tel"], textarea) {
	max-width: 100%;
	min-width: 0;
}
.proposal-modal
	[data-proposal-modal-content]
	:is(input, select, textarea, button, a):focus-visible {
	outline: 2px solid var(--color--charcoal--dark, #2a2826) !important;
	outline-offset: 3px;
}
.proposal-modal
	[data-proposal-modal-content]
	:is(.tripleseat-dlf-help-text, .tripleseat-dlf-error) {
	line-height: 1.5;
}
.proposal-modal [data-proposal-modal-content] :is(button[type="submit"], input[type="submit"]) {
	border: 1px solid var(--color--sky--dark, #72818b) !important;
	border-radius: 0;
	min-height: 44px;
}
@media (max-width: 767px) {
	/* Keep editable fields at the iOS focus-zoom threshold, including untyped inputs. */
	:is(
		[id^="tripleseat_embed_form"],
		#tripleseat_dynamic_embed_form,
		.proposal-modal [data-proposal-modal-content]
	)
		:is(
			input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="reset"], [type="image"], [type="range"], [type="color"]),
			select,
			textarea
		) {
		font-size: max(16px, 1rem) !important;
	}
}

/* Proposal modal shell */
/* Proposal modal shell. This readiness flag prevents enhancement before its CSS loads. */
[data-proposal-modal="enabled"] {
	--proposal-modal-ready: 1;
}
.proposal-modal[hidden] {
	display: none !important;
}
.proposal-modal {
	position: fixed;
	inset: 0;
	z-index: 99990;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgb(0 0 0 / 0.5);
	backdrop-filter: blur(4px);
	color: var(--color--charcoal--dark, #2a2826);
	font-family: var(--fonts--secondary, "Fakt", sans-serif);
	animation: proposal-modal-enter 160ms ease-out;
}
.proposal-modal_panel {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 52rem;
	max-height: calc(100vh - 48px);
	max-height: calc(100dvh - 48px);
	min-width: 0;
	background: var(--color--cream--medium, #f9f4ef);
}
.proposal-modal_header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 32px;
	flex: none;
	border-bottom: 1px solid var(--color--slate--light, #eaeae7);
}
.proposal-modal_title {
	font-family: var(--fonts--primary, serif);
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
}
.proposal-modal_close {
	flex: none;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	background: transparent;
	color: inherit;
	font: 32px/1 sans-serif;
	cursor: pointer;
}
.proposal-modal_body {
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	min-height: 0;
	padding: 0 32px 32px;
}
.proposal-modal :focus-visible {
	outline: 2px solid var(--color--charcoal--dark, #2a2826) !important;
	outline-offset: 3px;
}
.proposal-modal_body [data-proposal-modal-content] {
	display: block !important;
	width: 100%;
	min-width: 0;
}
html.proposal-modal-open > body > .timeselect {
	z-index: 100001 !important;
}
@keyframes proposal-modal-enter {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@media (max-width: 767px) {
	.proposal-modal {
		padding: 0;
	}
	.proposal-modal_panel {
		height: 100vh;
		height: 100dvh;
		max-height: 100vh;
		max-height: 100dvh;
		max-width: none;
	}
	.proposal-modal_header {
		padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 16px
			max(16px, env(safe-area-inset-left));
		gap: 16px;
	}
	/* The heading receives opening focus for screen readers; it is not a control. */
	.proposal-modal .proposal-modal_title:focus {
		outline: none !important;
	}
	.proposal-modal_body {
		padding: 0 max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom))
			max(16px, env(safe-area-inset-left));
	}
}
@media (prefers-reduced-motion: reduce) {
	.proposal-modal {
		animation: none;
	}
}

/* The legacy vendor calendar is a body sibling, owned only while its enquiry is open. */
html.proposal-modal-open > body > .proposal-modal_calendar {
	position: fixed !important;
	left: var(--proposal-calendar-left) !important;
	top: var(--proposal-calendar-top) !important;
	z-index: 100002 !important;
	max-width: calc(100vw - 16px);
	max-height: calc(100dvh - 16px);
	overflow: auto;
}