@font-face {
	font-family: NauryzRedKeds;
	src: url(/syrnikipokoleniy/assets/NauryzRedKeds-Chh9Gm01.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: TT Fors;
	src: url(/syrnikipokoleniy/assets/TTFors-Regular-BlHt6Crd.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: TT Fors;
	src: url(/syrnikipokoleniy/assets/TTFors-Medium-Me09mEhs.woff2) format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: TT Fors;
	src: url(/syrnikipokoleniy/assets/TTFors-Bold-BvJCFmE9.woff2) format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: TT Fors;
	src: url(/syrnikipokoleniy/assets/TTFors-Black-CuUvBKDD.woff2) format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

:root {
	--brand: #68040e;
	--brand-dark: #520309;
	--paper: #f8f8f5;
	--milk: #fff7ef;
	--cherry: #8d170f;
	--ink: #181714;
	--font-display: "NauryzRedKeds", "Arial Black", system-ui, sans-serif;
	--font-sans: "TT Fors", system-ui, -apple-system, "Segoe UI", sans-serif
}

.syrniki {
	font-family: var(--font-sans);
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	overflow-x: clip;
	padding-top: env(safe-area-inset-top, 0px);
	padding-bottom: env(safe-area-inset-bottom, 0px)
}

.syrniki *,
.syrniki *:before,
.syrniki *:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0 solid
}

.syrniki h1,
.syrniki h2,
.syrniki h3,
.syrniki p {
	font-size: inherit;
	font-weight: inherit
}

.syrniki ol,
.syrniki ul {
	list-style: none
}

.syrniki img,
.syrniki picture,
.syrniki svg {
	display: block;
	max-width: 100%;
	height: auto;
	position: static;
	flex: 0 0 auto;
	transition: none
}

.syrniki a {
	color: inherit;
	text-decoration: inherit
}

.syrniki button {
	font: inherit;
	color: inherit;
	background: none;
	cursor: pointer
}

@media(prefers-reduced-motion:reduce) {

	.syrniki *,
	.syrniki *:before,
	.syrniki *:after {
		animation: none !important;
		transition: none !important
	}
}

.syrniki .visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap
}

@media(max-width:1023.98px) {
	.syrniki .desktop-only {
		display: none !important
	}
}

@media(min-width:1024px) {
	.syrniki .mobile-only {
		display: none !important
	}
}

.syrniki .promo-header {
	background: var(--brand)
}

.syrniki .promo-header__inner {
	container-type: inline-size;
	position: relative;
	padding: 12.037vw 0 9.63vw;
	text-align: center
}

.syrniki .promo-header__side {
	position: absolute;
	bottom: calc(9.63vw + 1.667cqi);
	color: var(--milk);
	font-weight: 600;
	font-size: 2.963cqi;
	line-height: 1;
	letter-spacing: -.02em
}

.syrniki .promo-header__side--left {
	left: 0
}

.syrniki .promo-header__side--right {
	right: 0
}

.syrniki .promo-header__title {
	color: var(--milk);
	font-family: var(--font-display);
	font-size: 7.407cqi;
	line-height: 1.06
}

.syrniki .promo-header__line {
	display: block
}

@media(min-width:1024px) {
	.syrniki .promo-header__inner {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
		gap: 24px;
		padding: clamp(40px, 5.73vw, 110px) 0
	}

	.syrniki .promo-header__side {
		position: static;
		font-size: clamp(16px, 1.757cqi, 32px);
		line-height: .8
	}

	.syrniki .promo-header__side--left {
		order: 1
	}

	.syrniki .promo-header__title {
		order: 2;
		font-size: clamp(28px, 5.168cqi, 94px)
	}

	.syrniki .promo-header__side--right {
		order: 3
	}

	.syrniki .promo-header__line {
		white-space: nowrap
	}
}

.syrniki .page {
	background: var(--paper);
	font-family: var(--font-sans);
	color: #171717;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.syrniki .hero__img {
	display: block;
	flex: 0 0 auto;
	transition: none;
	width: 100%;
	aspect-ratio: 1080 / 720;
	object-fit: cover
}

@media(min-width:1024px) {
	.syrniki .hero__img {
		aspect-ratio: 1921 / 524;
		object-position: left
	}
}

.syrniki .bonus__stage {
	position: relative;
	container-type: inline-size;
	aspect-ratio: 1080 / 1679
}

.syrniki .bonus__card {
	position: absolute;
	left: 14.63%;
	top: 14.89%;
	width: 70.741%;
	height: 69.387%;
	border-radius: 9999px;
	background: var(--cherry);
	padding-top: 34.815cqi;
	text-align: center
}

.syrniki .bonus__content {
	position: relative;
	z-index: 20;
	display: flex;
	flex-direction: column;
	align-items: center
}

.syrniki .bonus__title {
	color: var(--milk);
	font-family: var(--font-display);
	font-size: max(20px, 6.046cqi);
	line-height: 1
}

.syrniki .bonus__pill {
	rotate: -2deg;
	border-radius: 9999px;
	border: max(1px, .204cqi) solid rgb(255 247 239 / .4);
	color: var(--milk);
	font-weight: 500;
	font-size: max(10px, 2.889cqi);
	line-height: .88;
	padding: .954cqi 1.815cqi 1.213cqi
}

.syrniki .bonus__text {
	margin-top: 2.176cqi;
	max-width: max(180px, 42.963cqi);
	color: var(--milk);
	font-size: max(11px, 2.222cqi);
	line-height: 1.1;
	letter-spacing: -.02em
}

.syrniki .bonus__btn {
	margin-top: 3.38cqi;
	display: inline-block;
	border-radius: 9999px;
	background: var(--milk);
	color: var(--cherry);
	font-weight: 500;
	font-size: max(11px, 3.028cqi);
	line-height: .88;
	letter-spacing: -.02em;
	padding: 1.667cqi 3.546cqi 2.028cqi
}

.syrniki .bonus__btn:hover {
	background: var(--paper)
}

.syrniki .bonus__btn:focus-visible {
	outline: 4px solid rgb(255 247 239 / .6)
}

.syrniki .bonus__decor {
	position: absolute;
	display: block;
	flex: 0 0 auto;
	transition: none;
	z-index: 10
}

.syrniki .bonus__decor--m38 {
	left: 42.037%;
	top: 80.977%;
	width: 16.87%
}

.syrniki .bonus__decor--124 {
	left: 43.889%;
	top: 67.373%;
	width: 10.37%
}

.syrniki .bonus__decor--127 {
	left: 74.074%;
	top: 36.212%;
	width: 7.324%
}

.syrniki .bonus__decor--128 {
	left: 86.25%;
	top: 25.862%;
	width: 10.635%
}

.syrniki .bonus__decor--129 {
	left: 1.852%;
	top: 57.117%;
	width: 20.861%
}

.syrniki .bonus__decor--salmon {
	z-index: 9;
	left: 52.157%;
	top: 62.692%;
	width: 43.889%;
	rotate: -9.1deg
}

.syrniki .bonus__decor--131 {
	left: 77.778%;
	top: 12.091%;
	width: 27.685%
}

.syrniki .bonus__decor--132 {
	left: 82.037%;
	top: 12.865%;
	width: 9.176%
}

.syrniki .bonus__decor--striped {
	left: 58.056%;
	top: 13.758%;
	width: 37.5%
}

.syrniki .bonus__decor--134 {
	left: 84.63%;
	top: 62.942%;
	width: 12.204%;
	rotate: -9.2deg
}

.syrniki .bonus__decor--135 {
	left: 54.296%;
	top: 21.144%;
	width: 7.917%
}

.syrniki .bonus__decor--136 {
	left: 51.944%;
	top: 23.175%;
	width: 4.722%
}

.syrniki .bonus__decor--139 {
	left: 8.667%;
	top: 15.783%;
	width: 10.185%
}

.syrniki .bonus__decor--140 {
	left: 18.296%;
	top: 9.708%;
	width: 10.222%
}

.syrniki .bonus__decor--cherry {
	left: 9.87%;
	top: 8.338%;
	width: 45.093%
}

.syrniki .bonus__decor--142 {
	left: 5.37%;
	top: 77.606%;
	width: 14.343%
}

.syrniki .bonus__decor--cloud {
	left: 2.593%;
	top: 60.453%;
	width: 44.722%
}

.syrniki .bonus__decor--155 {
	z-index: 30;
	left: 61.198%;
	top: 72.759%;
	width: 8.281%
}

.syrniki .bonus__tag {
	position: absolute;
	z-index: 10;
	translate: -50% -50%;
	white-space: nowrap;
	border-radius: 9999px;
	border: max(1px, .185cqi) solid var(--cherry);
	background: var(--milk);
	text-align: center;
	color: var(--cherry);
	font-weight: 500;
	font-size: max(9px, 2.037cqi);
	line-height: .88;
	padding: .88cqi 1.667cqi 1.111cqi
}

.syrniki .bonus__tag--generation {
	left: 15.694%;
	top: 24.58%;
	rotate: -7deg
}

.syrniki .bonus__tag--together {
	left: 79.781%;
	top: 43.483%;
	rotate: 8deg
}

.syrniki .bonus__nail {
	position: absolute;
	z-index: 30;
	left: 47.278%;
	top: 75.2%;
	translate: -50% -50%;
	rotate: 38deg;
	font-family: var(--font-display);
	color: var(--milk);
	font-size: 6cqi;
	line-height: 1
}

@media(min-width:1024px) {
	.syrniki .bonus__stage {
		aspect-ratio: 1920 / 870
	}

	.syrniki .bonus__card {
		left: 11.979%;
		top: 25.287%;
		width: 76.042%;
		height: auto;
		border-radius: 12.24cqi;
		padding: 2.812cqi 0 2.865cqi
	}

	.syrniki .bonus__title {
		font-size: clamp(26px, 3.125cqi, 60px)
	}

	.syrniki .bonus__pill {
		margin-top: clamp(12px, .781cqi, 15px);
		border-width: 2px;
		font-size: clamp(12px, 1.491cqi, 28.63px);
		padding: clamp(8px, .495cqi, 9.5px) clamp(14px, .938cqi, 18px) clamp(10px, .625cqi, 12px)
	}

	.syrniki .bonus__text {
		margin-top: clamp(16px, 1.146cqi, 22px);
		max-width: 27.396cqi;
		font-size: clamp(11px, 1.146cqi, 22px)
	}

	.syrniki .bonus__btn {
		margin-top: clamp(24px, 2.083cqi, 40px);
		font-size: clamp(13px, 1.562cqi, 30px);
		padding: clamp(12px, .862cqi, 16.56px) clamp(20px, 1.83cqi, 35.13px) clamp(14px, 1.046cqi, 20.08px)
	}

	.syrniki .bonus__decor--124 {
		left: 27.135%;
		top: 57.034%;
		width: 5.833%
	}

	.syrniki .bonus__decor--127 {
		left: 66.057%;
		top: 45.184%;
		width: 4.12%
	}

	.syrniki .bonus__decor--129 {
		left: 1.042%;
		top: 42.989%;
		width: 11.734%
	}

	.syrniki .bonus__decor--salmon {
		z-index: 10;
		left: 67.448%;
		top: 41.034%;
		width: 24.688%;
		rotate: 0deg
	}

	.syrniki .bonus__decor--131 {
		left: 73.906%;
		top: .46%;
		width: 15.573%
	}

	.syrniki .bonus__decor--132 {
		left: 81.625%;
		top: 12.161%;
		width: 5.161%
	}

	.syrniki .bonus__decor--striped {
		left: 62.813%;
		top: 3.678%;
		width: 21.094%
	}

	.syrniki .bonus__decor--134 {
		left: 88.021%;
		top: 45.172%;
		width: 6.865%;
		rotate: 0deg
	}

	.syrniki .bonus__decor--135 {
		left: 59.656%;
		top: 16.782%;
		width: 4.453%
	}

	.syrniki .bonus__decor--136 {
		left: 58.333%;
		top: 20.701%;
		width: 2.656%
	}

	.syrniki .bonus__decor--139 {
		left: 11.406%;
		top: 16.897%;
		width: 5.729%
	}

	.syrniki .bonus__decor--140 {
		left: 16.823%;
		top: 5.172%;
		width: 5.75%
	}

	.syrniki .bonus__decor--cherry {
		left: 12.083%;
		top: 2.529%;
		width: 25.365%
	}

	.syrniki .bonus__decor--142 {
		left: 5.469%;
		top: 76.782%;
		width: 8.068%
	}

	.syrniki .bonus__decor--cloud {
		left: 3.906%;
		top: 43.678%;
		width: 25.156%
	}

	.syrniki .bonus__tag {
		border-width: 2px;
		font-size: clamp(12px, 1.146cqi, 22px);
		padding: .495cqi .938cqi .625cqi
	}

	.syrniki .bonus__tag--generation {
		left: 13.276%;
		top: 30.425%
	}

	.syrniki .bonus__nail {
		left: 29.042%;
		top: 72.138%;
		font-size: 3.372cqi
	}
}

.syrniki .calendar__stage {
	position: relative;
	container-type: inline-size;
	aspect-ratio: 1080 / 1457
}

.syrniki .calendar__bg {
	position: absolute;
	display: block;
	flex: 0 0 auto;
	transition: none;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.syrniki .calendar__decor {
	position: absolute;
	display: block;
	flex: 0 0 auto;
	transition: none
}

.syrniki .calendar__decor--home-photo {
	left: 5.938%;
	top: 37.341%;
	width: 13.021%
}

.syrniki .calendar__decor--alpha-photo {
	left: 83.385%;
	top: 66.549%;
	width: 12.917%
}

.syrniki .calendar__decor--striped {
	left: 17.24%;
	top: 78.713%;
	width: 14.167%
}

.syrniki .calendar__decor--razryv {
	left: 18.021%;
	top: 93.14%;
	width: 11.823%
}

.syrniki .calendar__decor--80 {
	left: 30.625%;
	top: 83.734%;
	width: 4.115%
}

.syrniki .calendar__decor--127 {
	left: 34.219%;
	top: 84.795%;
	width: 4.115%
}

.syrniki .calendar__decor--cloud {
	left: 25.417%;
	top: 59.477%;
	width: 17.552%
}

.syrniki .calendar__decor--85 {
	left: 57.76%;
	top: 39.25%;
	width: 5.938%
}

.syrniki .calendar__decor--86 {
	left: 57.76%;
	top: 35.997%;
	width: 5.938%
}

.syrniki .calendar__decor--cherry {
	left: 61.927%;
	top: 20.297%;
	width: 14.948%
}

.syrniki .calendar__decor--salmon {
	left: 72.135%;
	top: 34.017%;
	width: 16.146%
}

.syrniki .calendar__decor--101 {
	left: 74.115%;
	top: 69.802%;
	width: 7.031%
}

.syrniki .calendar__decor--102 {
	left: 71.771%;
	top: 72.489%;
	width: 4.115%
}

.syrniki .calendar__decor--103 {
	left: 79.948%;
	top: 70.156%;
	width: 2.448%
}

.syrniki .calendar__decor--millennials {
	left: 0;
	top: 53.324%;
	width: 21.979%
}

.syrniki .calendar__decor--zoomers {
	left: 63.594%;
	top: 50.636%;
	width: 10.521%
}

.syrniki .calendar__decor--120 {
	left: 18.333%;
	top: 60.325%;
	width: 8.646%
}

.syrniki .calendar__decor--121 {
	left: 18.229%;
	top: 65.771%;
	width: 9.583%
}

.syrniki .calendar__decor--134 {
	left: 27.24%;
	top: 53.182%;
	width: 6.458%
}

.syrniki .calendar__week {
	position: absolute;
	left: 44.951%
}

.syrniki .calendar__week--home {
	top: 32.178%
}

.syrniki .calendar__week--res {
	top: 46.464%
}

.syrniki .calendar__week--vibe {
	top: 59.123%
}

.syrniki .calendar__week--dopa {
	top: 72.277%
}

.syrniki .calendar__name {
	font-weight: 500;
	font-size: 1.562cqi;
	line-height: .9;
	letter-spacing: -.02em
}

.syrniki .calendar__desc {
	font-size: 1.083cqi;
	line-height: 1;
	color: #030303
}

.syrniki .calendar__week--home .calendar__name {
	line-height: .83;
	color: #030303
}

.syrniki .calendar__week--home .calendar__desc {
	margin-top: .469cqi
}

.syrniki .calendar__week--res .calendar__name {
	line-height: .8;
	color: #1d3021
}

.syrniki .calendar__week--res .calendar__desc {
	margin-top: .156cqi
}

.syrniki .calendar__week--vibe .calendar__name,
.syrniki .calendar__week--dopa .calendar__name {
	color: var(--milk)
}

.syrniki .calendar__week--vibe .calendar__desc,
.syrniki .calendar__week--dopa .calendar__desc {
	color: var(--milk);
	line-height: .88
}

.syrniki .calendar__week--vibe .calendar__desc {
	margin-top: .26cqi
}

.syrniki .calendar__week--dopa .calendar__desc {
	margin-top: .521cqi
}

.syrniki .calendar__note {
	position: absolute;
	left: 11.823%;
	top: 88.826%;
	translate: -50% -50%;
	rotate: -5deg;
	color: var(--milk);
	font-size: 1.083cqi;
	line-height: .88
}

.syrniki .calendar__highlight {
	position: absolute;
	background: #fffae4;
	padding: 0 .521cqi;
	color: var(--ink);
	font-size: 1.083cqi;
	line-height: .95;
	letter-spacing: -.02em;
	white-space: nowrap
}

.syrniki .calendar__highlight--1 {
	left: 20%;
	top: 46.965%
}

.syrniki .calendar__highlight--2 {
	left: 23.75%;
	top: 48.31%
}

.syrniki .calendar__title {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	text-align: center;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: clamp(28px, 3.125cqi, 60px);
	line-height: 1
}

.syrniki .calendar__glyph {
	position: absolute;
	translate: -50% -50%;
	font-family: var(--font-display);
	color: var(--milk);
	font-size: 3.372cqi;
	line-height: 1
}

.syrniki .calendar__glyph--nail {
	left: 9.922%;
	top: 74.859%;
	rotate: 38deg
}

.syrniki .calendar__glyph--heart {
	left: 84.323%;
	top: 61.103%;
	rotate: 30deg
}

.syrniki .calendar__chip {
	position: absolute;
	translate: -50% -50%;
	white-space: nowrap;
	border-radius: 9999px;
	font-weight: 500;
	line-height: .88;
	letter-spacing: -.02em;
	padding: .323cqi .651cqi .391cqi
}

.syrniki .calendar__chip--alpha {
	left: 14.271%;
	top: 84.972%;
	rotate: -1deg;
	background: #fff7fa;
	color: #363636;
	font-size: 1.133cqi
}

.syrniki .calendar__chip--x {
	left: 85.807%;
	top: 32.249%;
	rotate: 7deg;
	background: #fffae4;
	color: #1d3021;
	font-size: 1.237cqi
}

.syrniki .calendar__list {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap
}

.syrniki .calendar__cta {
	position: absolute;
	left: 45.833%;
	top: 90.311%
}

.syrniki .calendar__btn {
	display: inline-block;
	border-radius: 9999px;
	background: var(--cherry);
	color: var(--milk);
	font-weight: 500;
	font-size: clamp(16px, 1.562cqi, 30px);
	line-height: .88;
	letter-spacing: -.02em;
	padding: clamp(12px, .865cqi, 16.6px) clamp(20px, 1.828cqi, 35.1px) clamp(14px, 1.047cqi, 20.1px)
}

.syrniki .calendar__btn:hover {
	background: var(--brand)
}

.syrniki .calendar__btn:focus-visible {
	outline: 4px solid rgb(141 23 15 / .4)
}

@media(min-width:1024px) {
	.syrniki .calendar__stage {
		aspect-ratio: 1920 / 1414
	}

	.syrniki .calendar__title {
		left: 13.594%;
		top: 15.559%;
		width: 74.948%;
		height: auto;
		margin: 0;
		overflow: visible;
		clip: auto;
		white-space: normal
	}
}

.syrniki .vote__stage {
	position: relative;
	container-type: inline-size;
	padding: 17.315vw 0 21.019vw
}

.syrniki .vote__star {
	position: absolute;
	display: block;
	flex: 0 0 auto;
	transition: none;
	pointer-events: none;
	left: 84.801%;
	top: -4.699cqi;
	width: 22.833%;
	rotate: 30deg
}

.syrniki .vote__title {
	position: relative;
	text-align: center;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: 5.556cqi;
	line-height: 1
}

.syrniki .vote__title-line {
	display: block
}

.syrniki .vote__title-accent {
	color: var(--cherry);
	font-size: 5.926cqi
}

.syrniki .vote__list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 3.056cqi;
	row-gap: 5.278cqi;
	width: 83.796%;
	margin: 10.741cqi auto 0
}

.syrniki .vote__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center
}

.syrniki .vote__media {
	position: relative;
	width: 100%
}

.syrniki .vote__photo {
	display: block;
	flex: 0 0 auto;
	transition: none;
	width: 100%;
	border-radius: 3.843cqi
}

.syrniki .vote__tag {
	position: absolute;
	translate: -50% -50%;
	white-space: nowrap;
	border-radius: 9999px;
	font-weight: 500;
	font-size: max(9px, 2.468cqi);
	line-height: .88;
	letter-spacing: -.02em;
	padding: .644cqi 1.299cqi .78cqi
}

.syrniki .vote__tag--x {
	left: 14.45%;
	top: 86.39%;
	rotate: 7deg;
	background: #ffd25f;
	color: #1d3021
}

.syrniki .vote__tag--mill {
	left: 20.18%;
	top: 9.6%;
	rotate: -11deg;
	border: max(1px, .289cqi) solid #fff;
	background: #b3c748;
	color: #1d3021
}

.syrniki .vote__tag--z {
	left: 77.75%;
	top: 7.45%;
	rotate: 12deg;
	background: #ea9f97;
	color: #fff
}

.syrniki .vote__tag--alpha {
	left: 75.23%;
	top: 89.83%;
	rotate: -11deg;
	background: #70aee1;
	color: #fff
}

.syrniki .vote__name {
	margin-top: 1.667cqi;
	color: #1d3021;
	font-weight: 500;
	font-size: max(11px, 3.117cqi);
	line-height: .9;
	letter-spacing: -.02em
}

.syrniki .vote__name--home {
	color: #030303
}

.syrniki .vote__btn {
	margin-top: 3.639cqi;
	border-radius: 9999px;
	background: var(--cherry);
	color: var(--milk);
	font-weight: 500;
	font-size: max(11px, 3.117cqi);
	line-height: .88;
	letter-spacing: -.02em;
	padding: 1.722cqi 3.648cqi 2.093cqi
}

.syrniki .vote__btn:hover {
	background: var(--brand)
}

.syrniki .vote__btn:focus-visible {
	outline: 4px solid rgb(141 23 15 / .4)
}

@media(min-width:1024px) {
	.syrniki .vote__stage {
		padding: max(40px, 8.021cqi) 0 max(48px, 8.6cqi)
	}

	.syrniki .vote__star {
		left: 90.708%;
		top: 3.094cqi;
		width: 16.542%;
		rotate: 0deg
	}

	.syrniki .vote__title {
		font-size: clamp(24px, 3.125cqi, 60px)
	}

	.syrniki .vote__title-accent {
		font-size: clamp(26px, 3.333cqi, 64px)
	}

	.syrniki .vote__list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		column-gap: 1.531cqi;
		row-gap: 0;
		width: 85.57%;
		margin-top: max(32px, 3.49cqi)
	}

	.syrniki .vote__photo {
		border-radius: max(16px, 1.927cqi)
	}

	.syrniki .vote__tag {
		font-size: clamp(11px, 1.237cqi, 23.75px);
		padding: clamp(4px, .323cqi, 6.2px) clamp(8px, .651cqi, 12.5px) clamp(5px, .391cqi, 7.5px)
	}

	.syrniki .vote__tag--x {
		left: 9.83%;
		top: 86.6%
	}

	.syrniki .vote__tag--mill {
		left: 20.16%;
		top: 9.47%;
		border-width: clamp(1.5px, .145cqi, 2.78px)
	}

	.syrniki .vote__tag--z {
		left: 77.68%;
		top: 7.57%
	}

	.syrniki .vote__tag--alpha {
		left: 79.88%;
		top: 89.76%
	}

	.syrniki .vote__name {
		margin-top: max(14px, .833cqi);
		font-size: clamp(15px, 1.562cqi, 30px)
	}

	.syrniki .vote__btn {
		margin-top: max(14px, 1.823cqi);
		font-size: clamp(15px, 1.562cqi, 30px);
		padding: clamp(10px, .865cqi, 16.6px) clamp(18px, 1.828cqi, 35.1px) clamp(12px, 1.047cqi, 20.1px)
	}
}

.syrniki .thanks {
	margin: auto;
	width: 80vw;
	overflow: hidden;
	border: 0;
	border-radius: 4.944vw;
	background: var(--cherry);
	padding: 0;
	color: #fff
}

.syrniki .thanks::backdrop {
	background: #18171499
}

.syrniki .thanks__stage {
	position: relative;
	container-type: inline-size;
	aspect-ratio: 1149 / 509
}

.syrniki .thanks__title {
	position: absolute;
	left: 11.488%;
	top: 27.308%;
	width: 77.024%;
	text-align: center;
	color: #fff;
	font-family: var(--font-display);
	font-size: 8.355cqi;
	line-height: 1
}

.syrniki .thanks__decor {
	position: absolute;
	display: block;
	flex: 0 0 auto;
	transition: none;
	pointer-events: none;
	max-width: none
}

.syrniki .thanks__decor--star {
	left: 76.588%;
	top: -44.204%;
	width: 34.987%
}

.syrniki .thanks__decor--flower {
	left: -9.574%;
	top: 34.381%;
	width: 21.532%
}

.syrniki .thanks__decor--12 {
	left: 68.668%;
	top: -3.143%;
	width: 21.871%
}

.syrniki .thanks__decor--14 {
	left: 2.176%;
	top: 27.505%;
	width: 13.203%
}

.syrniki .thanks__decor--19 {
	left: 72.15%;
	top: 46.365%;
	width: 27.842%
}

.syrniki .thanks__nail {
	position: absolute;
	pointer-events: none;
	left: 14.473%;
	top: 79.43%;
	translate: -50% -50%;
	rotate: 16deg;
	font-family: var(--font-display);
	color: var(--milk);
	font-size: 9.413cqi;
	line-height: 1
}

.syrniki .thanks__close {
	position: absolute;
	left: 3.307%;
	top: 7.662%;
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	width: max(32px, 3.829cqi);
	border-radius: 9999px;
	background: #fff3;
	color: #fffc
}

.syrniki .thanks__close:hover {
	background: #ffffff4d
}

.syrniki .thanks__close:focus-visible {
	outline: 4px solid rgb(255 255 255 / .6)
}

.syrniki .thanks__close svg {
	width: 47.7%
}

@media(min-width:1024px) {
	.syrniki .thanks {
		width: min(1149px, 92vw);
		border-radius: clamp(24px, 3.7vw, 71px)
	}
}

.syrniki .container {
	margin: 0 auto;
	max-width: 90%;
	box-sizing: border-box;
	position: relative
}

@media screen and (max-width:1023px) {
	.syrniki .container {
		width: 91.467vw
	}
}

@media screen and (min-width:768px)and (max-width:1023px)and (orientation:portrait) {
	.syrniki .container {
		width: 68.60025vw
	}
}

@media screen and (min-width:1440px) {
	.syrniki .container {
		width: 1120px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.syrniki .container {
		width: 82.353vw
	}
}

.syrniki .container-xl {
	box-sizing: border-box;
	color: #36242a;
	max-width: 90%;
	margin: 0 auto;
	position: relative
}

@media screen and (max-width:1023px) {
	.syrniki .container-xl {
		width: 91.467vw
	}
}

@media screen and (min-width:768px)and (max-width:1023px)and (orientation:portrait) {
	.syrniki .container-xl {
		width: 68.6003vw
	}
}

@media screen and (min-width:1440px) {
	.syrniki .container-xl {
		width: 1776px
	}
}

@media screen and (min-width:1024px)and (max-width:1439px) {
	.syrniki .container-xl {
		width: 82.353vw
	}
}