:root {
	--labor-red: #e43942;
	--labor-red-hover: #b62e35;

	--liberal-blue: #00529b;
	--liberal-blue-hover: #00427c;
	--sff-blue: #007bc4;
	--sff-blue-hover: #00629d;
	--greens-green: #008943;
	--greens-green-hover: #006e36;
	--indi-teal: rgb(106, 194, 196);

	--indi-teal-hover: #559b9d;
	--nationals-green: #2f6e4e;
	--nationals-green-hover: #0e7a36;
}

i {
	font-variation-settings: 'ital' 1;
}
form#postcode_followup_form_election_period {
	& div[data-is-first='true']:not(:only-child)::before {
		color: var(--tt-neutral-ui-lighterer);
	}
	& input[type='checkbox']:not(:checked) + .checkbox-label,
	& input[type='checkbox']:not(:checked) + label {
		color: var(--tt-neutral-ui-lighterer);
	}
	& input[type='checkbox']:not(:checked) + .checkbox-label::before,
	& input[type='checkbox']:not(:checked) + label::before {
		background-color: var(--tt-neutral-ui-lighterer);
	}
	& .tt-button-accent:disabled {
		--accent-button-disabled: var(--tt-mint-lighterish);
		&:hover {
			background-color: var(--tt-mint-lighterest);
			color: var(--tt-grey-main);
		}
	}
}

.site-content {
	gap: 0;
	& > *:not(:last-child):not(:empty) {
		margin-bottom: var(--base-margin-2);
	}
}
/* .tt-global-container {
	min-height: calc(
		100vh - var(--footer-height) - var(--base-margin-2) - 31vh
	); 
} */
.global-wrap {
	background: url(../../img/bbblurry-sm.png);

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--tt-grey-lighterer);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		z-index: -1;
		opacity: 0.56;
	}
}

.title-excerpt {
	text-align: center;
	max-width: 68rem;
	margin-inline: auto;
	margin-bottom: var(--base-margin-15);
	& p {
		line-height: var(--semicondensed-line-height);
		font-size: var(--tt-font-size-base-lg);
		color: var(--tt-grey-darker);
		text-wrap: balance;
	}
	& .display {
		opacity: 0;
		transform: translateY(25%);
	}
	& .post-title {
		color: var(--tt-purple-darkish);
	}
}
.candidate-lookup-header {
	margin-inline: auto;
	max-width: 68rem;
	text-align: center;
	place-content: center;
	display: flex;
	flex-direction: column;
	gap: var(--base-margin-05);
	margin-bottom: var(--base-margin-2);

	& .overline-lg {
		margin-inline: auto;
		color: var(--tt-grey-main);
	}
	& h2 {
		display: flex;
		margin-inline: auto;
	}
}

.candidate-lookup-wrapper {
	display: grid;
	transition: var(--quick-ease-out);
	grid-template-columns: repeat(auto-fit, minmax(36rem, 1fr));
	align-items: center;
	gap: var(--base-margin-2) var(--base-margin);
	&:not(:last-child) {
		margin-bottom: var(--base-margin-05);
	}

	& .candidate-lookup-result {
		border-radius: var(--b-rad-md);
		background-color: var(--tt-neutral-ui-lighterer);

		display: flex;
		flex-direction: column;

		height: 100%;
		outline: 1px solid var(--tt-neutral-ui-lighter);
		&.party-labor .candidate-quote .quotation-marks svg {
			color: var(--labor-red);
		}
		&.party-shooters-fishers-and-farmers
			.candidate-quote
			.quotation-marks
			svg {
			color: var(--sff-blue);
		}
		&.party-liberal {
			.candidate-quote .quotation-marks svg {
				color: var(--liberal-blue);
			}
		}
		&.party-greens {
			.candidate-quote .quotation-marks svg {
				color: var(--greens-green);
			}
		}
		&.party-independent {
			.candidate-quote .quotation-marks svg {
				color: var(--indi-teal);
			}
		}
		&.party-nationals {
			.candidate-quote .quotation-marks svg {
				color: var(--nationals-green);
			}
		}
		&:has(.candidate-lookup-result-position.unclear) {
			& .candidate-quote {
				font-style: italic;
				color: var(--tt-grey-main);
			}
			& .quotation-marks {
				opacity: 0.5;
			}
		}

		& .candidate-image-details-wrapper {
			display: grid;
			grid-template-columns: auto 1fr;
			column-gap: var(--base-margin-075);
			/* margin-bottom: var(--base-margin-075); */
			align-items: center;
			padding: var(--base-margin);
			border-bottom: 1px solid var(--tt-neutral-ui-lighter);
			--img-size: 6.8rem;
			transition: var(--quick-ease-out);
			& img {
				width: var(--img-size);
				aspect-ratio: 1;
				border-radius: 50%;
				align-self: self-start;
				object-fit: cover;
				box-shadow: var(--card-shadow-xs);
			}
			& .position-explanation {
				transition: var(--quick-ease-out);
				font-variation-settings: var(--fw-normal);
				color: var(--tt-neutral-ui-darkish);
				width: calc(100% - var(--base-margin-05));
				padding-block: 0;
				grid-template-rows: 0fr;
				display: grid;
				grid-column: 1 / span 2;
				& .position-explanation-inner {
					overflow: hidden;
					line-height: var(--semicondensed-line-height);
					& .strong {
						font-variation-settings: var(--fw-xbold);
						position: relative;
						color: var(--tt-grey-dark);
						padding: 0 var(--base-margin-0125) 0;
						z-index: 1;
						display: inline-block;
						&::before {
							content: '';
							position: absolute;
							top: 50%;
							left: 0;
							background-color: var(--tt-neutral-ui-lighter);
							width: 100%;
							height: calc(100% + var(--base-margin-00625));
							z-index: -1;
							transform: translateY(-50%);
							border-radius: var(--b-rad-md);
						}
					}
				}
			}
		}
	}

	& .candidate-details {
		align-items: center;
		gap: var(--base-margin-05);

		width: 100%;
		align-self: self-start;
		margin-top: calc(
			0.5 *
				(
					var(--img-size) - 1.5px -
						(
							var(--tt-font-size-base) *
								var(--condensed-line-height)
						) - var(--base-margin-05) -
						(var(--tt-font-size-base-sm) * 1.5)
				)
		);
		& .candidate-details-name-party {
			/* align-items: center; */
			/* place-content: center; */
			display: flex;
			width: 100%;
			flex-flow: wrap;
			row-gap: var(--base-margin-025);

			align-items: center;
			& .candidate-lookup-result-name {
				margin-right: var(--base-margin-05);
				line-height: var(--condensed-line-height);
			}
		}
		& .candidate-lookup-result-position {
			display: grid;

			font-variation-settings: var(--fw-semibold);
			font-size: var(--tt-font-size-xs);

			grid-template-rows: auto auto;
			transition: var(--quick-ease-out);
			&:has(.expanded) {
				& .expand-icon {
					transform: rotate(180deg);
				}
			}
			& svg {
				width: 1.5ch;
				display: flex;
			}

			& .icon-summary-wrapper {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				align-self: self-start;
				font-size: var(--tt-font-size-base-sm);
			}

			& .position-icon {
				display: flex;
				align-items: center;
				gap: var(--base-margin-0375);
				text-align: left;
				color: var(--tt-neutral-ui-dark);
				& .icon-svg {
					height: 1.5em;
					width: 1.5em;
					& svg {
						height: 100%;
						width: 100%;
					}
				}
				& .will-vote {
					align-items: center;
					display: flex;
					flex-wrap: wrap;
				}
			}
			&.supports .position-icon .icon-svg svg {
				color: var(--alert-red);
			}
			&.opposes .position-icon .icon-svg svg {
				color: var(--tt-mint-darker);
			}
			&.unclear .position-icon .icon-svg svg {
				color: var(--tt-toffee-lighter);
			}
			& .thumb-svg {
				display: inline-flex;
				width: fit-content;
				margin-inline: var(--base-margin-025);

				& svg {
					color: var(--tt-neutral-ui-main);
				}
			}
		}

		& .candidate-details-inner {
			display: inline-flex;
			flex-direction: column;
			gap: var(--base-margin-05);
			width: 100%;
		}
		& .candidate-lookup-result-party {
			padding: var(--base-margin-025) var(--base-margin-075)
				calc(var(--base-margin-025) * 0.682);
			line-height: var(--condensed-line-height);
			border-radius: var(--base-margin);
			display: inline-block;
			font-size: var(--tt-font-size-xxxs);
			text-transform: uppercase;
			letter-spacing: 0.125em;
			font-variation-settings: var(--fw-xbold);
		}

		& .Labor {
			background-color: var(--labor-red);
			color: var(--tt-white-main);
		}
		& .Liberal {
			background-color: var(--liberal-blue);
			color: var(--tt-white-main);
		}
		& .Shooters {
			background-color: var(--sff-blue);
			color: var(--tt-white-main);
		}
		& .Greens {
			background-color: var(--greens-green);
			color: var(--tt-white-main);
		}
		& .Independent {
			background-color: var(--indi-teal);
		}
		& .Nationals {
			background-color: var(--nationals-green);
			color: var(--tt-white-main);
		}
	}

	& .candidate-quote {
		flex-grow: 1;
		border-bottom: 1px solid var(--tt-neutral-ui-lighter);
		background-color: var(--tt-neutral-ui-lightest);
		padding: var(--base-margin);
		margin-bottom: 0;
		border-radius: var(--b-rad-md) var(--b-rad-md) 0 0;

		& .quotation-marks {
			height: 1em;
			width: 1em;
			display: inline-block;
			margin-right: 0;
			& svg {
				color: var(--tt-neutral-ui-main);
			}
		}
		& p {
			margin: 0;
		}
		& mark {
			z-index: 0;
		}
	}
	.candidate-image-details-wrapper:has(.expanded) {
		padding-bottom: var(--base-margin-025);
		& .candidate-details:has(.expanded) + .position-explanation {
			opacity: 1;
			transition: var(--quick-ease-out);
			padding-block: var(--base-margin-05) var(--base-margin-025);
			grid-template-rows: 1fr;
		}
	}
	.quote-type-wrapper {
		display: inline-flex;
		gap: var(--base-margin-025);
		align-items: center;
		& .quote-type-icon {
			height: 1.2rem;
			width: 1.2rem;
			display: block;
			color: var(--tt-grey-lighterish);
			align-self: self-start;
			& svg {
				height: 100%;
				width: 100%;
			}
		}
	}
	.candidate-quote-details {
		width: 100%;
		color: var(--tt-grey-main);
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: var(--base-margin-05) var(--base-margin);
		& .quote-date-wrapper {
			margin-bottom: 0;
		}
		& .candidate-quote-date,
		& .source-svg-wrap {
			font-variation-settings: var(--fw-semibold);
			margin-right: var(--base-margin-025);
		}

		& .source-svg-wrap {
			display: flex;
			gap: var(--base-margin-025);
			align-items: center;
		}
		& .source-svg {
			height: 1.6rem;
			width: 1.6rem;
			display: inline-block;
			& svg {
				height: 1.6rem;
				width: 1.6rem;

				color: var(--tt-neutral-ui-main);

				&:hover {
					color: var(--tt-violet-main);
					transform: scale(1.1);
				}
			}
		}
		& :not(:last-child) {
			margin-right: var(--base-margin-05);
		}
	}
}
.expand-icon {
	mask: unset;
	background-color: unset;
	height: fit-content;
	width: unset;
	animation: unset;
	transition: var(--gentle-ease-out);
}

.candidate-party-selector {
	display: flex;
	flex-wrap: wrap;
	gap: var(--base-margin-025) var(--base-margin-05);
	align-content: center;
	& .base-xs:has(#candidate-count-live) {
		border-radius: var(--b-rad-lg);
		height: fit-content;
		padding: var(--base-margin-025) var(--base-margin-075);
		font-size: var(--tt-font-size-xxxs);
		text-transform: uppercase;
		letter-spacing: 0.125em;

		transition: var(--quick-ease-out);
		outline: 1px solid var(--tt-neutral-ui-main);
		outline-offset: -1px;
		line-height: normal;
		&:has(#candidate-count-live.change) {
			animation: change-bg 0.32s forwards;
		}
	}
	#candidate-count-live {
		&.change {
			animation: change 0.32s forwards;
		}
	}

	& .candidate-party-selector-button {
		border-radius: var(--b-rad-lg);
		height: fit-content;
		padding: var(--base-margin-025) var(--base-margin-075);
		font-size: var(--tt-font-size-xxxs);
		text-transform: uppercase;
		letter-spacing: 0.125em;
		font-variation-settings: var(--fw-xbold);
		transition: var(--quick-ease-out);
		&[data-party='Labor'] {
			background-color: var(--labor-red);
			color: var(--tt-white-main);
			&:hover {
				background-color: var(--labor-red-hover);
			}
		}
		&[data-party='Shooters, Fishers and Farmers'] {
			background-color: var(--sff-blue);
			color: var(--tt-white-main);
			&:hover {
				background-color: var(--sff-blue-hover);
			}
		}
		&[data-party='Liberal'] {
			background-color: var(--liberal-blue);
			color: var(--tt-white-main);
			&:hover {
				background-color: var(--liberal-blue-hover);
			}
		}
		&[data-party='Greens'] {
			background-color: var(--greens-green);
			color: var(--tt-white-main);
			&:hover {
				background-color: var(--greens-green-hover);
			}
		}
		&[data-party='Independent'] {
			background-color: var(--indi-teal);

			&:hover {
				background-color: var(--indi-teal-hover);
			}
		}
		&[data-party='Nationals'] {
			background-color: var(--nationals-green);
			color: var(--tt-white-main);
			&:hover {
				background-color: var(--nationals-green-hover);
			}
		}
	}

	&
		[data-party='Shooters, Fishers and Farmers'].disabled
		+ .candidate-lookup-result:has(
			.candidate-lookup-result-party.Shooters,
			Fishers and Farmers
		) {
		display: none;
	}
	&
		[data-party='Liberal'].disabled
		+ .candidate-lookup-result:has(.candidate-lookup-result-party.Liberal) {
		display: none;
	}
}
.candidate-party-selector-button.disabled {
	filter: grayscale(100%);
	opacity: 0.5;
}
.candidates-header {
	margin-bottom: var(--base-margin);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	column-gap: var(--base-margin);
	row-gap: var(--base-margin-05);
	& h4 {
		margin-bottom: 0;
	}
}
.candidates-header:has(button[data-party='Labor'].disabled)
	+ .candidate-lookup-wrapper
	.candidate-lookup-result.party-labor {
	display: none;
}
.candidates-header:has(
		button[data-party='Shooters, Fishers and Farmers'].disabled
	)
	+ .candidate-lookup-wrapper
	.candidate-lookup-result.party-shooters-fishers-and-farmers {
	display: none;
}
.candidates-header:has(button[data-party='Liberal'].disabled)
	+ .candidate-lookup-wrapper
	.candidate-lookup-result.party-liberal {
	display: none;
}
.candidates-header:has(button[data-party='Greens'].disabled)
	+ .candidate-lookup-wrapper
	.candidate-lookup-result.party-greens {
	display: none;
}
.candidates-header:has(button[data-party='Independent'].disabled)
	+ .candidate-lookup-wrapper
	.candidate-lookup-result.party-independent {
	display: none;
}
.candidates-header:has(button[data-party='Nationals'].disabled)
	+ .candidate-lookup-wrapper
	.candidate-lookup-result.party-nationals {
	display: none;
}

/* .col-wrap {
	position: absolute;

	width: 100%;
	height: 100vh;
	z-index: -1;
	opacity: 1;
	top: 0;
	left: 0;
	mask: url('../../img/blob-candidate-vert.svg') no-repeat center center;
	mask-composite: subtract;

	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url('../../img/MacquariePoint.avif') no-repeat center center;
	}

	&::after {
		mask: var(--linear-gradient-transparent-to-black);
		mask-size: contain;
		background-color: var(--tt-grey-lighterest);

		z-index: 1;
		content: '';
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
} */
#postcode_followup_form,
#postcode_form {
	/* position: relative; */
	overflow: visible;
	position: relative;
	& .input-container:has(#postcode) {
		margin-bottom: 0;
	}

	/* &::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 40rem;
		mask: url('../../img/blob-candidate-vert.svg') no-repeat center center;
		mask-size: contain;
		height: 40rem;
		background-color: var(--tt-grey-lighterest);
		transform: translate(-50%, -50%);
		z-index: -1;
	} */
	& .form-body-container {
		position: relative;
	}
}

.followup-form-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--base-margin-2);
	/* align-items: center; */
	/* justify-content: center; */
	/* justify-items: center; */
	/* align-content: center; */
	margin-inline: auto;
	padding-block: var(--base-margin-4) var(--base-margin-2);
	width: 100%;
	position: relative;
	& .followup-form-text h3 {
		color: var(--tt-purple-main);
		margin-bottom: var(--base-margin-05);
		font-variation-settings: var(--fw-bold);
	}
	& .followup-form-text .subheading-sm {
		color: var(--tt-purple-lighter);
	}
	&::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100vw;
		height: 100%;
		border-block: 1px solid var(--tt-purple-lighter);
		background-color: var(--tt-neutral-ui-lighter);
		z-index: -1;
	}
	&.hidden + .faq-wrapper {
		display: none;
	}
	@media (max-width: 768px) {
		grid-template-columns: 1fr;
		&::before {
			content: none;
		}
		& .followup-form-image-wrapper {
			grid-row: 1;
			grid-column: 1;
			z-index: -1;
			max-width: 64rem;
			margin-inline: auto;
			margin-bottom: var(--base-margin-2);
		}
		& .followup-form-text-and-form {
			margin-inline: auto;
			position: relative;
			z-index: 1;
			&::before {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100vw;
				height: calc(100% + var(--base-margin-4));
				border-block: 1px solid var(--tt-purple-lighter);
				background-color: var(--tt-neutral-ui-lighter);
				z-index: -1;
			}
		}
	}
}
.followup-form-image-wrapper {
	position: sticky;
	top: var(--nav-height);
	height: fit-content;
}
.followup-form-image-inner {
	display: block;
	object-fit: contain;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
}

.followup-form-image-outer {
	z-index: 0;
	background-color: var(--tt-purple-light);
	mask: url('../../img/demosaus-nobg-outer.png') no-repeat center center;
	mask-size: contain;
	height: auto;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.followup-form-text-and-form {
	display: flex;
	flex-direction: column;
	gap: var(--base-margin-15);
	max-width: min(456px, 100% + 8px);
}
/* .candidate-lookup-faq .faq-item:not(:last-child) {
	margin-bottom: var(--base-margin);
} */

.faq-item .faq-question::after {
	content: unset;
}

.election-period-bg {
	position: fixed;
	top: 0;
	z-index: 1000;

	left: 0;
	width: 100%;
	height: 100dvh;
	background: var(--linear-gradient-transparent-to-black);
	opacity: 1;
	overflow: hidden;
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--tt-black-main);
		opacity: 0.5;
	}

	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		backdrop-filter: blur(10px);
		opacity: 1;
		z-index: 1;
		pointer-events: none;
		height: 100%;
	}
}

div.election-period {
	position: absolute;
	bottom: 0;
	z-index: 1000;
	left: 0;
	width: 100dvw;
	height: 100dvh;
	opacity: 1;
	place-content: end;
}

.election-period-inner-wrapper {
	position: relative;

	width: 100%;
	height: 100%;
	z-index: 1001;
	max-height: calc(80vh - var(--nav-height));
	pointer-events: auto;

	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 100dvw;
		height: min(14.4rem, 20vw);
		background-color: var(--tt-apple-light);
		mask: url('../../img/wave-warning.svg') no-repeat center center;
		mask-size: contain;
		z-index: -1;
		transform: translate(-50%, calc(-100% + 1px));
	}
	&::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 100dvw;
		height: 100%;
		background: linear-gradient(
			181.6deg,
			var(--tt-apple-light),
			var(--tt-apple-darkish)
		);
		transform: translatex(-50%);
		z-index: -1;
	}
}

.election-period-inner {
	position: relative;
	display: grid;
	grid-template-columns: 1fr var(--tt-form-width);
	column-gap: var(--base-margin-3);
	max-width: calc(var(--tt-form-width) * 2 + var(--base-margin-2));
	width: 100%;
	padding: 0 var(--base-margin);
	margin: 0 auto var(--base-margin-2);
	z-index: 1001;
	max-height: calc(80vh - var(--base-margin-2) - var(--nav-height));
	overflow-y: auto;
	overscroll-behavior-y: contain;
	/* -webkit-overflow-scrolling: touch; */
	/* touch-action: pan-y; */
	overflow-x: hidden;

	color: var(--tt-white-main);
	@media (max-width: 830px) {
		display: flex;
		max-width: calc(var(--tt-form-width) + var(--base-margin-2));

		flex-direction: column;
		& .election-header {
			margin-bottom: var(--base-margin-15);
		}
	}

	& .election-period-warning {
		margin-bottom: var(--base-margin-05);
		color: var(--tt-toffee-lighterest);

		grid-column: 1;
		padding: var(--base-margin-025) var(--base-margin-05);
		border-radius: var(--b-rad-lg);
		background-color: var(--tt-apple-lightish);
		width: fit-content;
		line-height: var(--condensed-line-height);
		display: flex;
		align-items: center;
		& .warning-icon {
			height: 1.6rem;
			width: 1.6rem;
			margin-right: var(--base-margin-05);
			display: flex;
		}
		& .overline {
			font-variation-settings: var(--fw-black);
			margin-top: calc((var(--condensed-line-height) * 0.5em) - 0.5em);
		}
	}

	& .election-header {
		grid-column: 1;
		& .header-2 {
			color: var(--tt-toffee-lighterest);
			transform: rotate(-1.6deg) translateX(-0.4rem);
			letter-spacing: -0.0102em;
			& #banned {
				color: var(--tt-toffee-lightest);
				font-variation-settings: var(--fw-heavy);
			}
		}
		& p {
			line-height: var(--semicondensed-line-height);
			color: var(--tt-apple-lightest);
		}
	}
	& form {
		position: relative;
		grid-column: 2;
		z-index: 1001;
		& .checkbox-container input:checked + label.checkbox-label {
			color: var(--tt-toffee-lighterest);
			cursor: pointer;
			&::before {
				background-color: var(--tt-toffee-lighterest);
			}
		}
		& .error-message.error-message:not(:empty),
		& .success-message.success-message:not(:empty) {
			background-color: var(--tt-white-main);
			border-radius: var(--b-rad-lg);
			line-height: var(--semicondensed-line-height);
			padding: var(--base-margin-0125) var(--base-margin-05);
		}
	}
}

@keyframes change {
	0% {
		font-variation-settings: var(--fw-xbold);
		color: var(--tt-purple-main);
	}
	100% {
		font-variation-settings: var(--fw-normal);
		color: var(--tt-black-main);
	}
}

@keyframes change-bg {
	0% {
		outline-color: var(--tt-purple-light);
	}
	100% {
		outline-color: var(--tt-neutral-ui-main);
	}
}

body.election-period-active {
	overflow: hidden !important;
	height: 100dvh !important;
	& #page {
		margin-bottom: 0 !important;
	}
	& .global-wrap {
		margin-bottom: 0 !important;
	}
	& .tt-global-container {
		min-height: 100dvh !important;
		margin-bottom: 0 !important;
	}
	& .clip-container {
		display: none;
	}
}