@import	url('https://fonts.googleapis.com/css?family=Roboto:700,400,300,100&subset=latin,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700,400,300,100&subset=latin,cyrillic-ext');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: rubl;
  src: url(/files/fonts/Rubl.otf);
  font-display: swap;
}

:root {
	--color-00: #000000;
	--color-02: #050505;
	--color-05: #0d0d0d;
	--color-20: #333333;
	--color-25: #404040;
	--color-50: #808080;
	--color-75: #bfbfbf;
	--color-85: #d9d9d9;
	--color-95: #f2f2f2;
	--color-98: #fafafa;
	--color-100: #ffffff;
	--color-primary: #262626;
	--color-accent: #4441E8;
	--color-accent-dark: #3532BA;
	--color-accent-light: #D8D8FE;
	--color-navy: #1e0f69;
	--color-gray: #DADADA;
	--color-gray-light: #f5f5f7;
	--color-gray-dark: #7B7B7B;
	--color-attention: #BD0707;
	--color-success: #00AC86;
	--color-button: #0080C6;
	--color-focus: #076ca7;
	--color-active: #4441E8;
	--color-warning: #d0ca66;
}

:root {
	--margin: 0;
	--s: 5px;
	--s-half: 2.5px;
	--s2: 10px;
	--s3: 15px;
	--s4: 20px;
	--s5: 25px;
	--s6: 30px;
	--s10: 50px;
	--s20: 100px;
	--width: 100%;
	--height: 100%;
	--font: 'Inter Tight',sans-serif;
	--font-default: 18px;
	--font-small: 14px;
	--font-tiny: 12px;
	--font-medium: 22px;
	--font-large: 24px;
	--font-xlarge: 28px;
	--font-extra: 30px;
	--border: 1px solid var(--color-gray-light);
	--shadow: 0 0 12px rgba(0,0,0,0.3);
}

@media screen and (max-width: 768px) {
	:root {
		--s: 5px;
		--s-half: 2.5px;
		--s2: 10px;
		--s3: 15px;
		--s4: 20px;
		--s5: 25px;
		--s6: 30px;
		--s10: 50px;
		--s20: 100px;
		--font-small: 12px;
		--font-medium: 28px;
		--font-large: 24px;
		--font-xlarge: 28px;
		--font-extra: 30px;
	}
}

@media screen and (max-width: 480px) {

}