:root {
	--e-global-color-primary: #4353ff;
	--e-global-color-secondary: #38d996;
	--e-global-color-text: #1a1a1a;
	--e-global-color-accent: #4353ff;
	--e-global-color-light: #f5f5f5;
	--color-text: #757575;
	--color-border: #e7e7e7;
	--color-border-hard: #d9d9d9;
	--color-white: #fff;
	--color-neutral-transparent: rgba(159, 159, 159, .3);
	--color-overlay: rgba(26, 26, 26, .4);
	--e-global-typography-primary-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
	--e-global-typography-primary-font-weight: 700;
	--e-global-typography-secondary-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
	--e-global-typography-secondary-font-weight: 600;
	--e-global-typography-text-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
	--e-global-typography-accent-font-weight: 500;
	--line-height-default: 1.6;
	--line-height-paragraph: 1.75;
	--letter-spacing-default: -.027em;
	--letter-spacing-small: .04em;
	--font-size-default: 14px;
	--font-size-paragraphs: 16px;
	--font-size-main-menu: 16px;
	--global-border-radius: 12px;
	--button-border-radius: 25px;
	--box-shadow: 0 40px 60px 0 rgba(0, 0, 0, 5%);
	--global-transition: all .2s cubic-bezier(.455, .03, .515, .955);
	--image-transition: all .7s cubic-bezier(.2, 1, .22, 1);
	--container-max-width: 1240px;
	--listIndent: 2.5em;
	--listItemSpacing: .3em;
	--content-spacing: 1.5em;
	--small-content-spacing: .75rem;
	--headings-content-spacing: calc(.3em + 10px);
	--column-spacing: 20px;
	--vertical-spacing: 100px;
	--titlebar-spacing: 100px;
	--mobile-spacing: 50px;
	--sidebar-width: 25%;
	--sidebar-widgets-spacing: 50px;
	--grid-columns-gap: 30px;
	--component-height: 50px;
	--button-padding: 25px;
	--header-height: 70px;
	--block-width: 850px;
	--logo-height: 32px;
	--keydesign-post-title: 32px;
	--icon-font-size: 35px;
	--icon-large-font-size: 45px;
	--admin-bar: 0px;
	--transparent-navigation-position: sticky;
}

@media (max-width:766.98px) {
	:root {
		--small-content-spacing: .5rem;
		--sidebar-widgets-spacing: 30px;
		--component-height: 50px;
	}
}

@media (min-width:767px) and (max-width:1023.98px) {
	:root {
		--block-width: 100%;
	}
}