.cy-thanks {
	background: var(--cy-surface-page);
	color: var(--cy-text-primary);
}

.ty-hero {
	background: var(--cy-surface-band);
	overflow: hidden;
	padding: 120px 0;
	position: relative;
}

.ty-hero .ty-head {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 900px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.ty-hero h1 {
	color: var(--cy-text-primary);
	font: var(--cy-display-md);
	font-size: var(--cy-type-display-md-size);
	line-height: var(--cy-type-display-md-line);
	margin: 0;
}

.ty-hero .ty-lede {
	color: var(--cy-text-secondary);
	font: var(--cy-body-lg);
	font-size: var(--cy-type-body-lg-size);
	line-height: var(--cy-type-body-lg-line);
	margin: 0;
}

.ty-hero .ty-glyphs {
	height: 100%;
	inset: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.ty-doc {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 120px 0 80px;
}

.cy-thanks .pdf-embed-container {
	border: 0;
	border-radius: 0;
	flex-direction: column;
	margin: 0 auto;
	max-width: 900px;
	overflow: clip;
	width: 100%;
	z-index: 0;
}

.cy-thanks .pdf-embed-container, .cy-thanks .pdf-toolbar {
	align-items: center;
	display: flex;
	gap: 24px;
	height: auto;
	position: relative;
}

.cy-thanks .pdf-toolbar {
	background: none;
	justify-content: center;
	order: -1;
}

.cy-thanks .pdf-toolbar .btn-wrapper {
	align-items: center;
	background: var(--cy-surface-raised);
	border: 1px solid var(--cy-border-subtle);
	border-radius: var(--cy-radius-pill);
	box-sizing: border-box;
	display: flex;
	gap: 24px;
	height: 41px;
	justify-content: center;
	padding: 0 24px;
}

.cy-thanks .pdf-toolbar button {
	background: none;
	border: 0;
	color: var(--cy-text-secondary);
	cursor: pointer;
	font: var(--cy-label-md);
	font-size: var(--cy-type-label-md-size);
	height: auto;
	line-height: var(--cy-type-label-md-line);
	margin: 0;
	padding: 0;
}

.cy-thanks .pdf-toolbar button:focus, .cy-thanks .pdf-toolbar button:hover {
	background: none;
	color: var(--cy-text-primary);
}

.cy-thanks .pdf-toolbar #page-info {
	color: var(--cy-text-muted);
	font-size: var(--cy-type-label-md-size);
	left: 100%;
	line-height: var(--cy-type-label-md-line);
	margin-left: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
}

.cy-thanks .pdf-viewer {
	aspect-ratio: 900/1165;
	background: var(--cy-surface-band);
	border: 1px solid var(--cy-border-subtle);
	border-radius: var(--cy-radius-md);
	height: auto;
	max-width: 900px;
	overflow: auto;
	width: 100%;
}

.cy-thanks .pdf-viewer canvas {
	display: block;
	width: 100%;
}

.cy-thanks .pdf-viewer canvas:not(.rendered) {
	background: var(--cy-surface-band);
}

.cy-thanks .pdf-loader {
	background: var(--cy-surface-raised);
	border-radius: var(--cy-radius-sm);
	color: var(--cy-text-muted);
	font-size: var(--cy-type-caption-size);
	line-height: var(--cy-type-caption-line);
}

.ty-doc-open {
	display: none;
}

.ty-video {
	aspect-ratio: 16/9;
	background: var(--cy-surface-band);
	border-radius: var(--cy-radius-md);
	max-width: 900px;
	overflow: hidden;
	width: 100%;
}

.ty-video iframe {
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
}

.cy-thanks .cy-resources {
	padding: 80px 0 120px;
}

@media (max-width: 1080px) {
	.ty-hero {
		padding: 80px 0;
	}
	
	.ty-doc {
		padding: 80px 0 64px;
	}
	
	.cy-thanks .pdf-toolbar .btn-wrapper {
		flex-wrap: wrap;
		height: auto;
		justify-content: center;
		min-height: 41px;
	}
	
	.cy-thanks .cy-resources {
		padding: 64px 0 80px;
	}
}

@media (max-width: 720px) {
	.ty-hero {
		padding: 64px 0 40px;
	}
	
	.ty-doc {
		padding: 56px 0 48px;
	}
	
	.ty-doc-open {
		align-self: stretch;
		display: block;
		margin: 16px 0 0;
	}
	
	.ty-doc-open .cy-btn-primary {
		justify-content: center;
		width: 100%;
	}
	
	.cy-thanks .pdf-toolbar .btn-wrapper {
		gap: 16px;
		padding: 12px 16px;
	}
	
	.cy-thanks .pdf-toolbar {
		display: none;
	}
	
	.cy-thanks .pdf-viewer {
		aspect-ratio: auto;
		max-height: none;
		overflow: hidden;
	}
	
	.cy-thanks .pdf-viewer canvas:not(:first-of-type) {
		display: none;
	}
}