:root {
	--rem-base: 10px;
	--base-font-size: 22px;
	--base-line-height: 1.4;
	--base-font-weight: 400;
	--vertical-rhythm: calc(var(--base-line-height) * 0.65em);
	--font-size-s: 18px;
	--line-height-s: 1.2;
	--font-size-l: 26px;
	--font-karla: "Karla";
	--base-main-font: var(--font-karla);
	--base-font-sans-serif: "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	--base-font-serif: "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	--base-font: var(--base-main-font), var(--base-font-sans-serif);
	--accent-font: var(--base-font-serif);
	--color-white: #fff;
	--color-white--rgb: 255, 255, 255;
	--color-white--darken: #ccc;
	--color-white--lighten: white;
	--color-biedge: #faf6f3;
	--color-biedge--rgb: 250, 246, 243;
	--color-biedge--darken: #dcc0ab;
	--color-biedge--lighten: white;
	--color-black: #3f3b37;
	--color-black--rgb: 63, 59, 55;
	--color-black--darken: rgb(8.5423728814, 8, 7.4576271186);
	--color-black--lighten: rgb(131.0720338983, 122.75, 114.4279661017);
	--color-pink-200: #faeeec;
	--color-pink-200--rgb: 250, 238, 236;
	--color-pink-200--darken: rgb(228.75, 165.75, 155.25);
	--color-pink-200--lighten: white;
	--color-pink-300: #f9e5e0;
	--color-pink-300--rgb: 249, 229, 224;
	--color-pink-300--darken: rgb(232.4594594595, 157.3243243243, 138.5405405405);
	--color-pink-300--lighten: white;
	--color-pink-400: #e6cfc9;
	--color-pink-400--rgb: 230, 207, 201;
	--color-pink-400--darken: rgb(197.7215189873, 145.0253164557, 131.2784810127);
	--color-pink-400--lighten: white;
	--color-pink-800: #c74554;
	--color-pink-800--rgb: 199, 69, 84;
	--color-pink-800--darken: rgb(127.5867768595, 38.4132231405, 48.7024793388);
	--color-pink-800--lighten: rgb(228.5041322314, 166.9958677686, 174.0929752066);
	--color-pink-900: #a73240;
	--color-pink-900--rgb: 167, 50, 64;
	--color-pink-900--darken: rgb(88.5023041475, 26.4976958525, 33.9170506912);
	--color-pink-900--lighten: rgb(216.866359447, 127.633640553, 138.3110599078);
	--color-yellow-200: #f9f7e6;
	--color-yellow-200--rgb: 249, 247, 230;
	--color-yellow-200--darken: rgb(229.2580645161, 220.6774193548, 147.7419354839);
	--color-yellow-200--lighten: white;
	--color-yellow-250: #f8efe5;
	--color-yellow-250--rgb: 248, 239, 229;
	--color-yellow-250--darken: rgb(226.3636363636, 189.5454545455, 148.6363636364);
	--color-yellow-250--lighten: white;
	--color-yellow-300: #fff0df;
	--color-yellow-300--rgb: 255, 240, 223;
	--color-yellow-300--darken: rgb(255, 192.1875, 121);
	--color-yellow-300--lighten: white;
	--color-yellow-400: #f1e8b2;
	--color-yellow-400--rgb: 241, 232, 178;
	--color-yellow-400--darken: rgb(225.3076923077, 206.2197802198, 91.6923076923);
	--color-yellow-400--lighten: white;
	--color-yellow-500: #ffe5b1;
	--color-yellow-500--rgb: 255, 229, 177;
	--color-yellow-500--darken: #ffc34b;
	--color-yellow-500--lighten: white;
	--color-green-200: #ecf5ec;
	--color-green-200--rgb: 236, 245, 236;
	--color-green-200--darken: rgb(169.1724137931, 209.8275862069, 169.1724137931);
	--color-green-200--lighten: white;
	--color-green-300: #dbe7db;
	--color-green-300--rgb: 219, 231, 219;
	--color-green-300--darken: rgb(157.8, 190.2, 157.8);
	--color-green-300--lighten: white;
	--color-purple-200: #f0f2ff;
	--color-purple-200--rgb: 240, 242, 255;
	--color-purple-200--darken: rgb(138, 153.6, 255);
	--color-purple-200--lighten: white;
	--color-purple-300: #d9dcf1;
	--color-purple-300--rgb: 217, 220, 241;
	--color-purple-300--darken: rgb(142.4615384615, 151.3461538462, 213.5384615385);
	--color-purple-300--lighten: white;
	--brand-color: var(--color-black);
	--accent-color: var(--color-pink-900);
	--accent-blog-color: var(--accent-color);
	--caption-color: var(--color-black);
	--pink-to-orange: linear-gradient(180deg, #faeeec 0%, #faf6f3 45.77%, #f9f7e6 98.15%);
	--orange-to-pink: linear-gradient(180deg, #f8efe5 0%, #f8f1ec 13.21%, #f7f1ef 98.15%);
	--pink-to-pink: linear-gradient(180deg, #faeeec 0%, #faf6f3 22.47%, #faf6f3 52.4%);
	--base-text-color: var(--color-black);
	--base-link-color: var(--accent-color);
	--h1-h6-color: var(--accent-color);
	--animation-duration: 0.3s;
	--animation-timing-function: ease;
	--container: 1320px;
	--radius: 10px;
	--radius-md: 15px;
	--radius-lg: 20px;
	--gutter: 30px;
	--spacing-60: 60px;
	--spacing-40: 40px;
	--spacing-30: 30px;
	--spacing-20: 20px;
	--py: 60px;
	--offset-header: 64px;
	--admin-bar-h: 32px;
	--input-x: 1rem;
	--input-y: 1rem;
	--input-color: var(--color-black);
	--input-placeholder-color: var(--color-black);
	--input-bg-color: var(--color-pink-200);
	--input-radius: 0;
	--input-border: 1px;
	--input-border-color: transparent;
	--input-focus-border-color: var(--color-pink-800);
	--input-fz: var(--base-font-size);
	--input-lh: var(--base-line-height);
	--form-theme-color: var(--brand-color);
	--checkbox-size: 2rem;
	--radio-size: 2rem;
	--label-fz: var(--base-font-size);
	--label-lh: 1.2;
	--label-color: currentColor;
	--error-color: var(--color-pink-800);
	--error-bg-color: var(--color-pink-300);
	--form-col-gutter: 2rem;
	--form-row-margin: var(--form-col-gutter) * 1.5;
	--swiper-pagination-color: var(--accent-color);
	--swiper-pagination-left: auto;
	--swiper-pagination-right: 8px;
	--swiper-pagination-bottom: 8px;
	--swiper-pagination-top: auto;
	--swiper-pagination-fraction-color: inherit;
	--swiper-pagination-progressbar-bg-color: var(--accent-color);
	--swiper-pagination-progressbar-size: 4px;
	--swiper-pagination-bullet-size: 10px;
	--swiper-pagination-bullet-width: 10px;
	--swiper-pagination-bullet-height: 10px;
	--swiper-pagination-bullet-border-radius: 50%;
	--swiper-pagination-bullet-inactive-color: var(--accent-color);
	--swiper-pagination-bullet-inactive-opacity: 0.2;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bullet-vertical-gap: 6px;
	--h1: 75px;
	--h2: 50px;
	--h3: 35px;
	--h4: 30px;
	--h5: 28px;
	--h6: 24px;
}
@media (max-width: 1279px) {
	:root {
		--h1: 60px;
		--h2: 45px;
		--h3: 32px;
		--h4: 26px;
		--h5: 25px;
		--h6: 20px;
	}
}
@media (max-width: 1199px) {
	:root {
		--base-font-size: 20px;
		--font-size-l: 22px;
	}
}
@media (max-width: 1023px) {
	:root {
		--py: 40px;
	}
}
@media (max-width: 782px) {
	:root {
		--admin-bar-h: 46px;
	}
}
@media (max-width: 767px) {
	:root {
		--base-font-size: 18px;
		--font-size-s: 16px;
		--font-size-l: 20px;
	}
	:root {
		--py: 30px;
	}
	:root {
		--h1: 50px;
		--h2: 40px;
		--h3: 30px;
		--h4: 25px;
		--h5: 24px;
		--h6: 20px;
	}
}
@media (min-width: 812px) and (max-height: 414px) and (orientation: landscape) {
	:root {
		--gutter: 50px;
	}
}