.aside-disclaimer.svelte-10y0mrs {
		border-bottom: 4px solid black;
		background-color: #70f206;
		padding: 0.4rem;
		color: black;
		margin: 0;
		width: 100%;
		text-align: center;
		font-size: 1rem;
		font-family: serif;

		p:where(.svelte-10y0mrs) {
			margin: 0;
		}
	}

	.container.svelte-10y0mrs {
		height: 100%;
		min-height: 100%;
		min-width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		margin: 0;
		padding: 0 8px 8px 8px;
		font-family: serif;
	}

	header.svelte-10y0mrs {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding-top: 1rem;

		.header-content:where(.svelte-10y0mrs) {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.title-container:where(.svelte-10y0mrs) {
			display: flex;
			flex-wrap: wrap;
			gap: 0.2rem;
			padding: 1rem 0;
		}

		.main-title:where(.svelte-10y0mrs) {
			font-size: 3rem;
			margin: 0 0 0 1rem;
			line-height: 1.2;
			font-weight: bold;
		}

		.hero-image:where(.svelte-10y0mrs) {
			width: 20rem;
			height: auto;
			display: block;
			border: 1rem ridge rgb(211 220 50 / 0.6);
			margin: 2rem 0;
		}

		.title-html-gif:where(.svelte-10y0mrs) {
			margin-bottom: -1rem;
			width: 5rem;
			height: 3.5rem;
		}

		.title-texas-gif:where(.svelte-10y0mrs) {
			margin-left: 1rem;
			margin-top: -0.2rem;
			width: 5rem;
			height: 4rem;
		}
	}

	.rsvp-widget.svelte-10y0mrs {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		border: 5px dotted black;
		position: fixed;
		right: 0.5rem;
		top: 17rem;
		background: white;
		padding: 1rem;
		z-index: 1000;

		.rsvp-title:where(.svelte-10y0mrs) {
			margin: 0;
			padding: 0.2rem;
			margin-top: 0.2rem;
			font-weight: bold;
			color: #70f206;
			background-color: black;
			font-size: 1.5rem;
		}

		.rsvp-button:where(.svelte-10y0mrs) {
			width: 100%;
			height: auto;
		}
	}

	main.svelte-10y0mrs {
		display: flex;
		flex: 1;
		flex-direction: column;
		width: 100%;
		height: 100%;
		max-width: 800px;
		padding: 1rem;
		gap: 1rem;
	}

	details.svelte-10y0mrs {
		border: 2px solid black;
		border-radius: 3px;
		position: relative;
		font-size: 1.2rem;
		width: 100%;

		p:where(.svelte-10y0mrs),
		div:where(.svelte-10y0mrs) {
			padding: 0.5rem;
		}
	}

	.details-what-is-this.svelte-10y0mrs {
		position: relative;
	}

	summary.svelte-10y0mrs {
		color: black;
		font-size: 2rem;
		padding: 0;
		width: 100%;
		cursor: cell;
		line-height: 1.2;
	}

	summary.svelte-10y0mrs + :where(.svelte-10y0mrs) {
		margin-top: 0.8rem;
	}

	details.svelte-10y0mrs > :where(.svelte-10y0mrs):last-child {
		margin-bottom: 0.8rem;
	}

	summary.svelte-10y0mrs:hover,
	details[open].svelte-10y0mrs summary:where(.svelte-10y0mrs) {
		background-color: black;
		color: #70e106;
	}

	.dance-gif.svelte-10y0mrs {
		width: 6rem;
		height: auto;
		float: right;
		margin-right: 0.5rem;
	}

	.you-gif.svelte-10y0mrs {
		height: 4rem;
		width: auto;
		padding: 1rem;
		padding-bottom: 0;
	}

	.sun-gif.svelte-10y0mrs {
		margin-bottom: -0.1rem;
		display: inline;
	}

	.expectations-grid.svelte-10y0mrs {
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
		margin-top: 1rem;

		img:where(.svelte-10y0mrs) {
			height: 3rem;
			width: auto;
		}

		img:where(.svelte-10y0mrs):last-child {
			height: 5rem;
		}
	}

	.schedule-table.svelte-10y0mrs {
		table-layout: fixed;
		width: 100%;
		margin: -2rem auto 1rem auto;
		border-collapse: collapse;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;

		.schedule-caption:where(.svelte-10y0mrs) {
			padding: 1em;
			padding-left: 0.2rem;
			font-style: italic;
			font-weight: bold;
			font-size: 1.2rem;
			caption-side: top;
			letter-spacing: 1px;
			text-align: left;
		}

		tbody:where(.svelte-10y0mrs) tr:where(.svelte-10y0mrs):nth-child(odd) {
			background-color: #eee;
		}

		th:where(.svelte-10y0mrs),
		td:where(.svelte-10y0mrs) {
			vertical-align: top;
			padding: 0.3em;
		}

		tr:where(.svelte-10y0mrs) :where(.svelte-10y0mrs):nth-child(2) {
			text-align: left;
			width: 75%;
		}

		tr:where(.svelte-10y0mrs) :where(.svelte-10y0mrs):nth-child(1) {
			text-align: left;
			width: 25%;
		}
	}

	footer.svelte-10y0mrs {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
		margin: 0 0 2rem 0;
		gap: 0.5rem;
		font-size: 1.1rem;

		p:where(.svelte-10y0mrs) {
			margin: 0;
		}
	}