dialog[data-v-3b22f67a] {
	background-color: transparent;
	box-sizing: border-box;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	overflow: auto;
	padding: 3rem 0;
	position: fixed;
	width: 100%;
}
dialog[open][data-v-3b22f67a] {
	align-content: center;
	align-items: center;
	display: flex;
}
dialog[data-v-3b22f67a]::backdrop {
	background-color: #000c;
}
.close-header[data-v-3b22f67a] {
	display: flex;
	justify-content: flex-end;
	padding-right: 0.75rem;
	padding-top: 0.75rem;
}
@media (min-width: 768px) {
	.close-header[data-v-3b22f67a] {
		padding-right: 1rem;
		padding-top: 1rem;
	}
}
.close-button[data-v-3b22f67a] {
	align-items: center;
	display: flex;
	height: 2rem;
	justify-content: center;
	width: 2rem;
}
@media (min-width: 768px) {
	.close-button[data-v-3b22f67a] {
		height: 3rem;
		width: 3rem;
	}
}
.close-button[data-v-3b22f67a]:hover {
	color: #d07600;
}
.close-button svg[data-v-3b22f67a] {
	height: 1rem;
	width: 1rem;
}
.backdrop[data-v-3b22f67a] {
	background-color: transparent;
	cursor: pointer;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
}
:where(.content[data-v-3b22f67a]) {
	background: #fff;
	border-radius: 1.5rem;
	box-sizing: border-box;
	color: #111827;
	margin: auto;
	max-width: 720px;
	min-height: 80px;
	overflow: auto;
	position: relative;
	width: calc(
		100% -
			clamp(2rem, calc(2rem + (3 - 2) * ((100vw - 48rem) / (90 - 48))), 3rem)
	);
}