@font-face
{
	font-weight:400;
	font-family:IBM Plex Sans;
	src:url(https://finance.amolab.ru/fonts/IBMPlexSans-Regular.woff2) format("woff2"),url(https://finance.amolab.ru/fonts/IBMPlexSans-Regular.woff) format("woff")
}

@font-face
{
	font-weight:500;
	font-family:IBM Plex Sans;
	src:url(https://finance.amolab.ru/fonts/IBMPlexSans-Medium.woff2) format("woff2"),url(https://finance.amolab.ru/fonts/IBMPlexSans-Medium.woff) format("woff")
}

@font-face
{
	font-weight:600;
	font-family:IBM Plex Sans;
	src:url(https://finance.amolab.ru/fonts/IBMPlexSans-SemiBold.woff2) format("woff2"),url(https://finance.amolab.ru/fonts/IBMPlexSans-SemiBold.woff) format("woff")
}

@font-face
{
	font-weight:700;
	font-family:IBM Plex Sans;
	src:url(https://finance.amolab.ru/fonts/IBMPlexSans-Bold.woff2) format("woff2"),url(https://finance.amolab.ru/fonts/IBMPlexSans-Bold.woff) format("woff")
}

body
{
	font-family:var(--primary-font-family)
}

:root
{
	--primary-font-family:"IBM Plex Sans",Helvetica,"Segoe UI",Arial,serif;
	--light-shades-2:var(--neutral-2);
	--primary-shadow-color:45,75,162;
	--elevation-1:0 2px 1px rgba(var(--primary-shadow-color),0.02),0 2px 8px rgba(var(--primary-shadow-color),0.12);
	--elevation-2:0 2px 2px rgba(var(--primary-shadow-color),0.02),0 4px 16px rgba(var(--primary-shadow-color),0.12);
	--elevation-3:0 2px 4px rgba(var(--primary-shadow-color),0.02),0 6px 24px rgba(var(--primary-shadow-color),0.12);
	--elevation-4:0 2px 8px rgba(var(--primary-shadow-color),0.02),0 8px 32px rgba(var(--primary-shadow-color),0.12);
	--elevation-5:0 2px 12px rgba(var(--primary-shadow-color),0.04),0 12px 40px rgba(var(--primary-shadow-color),0.12);
	--elevation-6:0 2px 16px rgba(var(--primary-shadow-color),0.04),0 16px 48px rgba(var(--primary-shadow-color),0.12);
	--elevation-7:0 2px 20px rgba(var(--primary-shadow-color),0.04),0 20px 56px rgba(var(--primary-shadow-color),0.12);
	--elevation-8:0 2px 24px rgba(var(--primary-shadow-color),0.04),0 24px 64px rgba(var(--primary-shadow-color),0.12);
	--purple-normal:#6654d9;
	--purple-toxic:#725ef2;
	--purple-dark:#5f4eca;
	--purple-light:#b0a7e9;
	--purple-fade:#f6f5fd;
	--orange-normal:#f65121;
	--yellow-green:#e0ff23;
	--green-normal:#22c993;
	--green-dark:#1fb887;
	--green-toxic:#26e0a4;
	--green-fade:#edfcf7;
	--red-normal:#f2363b;
	--red-dark:#e10007;
	--red-toxic:#ff4448;
	--red-fade:#fff4f4;
	--yellow-normal:#ffcf40;
	--yellow-dark:#ffc400;
	--yellow-toxic:#fff237;
	--yellow-fade:#fffae5;
	--neutral-100:#000;
	--neutral-95:#0a0b0f;
	--neutral-90:#14161f;
	--neutral-85:#1f222e;
	--neutral-80:#2b2e3b;
	--neutral-75:#373a49;
	--neutral-70:#434756;
	--neutral-65:#4f5364;
	--neutral-60:#5b5f71;
	--neutral-55:#666b7f;
	--neutral-50:#73788c;
	--neutral-45:#818697;
	--neutral-40:#8f93a3;
	--neutral-35:#9c9fb0;
	--neutral-30:#a9acbc;
	--neutral-25:#b7b9c8;
	--neutral-20:#c6c7d2;
	--neutral-15:#d4d4dd;
	--neutral-10:#e3e3e8;
	--neutral-4:#eff0f5;
	--neutral-2:#f4f5fa;
	--neutral-0:#fff;
	--black-opacity-100:#000;
	--black-opacity-96:rgba(20,22,31,0.96);
	--black-opacity-88:rgba(31,34,46,0.88);
	--black-opacity-80:rgba(31,34,46,0.8);
	--black-opacity-72:rgba(31,34,46,0.72);
	--black-opacity-64:rgba(31,34,46,0.64);
	--black-opacity-56:rgba(31,34,46,0.56);
	--black-opacity-48:rgba(31,34,46,0.48);
	--black-opacity-40:rgba(31,34,46,0.4);
	--black-opacity-32:rgba(31,34,46,0.32);
	--black-opacity-24:rgba(31,34,46,0.24);
	--black-opacity-16:rgba(31,34,46,0.16);
	--black-opacity-8:rgba(31,34,46,0.08);
	--white-opacity-100:#fff;
	--white-opacity-96:hsla(0,0%,100%,0.96);
	--white-opacity-88:hsla(0,0%,100%,0.88);
	--white-opacity-80:hsla(0,0%,100%,0.8);
	--white-opacity-72:hsla(0,0%,100%,0.72);
	--white-opacity-64:hsla(0,0%,100%,0.64);
	--white-opacity-56:hsla(0,0%,100%,0.56);
	--white-opacity-48:hsla(0,0%,100%,0.48);
	--white-opacity-40:hsla(0,0%,100%,0.4);
	--white-opacity-32:hsla(0,0%,100%,0.32);
	--white-opacity-24:hsla(0,0%,100%,0.24);
	--white-opacity-16:hsla(0,0%,100%,0.16);
	--white-opacity-12:hsla(0,0%,100%,0.12)
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-moz-scrollbar {
    width: 10px;
	height: 10px;
}
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
} 
::-moz-scrollbar-button {
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-track {
	background: transparent;
} 
::-moz-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(173, 173, 173, 0.5);
} 
::-moz-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(173, 173, 173, 0.5);
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(78, 102, 255, 0.35);
} 
::-moz-scrollbar-thumb {
	background: rgba(78, 102, 255, 0.35);
}
::-webkit-resizer {
	width: 4px;
	height: 5px;
} 
::-moz-resizer {
    width: 4px;
	height: 5px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
::-moz-scrollbar-corner {
  background: transparent;
}
.top-menu::-webkit-scrollbar {
	width: 0;
	height: 0;
}
.top-menu::-moz-scrollbar {
    width: 0;
	height: 0;
}
.top-menu::-webkit-scrollbar-button {
	width: 0;
	height: 0;
} 
.top-menu::-moz-scrollbar-button {
	width: 0;
	height: 0;
}
.top-menu::-webkit-scrollbar-track {
	background: transparent;
} 
.top-menu::-moz-scrollbar-track {
    background: transparent;
}
.top-menu::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
} 
.top-menu::-moz-scrollbar-thumb {
	border-radius: 0;
	background-color: transparent;
}
.top-menu::-webkit-scrollbar-thumb:hover {
	background: transparent;
} 
.top-menu::-moz-scrollbar-thumb {
	background: transparent;
}
.top-menu::-webkit-resizer {
	width: 0;
	height: 0;
} 
.top-menu::-moz-resizer {
    width: 0;
	height: 0;
}
.top-menu::-webkit-scrollbar-corner {
  background: transparent;
}
.top-menu::-moz-scrollbar-corner {
  background: transparent;
}
