@font-face {
	font-family: 'finam';
	src: local('sans-serif'), url('/statica/styles/infinity/fonts/icon.eot?2.00#iefix') format('embedded-opentype'), url('/statica/styles/infinity/fonts/icon.ttf?2.00') format('truetype'), url('/statica/styles/infinity/fonts/icon.woff?2.00') format('woff'), url('/statica/styles/infinity/fonts/icon.svg?2.00#icon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font: 15px/22px 'Inter', sans-serif;
	font-weight: 400;
	background: var(--primary-bg);
	color: var(--primary-cl);
}

/* Layout */

a {
	text-decoration: none;
	color: var(--cl-blue);
}

	a:hover {
		color: var(--cl-pointer);
	}

.pointer {
	cursor: pointer;
}

.underline {
	text-decoration: underline;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}

.display-b,
.d-block {
	display: block;
}

.display-ib,
.d-inline-block {
	display: inline-block;
}

.d-inline {
	display: inline;
}

.display-f,
.d-flex {
	display: flex;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}

.pos-r {
	position: relative;
}

.pos-a {
	position: absolute;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis-gradient {
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

	.ellipsis-gradient:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 100%;
		background: linear-gradient(270deg, var(--cl-white), transparent);
	}

.nobr {
	white-space: nowrap;
}

.text-left {
	text-align: left;
}

[data-view="lg"] .text-lg-left {
	text-align: left;
}

[data-view="md"] .text-md-left {
	text-align: left;
}

[data-view="sm"] .text-sm-left {
	text-align: left;
}

[data-view="xs"] .text-xs-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

[data-view="lg"] .text-lg-center {
	text-align: center;
}

[data-view="sm"] .text-sm-center {
	text-align: center;
}

[data-view="md"] .text-md-center {
	text-align: center;
}

[data-view="xs"] .text-xs-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

[data-view="lg"] .text-lg-right {
	text-align: right;
}

[data-view="md"] .text-md-right {
	text-align: right;
}

[data-view="sm"] .text-sm-right {
	text-align: right;
}

[data-view="xs"] .text-xs-right {
	text-align: right;
}

.word-break {
	word-wrap: break-word;
}

.overflow-a {
	overflow: auto;
}

.overflow-h {
	overflow: hidden;
}

.link-blank:after {
	font-family: 'finam' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e910";
	font-size: 80%;
	opacity: 0.5;
	color: var(--cl-black);
}

/* TODO: удалить со временем */
.content-narrow {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.narrow-xs {
	max-width: 576px;
	margin-left: auto;
	margin-right: auto;
}

.narrow-sm {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

.narrow-md {
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
}

.narrow-lg {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

/* Form */

.button-generic {
	background-color: var(--btn-generic-bg);
	border-width: 1px;
	border-style: solid;
	border-color: var(--btn-generic-border);
	color: var(--btn-generic-cl);
	padding: 0.65ex 0.6em 0.55ex;
	display: inline-block;
	border-radius: 5px;
	font: inherit;
	transition: all 0.2s;
	cursor: pointer;
}

	.button-generic:not(:disabled):hover {
		border-color: var(--btn-generic-bg-hover);
		background-color: var(--btn-generic-bg-hover);
		color: var(--btn-generic-cl);
	}

	.button-generic:active {
		border-color: var(--btn-generic-bg-active);
		background-color: var(--btn-generic-bg-active);
	}

	.button-generic:disabled {
		cursor: default;
		background-color: var(--btn-generic-bg-disabled);
		border-color: var(--btn-generic-bg-disabled);
		color: var(--btn-generic-cl-disabled);
	}


.button-yellow {
	border-color: var(--btn-yellow-bg);
	background-color: var(--btn-yellow-bg);
	color: var(--btn-yellow-cl);
}

	.button-yellow:not(:disabled):hover {
		border-color: var(--btn-yellow-bg-hover);
		background-color: var(--btn-yellow-bg-hover);
		color: var(--btn-yellow-cl);
	}

	.button-yellow:active {
		border-color: var(--btn-yellow-bg-active);
		background-color: var(--btn-yellow-bg-active);
	}

	.button-yellow:disabled {
		border-color: var(--btn-yellow-bg-disabled);
		background-color: var(--btn-yellow-bg-disabled);
		color: var(--btn-yellow-cl-disabled);
	}

.button-grey {
	border-color: var(--btn-secondary-bg);
	background-color: var(--btn-secondary-bg);
	color: var(--btn-secondary-cl);
}

	.button-grey:not(:disabled):hover {
		border-color: var(--btn-secondary-bg-hover);
		background-color: var(--btn-secondary-bg-hover);
	}

	.button-grey:disabled {
		border-color: var(--btn-secondary-bg-disabled);
		background-color: var(--btn-secondary-bg-disabled);
		color: var(--btn-secondary-cl-disabled);
	}

.button-red {
	background-color: var(--btn-red-bg);
	border-color: var(--btn-red-bg);
	color: var(--btn-red-cl);
}

	.button-red:active {
		border-color: var(--btn-red-bg-hover);
		background-color: var(--btn-red-bg-hover);
	}

	.button-red:not(:disabled):hover {
		border-color: var(--fill-negative-high);
		background-color: var(--fill-negative-high);
	}

	.button-red:disabled {
		cursor: default;
		border-color: var(--fill-secondary-overlay16);
		background-color: var(--fill-secondary-overlay16);
		color: var(--label-inactive);
	}

.button-green {
	background-color: var(--fill-positive-mid);
	border-color: var(--fill-positive-mid);
	color: var(--static-white);
}

	.button-green:active {
		border-color: var(--fill-positive-highest);
		background-color: var(--fill-positive-highest);
		color: var(--static-white);
	}

	.button-green:not(:disabled):hover {
		border-color: var(--fill-positive-high);
		background-color: var(--fill-positive-high);
		color: var(--static-white);
	}

	.button-green:disabled {
		background-color: var(--fill-secondary-overlay16);
		color: var(--label-inactive);
	}

.button-generic > div {
	display: inline-block;
}

.input-generic {
	padding: 0.65ex 5px 0.55ex;
	border-width: 1px;
	border-style: solid;
	border-color: var(--fill-secondary-overlay16);
	border-radius: 5px;
	box-shadow: none;
	background-color: var(--fill-secondary-overlay16);
	color: var(--label-primary);
	font: inherit;
	letter-spacing: -0.004em;
	transition: all 0.3s;
}

	.input-generic::placeholder {
		color: var(--label-placeholder);
	}

/*.input-generic:hover {
		background-color: var(--fill-secondary-overlay24);
	}*/

/*.input-generic:focus {
		border-color: var(--fill-primary-low);
		box-shadow: 0px 0px 0px 3px rgba(255, 212, 102, 0.24);
	}*/

.input-generic-l {
	padding: 13px;
}

.textarea-generic {
	padding: 0.65ex 5px 0.55ex;
	border-width: 1px;
	border-style: solid;
	border-color: var(--fill-secondary-overlay16);
	border-radius: 5px;
	background-color: var(--fill-secondary-overlay16);
	color: var(--label-primary);
	font: inherit;
	letter-spacing: -0.004em;
	transition: all 0.3s;
}

	.textarea-generic::placeholder {
		color: var(--label-placeholder);
	}

/*.textarea-generic:hover {
		background-color: var(--fill-secondary-overlay24);
	}*/

/*.textarea-generic:focus {
		border-color: var(--fill-primary-low);
		box-shadow: 0px 0px 0px 3px rgba(255, 212, 102, 0.24);
	}*/

.textarea-generic-l {
	padding: 12px;
}

.select-generic {
	padding: 0.65ex 1em 0.55ex 0.65ex;
	appearance: none;
	cursor: pointer;
	transition: all 0.3s;
	border-radius: 5px;
	border: 1px solid transparent;
	background-color: var(--fill-secondary-overlay16);
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.90203 9.96847C7.19557 9.63824 7.70122 9.6085 8.03145 9.90203L12 13.4296L15.9685 9.90203C16.2987 9.6085 16.8044 9.63824 17.0979 9.96847C17.3914 10.2987 17.3617 10.8044 17.0315 11.0979L12.5315 15.0979C12.2283 15.3673 11.7716 15.3673 11.4685 15.0979L6.96847 11.0979C6.63824 10.8044 6.6085 10.2987 6.90203 9.96847Z' fill='%23797780'/%3E%3C/svg%3E%0A");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px;
	font: inherit;
	color: var(--label-secondary);
	cursor: pointer;
	transition: 0.3s;
}

/*.select-generic:hover {
		background-color: var(--fill-secondary-overlay24);
	}*/

/*.select-generic:focus {
		border-color: var(--fill-primary-low);
		box-shadow: 0px 0px 0px 3px rgba(255, 212, 102, 0.24);
	}*/

.select-generic-l {
	padding: 13px 25px 13px 12px;
}

.input-white {
	background-color: var(--static-white);
}

/* Всплывающие окна */

.window {
	all: unset; /* Спиливание ломает попапы в Аналитике */
	overflow: hidden;
	display: flex;
	width: 100%;
	z-index: 5;
}

	.window.hide {
		display: none;
	}

	.window[data-position="absolute"] {
		position: absolute;
	}

	.window[data-position="fixed"] {
		position: fixed;
	}

	.window[data-width="fit-content"] {
		width: fit-content;
		min-width: 20px;
	}

	.window[data-width="xs"] {
		min-width: 300px;
		max-width: 340px;
	}

	.window[data-width="s"] {
		min-width: 300px;
		max-width: 50vw;
	}

	.window[data-width="m"] {
		min-width: 640px;
		max-width: 60vw;
	}

	.window[data-width="l"] {
		min-width: 800px;
		max-width: 70vw;
	}

	.window[data-width="full"] {
		width: 100%;
		left: 0;
		right: 0;
	}

	.window[data-height="fit-content"] {
		height: fit-content;
		min-height: 20px;
	}

	.window[data-height="s"] {
		min-height: 300px;
		max-height: 90vh;
	}

	.window[data-height="m"] {
		min-height: 640px;
		max-height: 90vh;
	}

	.window[data-height="l"] {
		min-height: 800px;
		max-height: 90vh;
	}

	.window[data-height="full"] {
		height: 100%;
		top: 0;
		bottom: 0;
	}

	.window[data-position-x="auto"] {
	}

	.window[data-position-x="center"] {
		left: 50%;
		transform: translateX(-50%) translate();
	}

	.window[data-position-x="left"] {
		left: 0;
	}

	.window[data-position-x="right"] {
		right: 0;
	}

	.window[data-position-y="auto"] {
	}

	.window[data-position-y="center"] {
		top: 50%;
		transform: translateY(-50%);
	}

	.window[data-position-y="top"] {
		top: 0;
	}

	.window[data-position-y="bottom"] {
		bottom: 0;
	}

	.window[data-width="max"] {
		left: 10px;
		right: 10px;
		width: auto;
		transform: translateX(0);
	}

	.window[data-height="max"] {
		top: 10px;
		bottom: 10px;
		height: auto;
		transform: translateY(0);
	}

	.window[data-position-x="center"][data-position-y="center"] {
		transform: translate(-50%, -50%);
	}

	.window[data-width="max"][data-position-y="center"] {
		transform: translateY(-50%);
	}

	.window[data-height="max"][data-position-x="center"] {
		transform: translateX(-50%);
	}

	.window[data-width="max"][data-height="max"] {
		transform: none;
	}


/*[data-view="xs"] .window,
	[data-view="sm"] .window{
		top: 10px;
		left: 10px;
		bottom: 10px;
		right: 10px;
		overflow: auto;
		width: auto;
		max-width: none;
		min-height: unset;
		max-height: none;
		transform: translate(0, 0);
		margin: 0;
	}*/

.window-close {
	background-color: rgba(255,255,255,0.4);
	display: table;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	height: 40px;
	width: 40px;
	text-align: center;
}

	.window-close:before {
		content: "\e91f";
		font-family: 'finam' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: table-cell;
		vertical-align: middle;
	}

.window-content {
	overflow-y: auto;
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.window[data-window-mode="auth"] {
	width: 300px;
	padding: 20px;
	transform: translate(-50%, -50%);
	position: fixed;
	z-index: 5;
	left: 50%;
	top: 50%;
	white-space: normal;
}

.window[data-window-mode="formLead"] {
	width: 300px;
	transform: translate(-50%, -50%);
	position: fixed;
	z-index: 5;
	left: 50%;
	top: 50%;
	white-space: normal;
}

.window[data-window-mode="card"] {
	min-height: 400px;
	max-height: 100%;
	width: calc(100% - 10px);
	max-width: 300px;
	transform: translate(-50%, -50%);
	position: fixed;
	z-index: 5;
	left: 50%;
	top: 50%;
	white-space: normal;
}

.window[data-window-mode="youtube"] {
	width: 100% !important;
	max-width: 640px !important;
	min-height: 200px;
	position: fixed;
	z-index: 5;
	left: 50%;
	top: 50%;
	white-space: normal;
}

.window[data-window-mode="vkvideo"] {
	width: 100% !important;
	max-width: 640px !important;
	min-height: 200px;
	position: fixed;
	z-index: 5;
	left: 50%;
	top: 50%;
	white-space: normal;
}

.window[data-window-mode="popup"] {
	position: absolute;
	z-index: 2;
	list-style: none;
	min-height: 0;
	max-height: none;
	left: auto;
	top: auto;
	transform: none;
	margin: 5px 0 0 -20px;
	width: auto;
	max-width: none;
}

.window[data-window-mode="share"] {
	position: absolute;
	z-index: 2;
	list-style: none;
	min-height: 0;
	max-height: none;
	transform: none;
	margin: 5px 0 0 -20px;
	width: auto;
	max-width: none;
}

.window[data-window-mode="full"] {
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	max-width: none;
	max-height: none;
	transform: none;
	position: fixed;
	z-index: 5;
	white-space: normal;
}

.window[data-window-mode="strategyMore"] {
	max-width: none;
	width: 800px;
	max-height: 700px;
	overflow: auto;
	position: fixed;
	z-index: 5;
	left: 50%;
	top: 50%;
	white-space: normal;
}

.window[data-window-mode="subscribe"] {
	max-width: none;
	width: 360px;
	height: 240px;
	min-height: 0;
	position: fixed;
	z-index: 5;
	left: 50%;
	top: 50%;
	white-space: normal;
}

[data-view="sm"] .window[data-window-mode="popup"],
[data-view="xs"] .window[data-window-mode="popup"] {
	top: 10px;
	left: 10px;
	bottom: 10px;
	right: 10px;
	overflow: auto;
	width: auto;
	max-width: none;
	min-height: unset;
	max-height: none;
	transform: translate(0, 0);
	margin: 0;
}

[data-view="xs"] .window[data-window-mode="share"] {
	left: auto;
	bottom: auto;
	top: auto;
}

[data-view="xs"] .window[data-window-mode="youtube"] {
	bottom: auto;
}

[data-view="xs"] .window[data-window-mode="vkvideo"] {
	bottom: auto;
}


.window[data-window-mode="popup"] .window-close {
	position: absolute;
}


.block-center {
	margin-left: auto;
	margin-right: auto;
}

.max-w-none {
	max-width: none;
}

.max-w-xs {
	max-width: 300px;
}

.max-w-s {
	max-width: 320px;
}

.max-w-m {
	max-width: 414px;
}

.max-w-l {
	max-width: 512px;
}

.max-w-xl {
	max-width: 663px;
}

.max-w-2xl {
	max-width: 768px;
}

.max-w-3xl {
	max-width: 900px;
}

.max-w-4xl {
	max-width: 1024px;
}

.max-w-5xl {
	max-width: 1150px;
}

.max-w-6xl {
	max-width: 1280px;
}

.max-w-7xl {
	max-width: 1440px;
}

.max-w-full {
	max-width: 100%;
}

.max-w-min {
	max-width: min-content;
}

.max-w-max {
	max-width: max-content;
}


/* Таблицы */

.table-generic {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.table-generic-td-border-b td {
	border-bottom: 1px solid var(--static-border);
}

.overflow-h .scroll-horizontal figure.table table,
.overflow-h .scroll-horizontal .table-generic {
	table-layout: auto;
	word-break: normal;
}

	.overflow-h .scroll-horizontal figure.table table td,
	.table-generic td {
		padding: 2px 5px;
	}

	.overflow-h .scroll-horizontal figure.table table tr:hover td,
	.table-generic tr:hover td {
		box-shadow: 0 -1px 0 inset var(--static-border);
	}

	.overflow-h .scroll-horizontal figure.table table td:first-child,
	.table-generic td:first-child {
		padding-left: 0;
	}

	.overflow-h .scroll-horizontal figure.table table td:last-child,
	.table-generic td:last-child {
		padding-right: 0;
	}

	.overflow-h .scroll-horizontal figure.table table th,
	.overflow-h .scroll-horizontal .table-generic th {
		font-size: 85%;
		line-height: 1.4;
		background-color: var(--cl-bg-lightgrey);
		border: 1px solid var(--static-border);
		padding: 2px 5px;
	}

	.overflow-h .scroll-horizontal figure.table table td,
	.overflow-h .scroll-horizontal .table-generic td {
		padding: 2px 5px;
	}

.table-sticky-container {
	overflow-y: auto;
	width: 100%;
}

	.table-sticky-container td:first-child,
	.table-sticky-container th:first-child {
		position: sticky;
		background-color: var(--primary-bg);
		left: 0;
		z-index: 1;
	}

	.table-sticky-container tr:nth-child(odd) td:first-child,
	.table-sticky-container tr:nth-child(odd) th:first-child {
		background-color: var(--cl-bg-lightgrey);
	}

[data-view="lg"] .table-sticky-container th {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075);
}

.table-sticky-container table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

	.table-sticky-container table td {
		padding-top: 5px;
		padding-bottom: 5px;
	}

		.table-sticky-container table td:nth-child(n+2) {
			white-space: nowrap;
		}

	.table-sticky-container table tr {
		border-bottom: 1px solid var(--static-border);
	}

		.table-sticky-container table tr td:first-child {
			padding-left: 25px;
		}

			.table-sticky-container table tr td:first-child .finfin-quote-favorite {
				margin-left: -18px;
			}

		.table-sticky-container table tr:nth-child(odd) {
			background-color: var(--cl-bg-lightgrey);
		}

		.table-sticky-container table tr:hover {
			border-bottom: 1px solid var(--fill-note-overlay32-dark);
		}

			.table-sticky-container table tr:hover:nth-child(odd) td:first-child,
			.table-sticky-container table tr:hover td {
				background-color: var(--cl-bg-table-sticky-tr-hover-td);
			}

.overflow-scroll {
	overflow: scroll;
}

.table-sticky-item {
	position: sticky;
	position: -webkit-sticky;
	background-color: var(--primary-bg);
}

.table-sticky-top {
	top: 0;
	z-index: 1;
}

.table-sticky-left {
	left: 0;
}


/* Списки */

.list-none,
.list-num,
.list-check {
	padding: 0;
	list-style: none;
}

	.list-none > li {
		padding-left: 0;
	}

.list-num {
	counter-reset: num-list;
}

	.list-num li,
	.list-check li {
		padding-left: 1.5em;
	}

		.list-check li:before {
			content: '\e91d';
			margin-left: -1.5em;
			margin-right: 0.5em;
			font: inherit;
			font-family: 'finam';
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			transform: translate(0, 0);
		}

		.list-num li:before {
			position: absolute;
			content: counter(num-list) ".";
			counter-increment: num-list;
			margin-top: 0;
			margin-left: -1.5em;
		}

/* Shadows */

.shadow10 {
	box-shadow: var(--shadow-card-mid);
}

.shadow10-hover:hover {
	box-shadow: var(--shadow-card-hight);
}

.shadow5 {
	box-shadow: var(--shadow-card-low);
}

.shadow-0-0-50-n10-05 {
	box-shadow: var(--shadow-modal);
}

.shadow-0-0-20-n5-03 {
	box-shadow: var(--shadow-card-hight);
}

/* Opacity */

.opacity1 {
	opacity: 0.1;
}

.opacity2 {
	opacity: 0.2;
}

.opacity3 {
	opacity: 0.3;
}

.opacity4 {
	opacity: 0.4;
}

.opacity5 {
	opacity: 0.5;
}

.opacity6 {
	opacity: 0.6;
}

.opacity7 {
	opacity: 0.7;
}

.opacity8 {
	opacity: 0.8;
}

.opacity9 {
	opacity: 0.9;
}

.opacity10 {
	opacity: 1;
}

/* Border */

.border-n {
	border: none;
}

.border {
	border: 1px solid var(--static-border);
}

.border-t {
	border-top: 1px solid var(--static-border);
}

.border-r {
	border-right: 1px solid var(--static-border);
}

.border-b {
	border-bottom: 1px solid var(--static-border);
}

.border-l {
	border-left: 1px solid var(--static-border);
}

.border-1 {
	border-width: 1px;
}

.border-3 {
	border-width: 3px;
}

.border-5 {
	border-width: 5px;
}

/* Border radius */

.br3 {
	border-radius: 3px;
}

.br5 {
	border-radius: 5px;
}

.br10 {
	border-radius: 10px;
}

.br20 {
	border-radius: 20px;
}

.br100 {
	border-radius: 100px;
}

/* Colors */
/* TODO обсудить цвета для градиентных блоков / анимации gof / иконка избранное для котировки, инструмента / фон для графиков  */
:root {
	--static-cl-gradient-red: #ffdddb;
	--static-cl-gradient-red-dark: #361c1a;
	--static-cl-gradient-green: #dbffd7;
	--static-cl-gradient-green-dark: #2d3c2b;
	--fill-primary-highest: #E88B00;
	--fill-primary-highest-dark: #FFC553;
	--fill-primary-high: #F9AF1E;
	--fill-primary-high-dark: #FFBE3E;
	--static-black: #1A1A1F;
	/* --static-black-dark: #EBEBF2; */
	--static-black-dark: #c0c0cc;
	--static-white: #fff;
	--static-white-dark: #27272F;
	--static-red: #E84144;
	--static-red-dark: #FA5255;
	--static-green: #1D9169;
	--static-green-dark: #1EA977;
	--static-grey: #A4A4B2;
	--static-grey-dark: #6F6F7C;
	--static-darkgrey: #6F6F7C;
	--static-darkgrey-dark: #A4A4B2;
	--static-yellow: #E08F05;
	--static-yellow-dark: #F9A605;
	--static-pointer: #b90000;
	--static-orange: #E08F05;
	--static-orange-dark: #F9A605;
	/* не совпадает с гайдом #4D93F9 - слишком яркий */
	--static-blue: #0a5991;
	--static-blue-dark: #4B8CEB;
	--primary-bg: var(--static-white);
	--primary-cl: var(--cl-black);
	--border-base: #EBEBF2;
	--border-base-dark: #373740;
	--static-border: var(--border-base);
	--static-bg-white: #fff;
	--static-bg-white-dark: #27272F;
	--static-bg-black: #27272F;
	--static-bg-black-dark: #fff;
	--static-bg-lightgrey: #f8f8f8;
	--static-bg-lightgrey-dark: #2F2F37;
	--static-bg-grey: #F2F2F7;
	--static-bg-grey-dark: #1A1A1F;
	--static-bg-darkgrey: #cccccc;
	--static-bg-darkgrey-dark: #333;
	--static-bg-red: #FA5255;
	--static-bg-red-dark: #E84144;
	--static-bg-green: #1EA977;
	--static-bg-green-dark: #1D9169;
	--cl-black: var(--static-black);
	--cl-white: var(--static-white);
	--cl-red: var(--static-red);
	--cl-green: var(--static-green);
	--cl-grey: var(--static-grey);
	--cl-darkgrey: var(--static-darkgrey);
	--cl-orange: var(--static-orange);
	--cl-yellow: var(--static-yellow);
	--cl-blue: var(--static-blue);
	--cl-pointer: var(--static-pointer);
	--cl-bg-black: var(--static-bg-black);
	--cl-bg-grey: var(--static-bg-grey);
	--cl-bg-lightgrey: var(--static-bg-lightgrey);
	--cl-bg-darkgrey: var(--static-bg-darkgrey);
	--cl-bg-green: var(--static-bg-green);
	--cl-bg-red: var(--static-bg-red);
	--cl-bg-lightgreen: #b3e3af;
	--cl-bg-lightred: #fc8a8a;
	--cl-bg-brightred: #dd0000;
	--cl-bg-blue: #156faf;
	--cl-bg-yellow: #fbea9d;
	--cl-bg-brightyellow: #f99200;
	--btn-primary-bg: #FFC759;
	--btn-primary-bg-dark: #ffba30;
	--btn-primary-bg-hover: #ffba30;
	--btn-primary-bg-hover-dark: #f9a605;
	--btn-primary-bg-active: #f9a605;
	--btn-primary-bg-active-dark: #e08f05;
	--btn-primary-bg-disabled: rgba(192, 192, 204, 0.16);
	--btn-primary-bg-disabled-dark: rgba(79, 79, 89, 0.16);
	--btn-primary-cl: #0A0A0A;
	--btn-primary-cl-disabled: rgba(122, 120, 130, 0.4);
	--btn-primary-cl-disabled-dark: #9A97A166;
	--btn-secondary-bg: rgba(192, 192, 204, 0.24);
	--btn-secondary-bg-dark: rgba(79, 79, 89, 0.24);
	--btn-secondary-bg-hover: rgba(192, 192, 204, 0.32);
	--btn-secondary-bg-hover-dark: rgba(79, 79, 89, 0.32);
	--btn-secondary-bg-active: rgba(192, 192, 204, 0.56);
	--btn-secondary-bg-active-dark: rgba(79, 79, 89, 0.56);
	--btn-secondary-bg-disabled: rgba(192, 192, 204, 0.16);
	--btn-secondary-bg-disabled-dark: rgba(79, 79, 89, 0.16);
	--btn-secondary-cl: #1a1a1f;
	--btn-secondary-cl-dark: #ebebf2;
	--btn-secondary-cl-disabled: rgba(192, 192, 204, 0.16);
	--btn-secondary-cl-disabled-dark: rgba(79, 79, 89, 0.16);
	--btn-generic-bg: var(--btn-secondary-bg);
	--btn-generic-border: var(--btn-secondary-bg);
	--btn-generic-bg-hover: var(--btn-secondary-bg-hover);
	--btn-generic-bg-active: var(--btn-secondary-bg-active);
	--btn-generic-bg-disabled: var(--btn-secondary-bg-disabled);
	--btn-generic-cl: var(--btn-secondary-cl);
	--btn-generic-cl-disabled: var(--btn-secondary-cl-disabled);
	--btn-yellow-bg: var(--btn-primary-bg);
	--btn-yellow-bg-hover: var(--btn-primary-bg-hover);
	--btn-yellow-bg-active: var(--btn-primary-bg-active);
	--btn-yellow-bg-disabled: var(--btn-primary-bg-disabled);
	--btn-yellow-cl: var(--btn-primary-cl);
	--btn-yellow-cl-disabled: var(--btn-primary-cl-disabled);
	--btn-secondary-bg: #C0BDC93D;
	--btn-secondary-bg-dark: #56555C3D;
	--btn-secondary-bg-hover: #C0BDC952;
	--btn-secondary-bg-hover-dark: #56555C52;
	--btn-secondary-bg-active: #E0DFE5;
	--btn-secondary-bg-active-dark: #3F3E42;
	--btn-secondary-bg-disabled: #C0BDC929;
	--btn-secondary-bg-disabled-dark: #56555C29;
	--btn-secondary-cl: #202023;
	--btn-secondary-cl-dark: #fff;
	--btn-secondary-cl-disabled: #7A788266;
	--btn-secondary-cl-disabled-dark: #9A97A166;
	--btn-grey-bg: var(--btn-secondary-bg);
	--btn-grey-bg-dark: var(--btn-secondary-bg-dark);
	--btn-grey-bg-hover: var(--btn-secondary-bg-hover);
	--btn-grey-bg-hover-dark: var(--btn-secondary-bg-hover-dark);
	--btn-grey-bg-active: var(--btn-secondary-bg-active);
	--btn-grey-bg-active-dark: var(--btn-secondary-bg-active-dark);
	--btn-grey-bg-disabled: var(--btn-secondary-bg-disabled);
	--btn-grey-bg-disabled-dark: var(--btn-secondary-bg-disabled-dark);
	--btn-grey-cl: var(--btn-secondary-cl);
	--btn-grey-cl-dark: var(--btn-secondary-cl-dark);
	--btn-grey-cl-disabled: var(--btn-secondary-cl-disabled);
	--btn-grey-cl-disabled-dark: var(--btn-secondary-cl-disabled-dark);
	--btn-red-bg: var(--fill-negative-mid);
	--btn-red-bg-hover: var(--fill-negative-high);
	--btn-red-cl: var(--static-white);
	--btn-red-bg-active: var(--btn-secondary-bg-active);
	--btn-red-bg-disabled: var(--btn-secondary-bg-disabled);
	--btn-red-cl-disabled: var(--btn-secondary-cl-disabled);
	--static-black-alpha16: rgba(10, 10, 10, 0.16);
	--static-black-alpha56: rgba(10, 10, 10, 0.56);
	--label-primary: #202023;
	--label-primary-dark: #E7E6EB;
	--label-secondary: #797780;
	--label-secondary-dark: #A6A3AD;
	--label-inactive: rgba(122, 120, 130, 0.4);
	--label-inactive-dark: rgba(154, 151, 161, 0.4);
	--label-placeholder: #B1AEB8;
	--label-placeholder-dark: rgb(101, 100, 107);
	--label-accent-highest: #F9AF1E;
	--label-accent-highest-dark: #FFCA63;
	--fill-primary-low: #FFC759;
	--fill-primary-low-dark: #FAA808;
	--fill-secondary-mid: #95929C;
	--fill-secondary-mid-dark: #7B7980;
	--fill-secondary-overlay8: rgba(192, 189, 201, 0.08);
	--fill-secondary-overlay8-dark: rgba(86, 85, 92, 0.08);
	--fill-secondary-overlay16: rgba(192, 189, 201, 0.16);
	--fill-secondary-overlay16-dark: rgba(86, 85, 92, 0.16);
	--fill-secondary-overlay24: rgba(192, 189, 201, 0.24);
	--fill-secondary-overlay24-dark: rgba(86, 85, 92, 0.24);
	--fill-secondary-overlay32: rgba(191, 188, 201, 0.32);
	--fill-secondary-overlay32-dark: rgba(86, 85, 92, 0.32);
	--fill-negative-mid: #FA4D50;
	--fill-negative-high: #E83F41;
	--fill-negative-highest: #D63639;
	--fill-negative-mid-dark: #E84144;
	--fill-negative-overlay16: rgba(255, 122, 127, 0.16);
	--fill-negative-overlay16-dark: rgba(189, 57, 61, 0.16);
	--fill-positive-mid: #1C996D;
	--fill-positive-high: #1B825E;
	--fill-positive-highest: #2B6E5A;
	--fill-note-overlay16: rgba(255, 198, 28, 0.16);
	--fill-note-overlay16-dark: rgba(191, 140, 20, 0.16);
	--fill-note-overlay32: rgba(255, 198, 28, 0.32);
	--fill-note-overlay32-dark: rgba(191, 140, 20, 0.32);
	--bg-primary-white: #fff;
	--bg-primary-dark: #27272B;
	--fill-primary-highest: #E88B00;
	--fill-primary-highest-dark: #FFC553;
	--fill-primary-high: #F9AF1E;
	--fill-primary-high-dark: #FFBE3E;
	--shadow-card-low: 0 7px 15px 0 rgba(57, 57, 66, 0.03), 0 2px 6px 0 rgba(57, 57, 66, 0.03);
	--shadow-card-low-dark: 0 7px 15px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
	--shadow-card-mid: 0 10px 20px 0 rgba(57, 57, 66, 0.06), 0 2px 6px 0 rgba(57, 57, 66, 0.06);
	--shadow-card-mid-dark: 0 10px 20px 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
	--shadow-card-hight: 0 20px 40px 0 rgba(57, 57, 66, 0.12), 0 5px 10px 0 rgba(57, 57, 66, 0.12);
	--shadow-card-hight-dark: 0 20px 40px 0 rgba(0, 0, 0, 0.24), 0 5px 10px 0 rgba(0, 0, 0, 0.24);
	--shadow-chart: 0 15px 30px 0 rgba(57, 57, 66, 0.06), 0 5px 10px 0 rgba(57, 57, 66, 0.06), 0 0 0px 0 rgba(57, 57, 66, 0.06);
	--shadow-chart-dark: 0 15px 30px 0 rgba(0, 0, 0, 0.12), 0 5px 10px 0 rgba(0, 0, 0, 0.12), 0 0 0px 0 rgba(0, 0, 0, 0.12);
	--shadow-menu: 0 15px 30px 0 rgba(57, 57, 66, 0.16), 0 5px 10px 0 rgba(57, 57, 66, 0.16), 0 0 1px 0 rgba(57, 57, 66, 0.12);
	--shadow-menu-dark: 0 15px 30px 0 rgba(0, 0, 0, 0.32), 0 5px 10px 0 rgba(0, 0, 0, 0.32), 0 0 1px 0 rgba(0, 0, 0, 0.24);
	--shadow-modal: 0 25px 50px 0 rgba(57, 57, 66, 0.2), 0 10px 20px 0 rgba(57, 57, 66, 0.2), 0 2px 4px 0 rgba(57, 57, 66, 0.06);
	--shadow-modal-dark: 0 25px 50px 0 rgba(0, 0, 0, 0.4), 0 10px 20px 0 rgba(0, 0, 0, 0.4), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
	--shadow-menu-header: 0 30px 80px 0 rgba(57, 57, 66, 0.16), 0 10px 20px 0 rgba(57, 57, 66, 0.06);
	--shadow-menu-header-dark: 0 30px 80px 0 rgba(0, 0, 0, 0.32), 0 10px 20px 0 rgba(0, 0, 0, 0.12);
	--loading: linear-gradient(45deg,rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%, transparent);
	--loading-dark: linear-gradient(45deg, rgba(0, 0, 0, .07) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .07) 50%, rgba(0, 0, 0, .07) 75%, transparent 75%, transparent);
	--static-cl-bg-gradient-green: #dbffd7;
	--static-cl-bg-gradient-green-dark: #2d3c2b;
	--static-cl-bg-gradient-red: #ffdddb;
	--static-cl-bg-gradient-red-dark: #361c1a;
	--cl-bg-gradient-green: var(--static-cl-bg-gradient-green);
	--cl-bg-gradient-red: var(--static-cl-bg-gradient-red);
	--static-table-sticky-tr-hover-td: #fff3d5;
	--static-table-sticky-tr-hover-td-dark: var(--fill-note-overlay32-dark);
	--cl-bg-table-sticky-tr-hover-td: var(--static-table-sticky-tr-hover-td);
}

[data-theme="dark"] {
	--cl-black: var(--static-black-dark);
	--cl-white: var(--static-white-dark);
	--cl-red: var(--static-red-dark);
	--cl-green: var(--static-green-dark);
	--cl-grey: var(--static-grey-dark);
	--cl-darkgrey: var(--static-darkgrey-dark);
	--cl-orange: var(--static-orange-dark);
	--cl-yellow: var(--static-yellow-dark);
	--cl-blue: var(--static-blue-dark);
	--cl-pointer: var(--static-orange);
	--primary-bg: var(--static-white-dark);
	--primary-cl: var(--static-black-dark);
	--static-border: var(--border-base-dark);
	--cl-bg-white: var(--static-bg-white-dark);
	--bg-black: var(--static-bg-black-dark);
	--cl-bg-grey: var(--static-bg-grey-dark);
	--cl-bg-red: var(--static-bg-red-dark);
	--cl-bg-green: var(--static-bg-green-dark);
	--cl-bg-lightgrey: var(--static-bg-lightgrey-dark);
	--cl-bg-darkgrey: var(--static-bg-darkgrey-dark);
	--btn-generic-cl: var(--label-primary);
	--btn-yellow-bg: var(--btn-primary-bg-dark);
	--btn-yellow-bg-hover: var(--btn-primary-bg-hover-dark);
	--btn-yellow-bg-active: var(--btn-primary-bg-active-dark);
	--btn-yellow-bg-disabled: var(--btn-primary-bg-disabled-dark);
	--btn-yellow-cl-disabled: var(--btn-primary-cl-disabled-dark);
	--btn-grey-bg: var(--btn-secondary-bg-dark);
	--btn-grey-bg-hover: var(--btn-secondary-bg-hover-dark);
	--btn-grey-bg-active: var(--btn-secondary-bg-active-dark);
	--btn-grey-bg-disabled: var(--btn-secondary-bg-disabled-dark);
	--btn-grey-cl: var(---btn-secondary-cl-dark);
	--btn-grey-cl-disabled: var(--btn-secondary-cl-disabled-dark);
	--btn-red-cl: var(--static-black);
	--btn-secondary-bg: var(--btn-secondary-bg-dark);
	--btn-secondary-bg-hover: var(--btn-secondary-bg-hover-dark);
	--btn-secondary-bg-active: var(--btn-secondary-bg-active-dark);
	--btn-secondary-bg-disabled: var(--btn-secondary-bg-disabled-dark);
	--btn-secondary-cl: var(--btn-secondary-cl-dark);
	--btn-secondary-cl-disabled: var(--btn-secondary-cl-disabled-dark);
	--label-primary: var(--label-primary-dark);
	--label-secondary: var(--label-secondary-dark);
	--label-inactive: var(--label-inactive-dark);
	--label-placeholder: var(--label-placeholder-dark);
	--label-accent-highest: var(--label-accent-highest);
	--fill-primary-low: var(--fill-primary-low-dark);
	--fill-primary-high: var(var(--fill-primary-high-dark));
	--fill-secondary-mid: var(--fill-secondary-mid-dark);
	--fill-secondary-overlay8: var(--fill-secondary-overlay8-dark);
	--fill-secondary-overlay16: var(--fill-secondary-overlay16-dark);
	--fill-secondary-overlay24: var(--fill-secondary-overlay24-dark);
	--fill-secondary-overlay32: var(--fill-secondary-overlay32-dark);
	--fill-negative-mid: var(--fill-negative-mid-dark);
	--fill-negative-overlay16: var(--fill-negative-overlay16-dark);
	--fill-note-overlay16: var(--fill-note-overlay16-dark);
	--fill-note-overlay32: var(--fill-note-overlay32-dark);
	--shadow-card-low: var(--shadow-card-low-dark);
	--shadow-card-mid: var(--shadow-card-mid-dark);
	--shadow-card-hight: var(--shadow-card-hight-dark);
	--shadow-chart: var(--shadow-chart-dark);
	--shadow-menu: var(--shadow-menu-dark);
	--shadow-modal: var(--shadow-modal-dark);
	--shadow-menu-header: var(--shadow-menu-header-dark);
	--loading: var(--loading-dark);
	--cl-bg-gradient-green: var(--static-cl-bg-gradient-green-dark);
	--cl-bg-gradient-red: var(--static-cl-bg-gradient-red-dark);
	--cl-bg-table-sticky-tr-hover-td: var(--static-table-sticky-tr-hover-td-dark);
}

.cl-black {
	color: var(--cl-black);
}

.cl-white {
	color: var(--cl-white);
}

.cl-red {
	color: var(--cl-red);
}

.cl-blue {
	color: var(--cl-blue);
}

.cl-green {
	color: var(--cl-green);
}

.cl-yellow {
	color: var(--cl-yellow);
}

.cl-grey {
	color: var(--cl-grey);
}

.cl-darkgrey {
	color: var(--cl-darkgrey);
}

.pointer:hover {
	color: var(--cl-pointer);
}

/* Backgrounds */

.cl-bg-black {
	background-color: var(--cl-bg-black);
}

.cl-bg-white {
	background-color: var(--cl-white);
}

.cl-bg-green {
	background-color: var(--cl-bg-green);
}

.cl-bg-lightgreen {
	background-color: var(--cl-bg-lightgreen);
}

.cl-bg-red {
	background-color: var(--cl-bg-red);
}

.cl-bg-lightred {
	background-color: var(--cl-bg-lightred);
}

.cl-bg-brightred {
	background-color: var(--cl-bg-brightred);
}

.cl-bg-grey {
	background-color: var(--cl-bg-grey);
}

.cl-bg-lightgrey {
	background-color: var(--cl-bg-lightgrey);
}

.cl-bg-darkgrey {
	background-color: var(--cl-bg-darkgrey);
}

.cl-bg-yellow {
	background-color: var(--cl-bg-yellow);
}

.cl-bg-brightyellow {
	background-color: var(--cl-bg-brightyellow);
}

.cl-bg-blue {
	background-color: var(--cl-bg-blue);
}

/* Fonts */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

/* new */

h1 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

[data-view="xs"] h1 {
	font-size: 28px;
	line-height: 34px;
	letter-spacing: -0.018em;
}

h2 {
	font-size: 28px;
	line-height: 34px;
	font-weight: 700;
	letter-spacing: -0.018em;
}

[data-view="xs"] h2 {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.016em;
}

h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	letter-spacing: -0.016em;
}

[data-view="xs"] h3 {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.014em;
}

h4 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: -0.014em;
}

h5 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: -0.012em;
}

.font-9xl {
	font-size: 40px;
	line-height: 48px;
	letter-spacing: -0.02em;
}

.font-8xl {
	font-size: 38px;
	line-height: 1.2;
	letter-spacing: -0.018em;
}

.font-7xl {
	font-size: 34px;
	line-height: 1.2;
	letter-spacing: -0.018em;
}

.font-6xl {
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: -0.018em;
}

.font-5xl {
	font-size: 28px;
	line-height: 34px;
	letter-spacing: -0.018em;
}

.font-4xl {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.016em;
}

.font-xxxl,
.font-3xl {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.014em;
}

.font-xxl,
.font-2xl {
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.012em;
}

.large,
.font-xl {
	font-size: 17px;
	line-height: 25px;
	letter-spacing: -0.01em;
}

.big,
.font-l {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.008em;
}

.normal,
.font-m {
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -0.006em;
}

.mid,
.font-s {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.004em;
}

.sm,
.font-xs {
	font-size: 13px;
	line-height: 18px;
}

.ssm,
.font-xxs,
.font-2xs {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.005em;
}

.font-3xs {
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.01em;
}

.font-4xs {
	font-size: 9px;
	line-height: 12px;
	letter-spacing: 0.016em;
}

/***** XS накладка ******/

[data-view="xs"] .font-xs-9xl {
	font-size: 40px;
	line-height: 48px;
	letter-spacing: -0.02em;
}

[data-view="xs"] .font-xs-8xl {
	font-size: 38px;
	line-height: 1.2;
	letter-spacing: -0.018em;
}

[data-view="xs"] .font-xs-7xl {
	font-size: 34px;
	line-height: 1.2;
	letter-spacing: -0.018em;
}

[data-view="xs"] .font-xs-6xl {
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: -0.018em;
}

[data-view="xs"] .font-xs-5xl {
	font-size: 28px;
	line-height: 34px;
	letter-spacing: -0.018em;
}

[data-view="xs"] .font-xs-4xl {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.016em;
}

[data-view="xs"] .font-xs-3xl {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.014em;
}

[data-view="xs"] .font-xs-2xl {
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.012em;
}

[data-view="xs"] .font-xs-xl {
	font-size: 17px;
	line-height: 24px;
	letter-spacing: -0.01em;
}

[data-view="xs"] .font-xs-l {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.008em;
}

[data-view="xs"] .font-xs-m {
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -0.006em;
}

[data-view="xs"] .font-xs-s {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.004em;
}

[data-view="xs"] .font-xs-xs {
	font-size: 12px;
	line-height: 16px;
}

[data-view="xs"] .font-xs-2xs {
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.005em;
}

[data-view="xs"] .font-xs-3xs {
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.01em;
}

[data-view="xs"] .font-xs-4xs {
	font-size: 9px;
	line-height: 12px;
	letter-spacing: 0.016em;
}

/*********************/

.regular {
	font-weight: 400;
}

.medium {
	font-weight: 500;
}

.semibold {
	font-weight: 600;
}

.bold {
	font-weight: 700;
}

.italic {
	font-style: italic;
}

p {
	margin: 0;
}

.p-margin p {
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

/* Grid */

.clearfix {
	clear: both;
}

	.clearfix:before,
	.clearfix:after {
		display: block;
		content: "";
		clear: both;
	}

.finfin-container {
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0 0 20px 0 rgb(0,0,0,0.1);
}

@media (min-width:768px) {
	.finfin-container {
		width: 100%;
	}
}

@media (min-width:1250px) {
	.finfin-container {
		max-width: none;
	}
}

@media (min-width:1440px) {
	.finfin-container {
		width: 100%;
		max-width: 1440px;
	}

	.hidden-lg {
		display: none;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}

[data-view="xs"] .col-sm-1,
[data-view="xs"] .col-md-1,
[data-view="sm"] .col-md-1,
[data-view="xs"] .col-lg-1,
[data-view="sm"] .col-lg-1,
[data-view="md"] .col-lg-1,
[data-view="xs"] .col-sm-2,
[data-view="xs"] .col-md-2,
[data-view="sm"] .col-md-2,
[data-view="xs"] .col-lg-2,
[data-view="sm"] .col-lg-2,
[data-view="md"] .col-lg-2,
[data-view="xs"] .col-sm-3,
[data-view="xs"] .col-md-3,
[data-view="sm"] .col-md-3,
[data-view="xs"] .col-lg-3,
[data-view="sm"] .col-lg-3,
[data-view="md"] .col-lg-3,
[data-view="xs"] .col-sm-4,
[data-view="xs"] .col-md-4,
[data-view="sm"] .col-md-4,
[data-view="xs"] .col-lg-4,
[data-view="sm"] .col-lg-4,
[data-view="md"] .col-lg-4,
[data-view="xs"] .col-sm-5,
[data-view="xs"] .col-md-5,
[data-view="sm"] .col-md-5,
[data-view="xs"] .col-lg-5,
[data-view="sm"] .col-lg-5,
[data-view="md"] .col-lg-5,
[data-view="xs"] .col-sm-6,
[data-view="xs"] .col-md-6,
[data-view="sm"] .col-md-6,
[data-view="xs"] .col-lg-6,
[data-view="sm"] .col-lg-6,
[data-view="md"] .col-lg-6,
[data-view="xs"] .col-sm-7,
[data-view="xs"] .col-md-7,
[data-view="sm"] .col-md-7,
[data-view="xs"] .col-lg-7,
[data-view="sm"] .col-lg-7,
[data-view="md"] .col-lg-7,
[data-view="xs"] .col-sm-8,
[data-view="xs"] .col-md-8,
[data-view="sm"] .col-md-8,
[data-view="xs"] .col-lg-8,
[data-view="sm"] .col-lg-8,
[data-view="md"] .col-lg-8,
[data-view="xs"] .col-sm-9,
[data-view="xs"] .col-md-9,
[data-view="sm"] .col-md-9,
[data-view="xs"] .col-lg-9,
[data-view="sm"] .col-lg-9,
[data-view="md"] .col-lg-9,
[data-view="xs"] .col-sm-10,
[data-view="xs"] .col-md-10,
[data-view="sm"] .col-md-10,
[data-view="xs"] .col-lg-10,
[data-view="sm"] .col-lg-10,
[data-view="md"] .col-lg-10,
[data-view="xs"] .col-sm-11,
[data-view="xs"] .col-md-11,
[data-view="sm"] .col-md-11,
[data-view="xs"] .col-lg-11,
[data-view="sm"] .col-lg-11,
[data-view="md"] .col-lg-11,
[data-view="xs"] .col-sm-12,
[data-view="xs"] .col-md-12,
[data-view="sm"] .col-md-12,
[data-view="xs"] .col-lg-12,
[data-view="sm"] .col-lg-12,
[data-view="md"] .col-lg-12 {
	-ms-flex: auto;
	flex: auto;
	max-width: 100%;
}

[data-view="xs"] .offset-sm-1,
[data-view="xs"] .offset-md-1,
[data-view="sm"] .offset-md-1,
[data-view="xs"] .offset-lg-1,
[data-view="sm"] .offset-lg-1,
[data-view="md"] .offset-lg-1,
[data-view="xs"] .offset-sm-2,
[data-view="xs"] .offset-md-2,
[data-view="sm"] .offset-md-2,
[data-view="xs"] .offset-lg-2,
[data-view="sm"] .offset-lg-2,
[data-view="md"] .offset-lg-2,
[data-view="xs"] .offset-sm-3,
[data-view="xs"] .offset-md-3,
[data-view="sm"] .offset-md-3,
[data-view="xs"] .offset-lg-3,
[data-view="sm"] .offset-lg-3,
[data-view="md"] .offset-lg-3,
[data-view="xs"] .offset-sm-4,
[data-view="xs"] .offset-md-4,
[data-view="sm"] .offset-md-4,
[data-view="xs"] .offset-lg-4,
[data-view="sm"] .offset-lg-4,
[data-view="md"] .offset-lg-4,
[data-view="xs"] .offset-sm-5,
[data-view="xs"] .offset-md-5,
[data-view="sm"] .offset-md-5,
[data-view="xs"] .offset-lg-5,
[data-view="sm"] .offset-lg-5,
[data-view="md"] .offset-lg-5,
[data-view="xs"] .offset-sm-6,
[data-view="xs"] .offset-md-6,
[data-view="sm"] .offset-md-6,
[data-view="xs"] .offset-lg-6,
[data-view="sm"] .offset-lg-6,
[data-view="md"] .offset-lg-6,
[data-view="xs"] .offset-sm-7,
[data-view="xs"] .offset-md-7,
[data-view="sm"] .offset-md-7,
[data-view="xs"] .offset-lg-7,
[data-view="sm"] .offset-lg-7,
[data-view="md"] .offset-lg-7,
[data-view="xs"] .offset-sm-8,
[data-view="xs"] .offset-md-8,
[data-view="sm"] .offset-md-8,
[data-view="xs"] .offset-lg-8,
[data-view="sm"] .offset-lg-8,
[data-view="md"] .offset-lg-8,
[data-view="xs"] .offset-sm-9,
[data-view="xs"] .offset-md-9,
[data-view="sm"] .offset-md-9,
[data-view="xs"] .offset-lg-9,
[data-view="sm"] .offset-lg-9,
[data-view="md"] .offset-lg-9,
[data-view="xs"] .offset-sm-10,
[data-view="xs"] .offset-md-10,
[data-view="sm"] .offset-md-10,
[data-view="xs"] .offset-lg-10,
[data-view="sm"] .offset-lg-10,
[data-view="md"] .offset-lg-10,
[data-view="xs"] .offset-sm-11,
[data-view="xs"] .offset-md-11,
[data-view="sm"] .offset-md-11,
[data-view="xs"] .offset-lg-11,
[data-view="sm"] .offset-lg-11,
[data-view="md"] .offset-lg-11 {
	margin-left: 0;
}

[data-view="xs"] .order-sm-1,
[data-view="xs"] .order-md-1,
[data-view="sm"] .order-md-1,
[data-view="xs"] .order-lg-1,
[data-view="sm"] .order-lg-1,
[data-view="md"] .order-lg-1,
[data-view="xs"] .order-sm-2,
[data-view="xs"] .order-md-2,
[data-view="sm"] .order-md-2,
[data-view="xs"] .order-lg-2,
[data-view="sm"] .order-lg-2,
[data-view="md"] .order-lg-2,
[data-view="xs"] .order-sm-3,
[data-view="xs"] .order-md-3,
[data-view="sm"] .order-md-3,
[data-view="xs"] .order-lg-3,
[data-view="sm"] .order-lg-3,
[data-view="md"] .order-lg-3,
[data-view="xs"] .order-sm-4,
[data-view="xs"] .order-md-4,
[data-view="sm"] .order-md-4,
[data-view="xs"] .order-lg-4,
[data-view="sm"] .order-lg-4,
[data-view="md"] .order-lg-4,
[data-view="xs"] .order-sm-5,
[data-view="xs"] .order-md-5,
[data-view="sm"] .order-md-5,
[data-view="xs"] .order-lg-5,
[data-view="sm"] .order-lg-5,
[data-view="md"] .order-lg-5,
[data-view="xs"] .order-sm-6,
[data-view="xs"] .order-md-6,
[data-view="sm"] .order-md-6,
[data-view="xs"] .order-lg-6,
[data-view="sm"] .order-lg-6,
[data-view="md"] .order-lg-6,
[data-view="xs"] .order-sm-7,
[data-view="xs"] .order-md-7,
[data-view="sm"] .order-md-7,
[data-view="xs"] .order-lg-7,
[data-view="sm"] .order-lg-7,
[data-view="md"] .order-lg-7,
[data-view="xs"] .order-sm-8,
[data-view="xs"] .order-md-8,
[data-view="sm"] .order-md-8,
[data-view="xs"] .order-lg-8,
[data-view="sm"] .order-lg-8,
[data-view="md"] .order-lg-8,
[data-view="xs"] .order-sm-9,
[data-view="xs"] .order-md-9,
[data-view="sm"] .order-md-9,
[data-view="xs"] .order-lg-9,
[data-view="sm"] .order-lg-9,
[data-view="md"] .order-lg-9,
[data-view="xs"] .order-sm-10,
[data-view="xs"] .order-md-10,
[data-view="sm"] .order-md-10,
[data-view="xs"] .order-lg-10,
[data-view="sm"] .order-lg-10,
[data-view="md"] .order-lg-10,
[data-view="xs"] .order-sm-11,
[data-view="xs"] .order-md-11,
[data-view="sm"] .order-md-11,
[data-view="xs"] .order-lg-11,
[data-view="sm"] .order-lg-11,
[data-view="md"] .order-lg-11 {
	-ms-flex-order: 0;
	order: 0;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	/*position: relative;*/
	width: 100%;
}

[data-view="xs"] .col-xs-1,
[data-view="sm"] .col-xs-1,
[data-view="md"] .col-xs-1,
[data-view="lg"] .col-xs-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

[data-view="xs"] .col-xs-2,
[data-view="sm"] .col-xs-2,
[data-view="md"] .col-xs-2,
[data-view="lg"] .col-xs-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

[data-view="xs"] .col-xs-3,
[data-view="sm"] .col-xs-3,
[data-view="md"] .col-xs-3,
[data-view="lg"] .col-xs-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

[data-view="xs"] .col-xs-4,
[data-view="sm"] .col-xs-4,
[data-view="md"] .col-xs-4,
[data-view="lg"] .col-xs-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

[data-view="xs"] .col-xs-5,
[data-view="sm"] .col-xs-5,
[data-view="md"] .col-xs-5,
[data-view="lg"] .col-xs-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

[data-view="xs"] .col-xs-6,
[data-view="sm"] .col-xs-6,
[data-view="md"] .col-xs-6,
[data-view="lg"] .col-xs-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

[data-view="xs"] .col-xs-7,
[data-view="sm"] .col-xs-7,
[data-view="md"] .col-xs-7,
[data-view="lg"] .col-xs-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

[data-view="xs"] .col-xs-8,
[data-view="sm"] .col-xs-8,
[data-view="md"] .col-xs-8,
[data-view="lg"] .col-xs-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

[data-view="xs"] .col-xs-9,
[data-view="sm"] .col-xs-9,
[data-view="md"] .col-xs-9,
[data-view="lg"] .col-xs-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

[data-view="xs"] .col-xs-10,
[data-view="sm"] .col-xs-10,
[data-view="md"] .col-xs-10,
[data-view="lg"] .col-xs-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

[data-view="xs"] .col-xs-11,
[data-view="sm"] .col-xs-11,
[data-view="md"] .col-xs-11,
[data-view="lg"] .col-xs-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

[data-view="xs"] .col-xs-12,
[data-view="sm"] .col-xs-12,
[data-view="md"] .col-xs-12,
[data-view="lg"] .col-xs-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

[data-view="xs"] .order-xs-0,
[data-view="sm"] .order-xs-0,
[data-view="md"] .order-xs-0,
[data-view="lg"] .order-xs-0 {
	-ms-flex-order: 0;
	order: 0;
}

[data-view="xs"] .order-xs-1,
[data-view="sm"] .order-xs-1,
[data-view="md"] .order-xs-1,
[data-view="lg"] .order-xs-1 {
	-ms-flex-order: 1;
	order: 1;
}

[data-view="xs"] .order-xs-2,
[data-view="sm"] .order-xs-2,
[data-view="md"] .order-xs-2,
[data-view="lg"] .order-xs-2 {
	-ms-flex-order: 2;
	order: 2;
}

[data-view="xs"] .order-xs-3,
[data-view="sm"] .order-xs-3,
[data-view="md"] .order-xs-3,
[data-view="lg"] .order-xs-3 {
	-ms-flex-order: 3;
	order: 3;
}

[data-view="xs"] .order-xs-4,
[data-view="sm"] .order-xs-4,
[data-view="md"] .order-xs-4,
[data-view="lg"] .order-xs-4 {
	-ms-flex-order: 4;
	order: 4;
}

[data-view="xs"] .order-xs-5,
[data-view="sm"] .order-xs-5,
[data-view="md"] .order-xs-5,
[data-view="lg"] .order-xs-5 {
	-ms-flex-order: 5;
	order: 5;
}

[data-view="xs"] .order-xs-6,
[data-view="sm"] .order-xs-6,
[data-view="md"] .order-xs-6,
[data-view="lg"] .order-xs-6 {
	-ms-flex-order: 6;
	order: 6;
}

[data-view="xs"] .order-xs-7,
[data-view="sm"] .order-xs-7,
[data-view="md"] .order-xs-7,
[data-view="lg"] .order-xs-7 {
	-ms-flex-order: 7;
	order: 7;
}

[data-view="xs"] .order-xs-8,
[data-view="sm"] .order-xs-8,
[data-view="md"] .order-xs-8,
[data-view="lg"] .order-xs-8 {
	-ms-flex-order: 8;
	order: 8;
}

[data-view="xs"] .order-xs-9,
[data-view="sm"] .order-xs-9,
[data-view="md"] .order-xs-9,
[data-view="lg"] .order-xs-9 {
	-ms-flex-order: 9;
	order: 9;
}

[data-view="xs"] .order-xs-10,
[data-view="sm"] .order-xs-10,
[data-view="md"] .order-xs-10,
[data-view="lg"] .order-xs-10 {
	-ms-flex-order: 10;
	order: 10;
}

[data-view="xs"] .order-xs-11,
[data-view="sm"] .order-xs-11,
[data-view="md"] .order-xs-11,
[data-view="lg"] .order-xs-11 {
	-ms-flex-order: 11;
	order: 11;
}

[data-view="xs"] .order-xs-12,
[data-view="sm"] .order-xs-12,
[data-view="md"] .order-xs-12,
[data-view="lg"] .order-xs-12 {
	-ms-flex-order: 12;
	order: 12;
}

[data-view="xs"] .offset-xs-0,
[data-view="sm"] .offset-xs-0,
[data-view="md"] .offset-xs-0,
[data-view="lg"] .offset-xs-0 {
	margin-left: 0;
}

[data-view="xs"] .offset-xs-1,
[data-view="sm"] .offset-xs-1,
[data-view="md"] .offset-xs-1,
[data-view="lg"] .offset-xs-1 {
	margin-left: 8.333333%;
}

[data-view="xs"] .offset-xs-2,
[data-view="sm"] .offset-xs-2,
[data-view="md"] .offset-xs-2,
[data-view="lg"] .offset-xs-2 {
	margin-left: 16.666667%;
}

[data-view="xs"] .offset-xs-3,
[data-view="sm"] .offset-xs-3,
[data-view="md"] .offset-xs-3,
[data-view="lg"] .offset-xs-3 {
	margin-left: 25%;
}

[data-view="xs"] .offset-xs-4,
[data-view="sm"] .offset-xs-4,
[data-view="md"] .offset-xs-4,
[data-view="lg"] .offset-xs-4 {
	margin-left: 33.333333%;
}

[data-view="xs"] .offset-xs-5,
[data-view="sm"] .offset-xs-5,
[data-view="md"] .offset-xs-5,
[data-view="lg"] .offset-xs-5 {
	margin-left: 41.666667%;
}

[data-view="xs"] .offset-xs-6,
[data-view="sm"] .offset-xs-6,
[data-view="md"] .offset-xs-6,
[data-view="lg"] .offset-xs-6 {
	margin-left: 50%;
}

[data-view="xs"] .offset-xs-7,
[data-view="sm"] .offset-xs-7,
[data-view="md"] .offset-xs-7,
[data-view="lg"] .offset-xs-7 {
	margin-left: 58.333333%;
}

[data-view="xs"] .offset-xs-8,
[data-view="sm"] .offset-xs-8,
[data-view="md"] .offset-xs-8,
[data-view="lg"] .offset-xs-8 {
	margin-left: 66.666667%;
}

[data-view="xs"] .offset-xs-9,
[data-view="sm"] .offset-xs-9,
[data-view="md"] .offset-xs-9,
[data-view="lg"] .offset-xs-9 {
	margin-left: 75%;
}

[data-view="xs"] .offset-xs-10,
[data-view="sm"] .offset-xs-10,
[data-view="md"] .offset-xs-10,
[data-view="lg"] .offset-xs-10 {
	margin-left: 83.333333%;
}

[data-view="xs"] .offset-xs-11,
[data-view="sm"] .offset-xs-11,
[data-view="md"] .offset-xs-11,
[data-view="lg"] .offset-xs-11 {
	margin-left: 91.666667%;
}

[data-view="sm"] .col-sm-1,
[data-view="md"] .col-sm-1,
[data-view="lg"] .col-sm-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

[data-view="sm"] .col-sm-2,
[data-view="md"] .col-sm-2,
[data-view="lg"] .col-sm-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

[data-view="sm"] .col-sm-3,
[data-view="md"] .col-sm-3,
[data-view="lg"] .col-sm-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

[data-view="sm"] .col-sm-4,
[data-view="md"] .col-sm-4,
[data-view="lg"] .col-sm-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

[data-view="sm"] .col-sm-5,
[data-view="md"] .col-sm-5,
[data-view="lg"] .col-sm-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

[data-view="sm"] .col-sm-6,
[data-view="md"] .col-sm-6,
[data-view="lg"] .col-sm-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

[data-view="sm"] .col-sm-7,
[data-view="md"] .col-sm-7,
[data-view="lg"] .col-sm-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

[data-view="sm"] .col-sm-8,
[data-view="md"] .col-sm-8,
[data-view="lg"] .col-sm-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

[data-view="sm"] .col-sm-9,
[data-view="md"] .col-sm-9,
[data-view="lg"] .col-sm-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

[data-view="sm"] .col-sm-10,
[data-view="md"] .col-sm-10,
[data-view="lg"] .col-sm-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

[data-view="sm"] .col-sm-11,
[data-view="md"] .col-sm-11,
[data-view="lg"] .col-sm-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

[data-view="sm"] .col-sm-12,
[data-view="md"] .col-sm-12,
[data-view="lg"] .col-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

[data-view="sm"] .order-sm-0,
[data-view="md"] .order-sm-0,
[data-view="lg"] .order-sm-0 {
	-ms-flex-order: 0;
	order: 0;
}

[data-view="sm"] .order-sm-1,
[data-view="md"] .order-sm-1,
[data-view="lg"] .order-sm-1 {
	-ms-flex-order: 1;
	order: 1;
}

[data-view="sm"] .order-sm-2,
[data-view="md"] .order-sm-2,
[data-view="lg"] .order-sm-1 {
	-ms-flex-order: 2;
	order: 2;
}

[data-view="sm"] .order-sm-3,
[data-view="md"] .order-sm-3,
[data-view="lg"] .order-sm-3 {
	-ms-flex-order: 3;
	order: 3;
}

[data-view="sm"] .order-sm-4,
[data-view="md"] .order-sm-4,
[data-view="lg"] .order-sm-4 {
	-ms-flex-order: 4;
	order: 4;
}

[data-view="sm"] .order-sm-5,
[data-view="md"] .order-sm-5,
[data-view="lg"] .order-sm-5 {
	-ms-flex-order: 5;
	order: 5;
}

[data-view="sm"] .order-sm-6,
[data-view="md"] .order-sm-6,
[data-view="lg"] .order-sm-6 {
	-ms-flex-order: 6;
	order: 6;
}

[data-view="sm"] .order-sm-7,
[data-view="md"] .order-sm-7,
[data-view="lg"] .order-sm-7 {
	-ms-flex-order: 7;
	order: 7;
}

[data-view="sm"] .order-sm-8,
[data-view="md"] .order-sm-8,
[data-view="lg"] .order-sm-8 {
	-ms-flex-order: 8;
	order: 8;
}

[data-view="sm"] .order-sm-9,
[data-view="md"] .order-sm-9,
[data-view="lg"] .order-sm-9 {
	-ms-flex-order: 9;
	order: 9;
}

[data-view="sm"] .order-sm-10,
[data-view="md"] .order-sm-10,
[data-view="lg"] .order-sm-10 {
	-ms-flex-order: 10;
	order: 10;
}

[data-view="sm"] .order-sm-11,
[data-view="md"] .order-sm-11,
[data-view="lg"] .order-sm-11 {
	-ms-flex-order: 11;
	order: 11;
}

[data-view="sm"] .order-sm-12,
[data-view="md"] .order-sm-12,
[data-view="lg"] .order-sm-12 {
	-ms-flex-order: 12;
	order: 12;
}

[data-view="sm"] .offset-sm-0,
[data-view="md"] .offset-sm-0,
[data-view="lg"] .offset-sm-0 {
	margin-left: 0;
}

[data-view="sm"] .offset-sm-1,
[data-view="md"] .offset-sm-1,
[data-view="lg"] .offset-sm-1 {
	margin-left: 8.333333%;
}

[data-view="sm"] .offset-sm-2,
[data-view="md"] .offset-sm-2,
[data-view="lg"] .offset-sm-2 {
	margin-left: 16.666667%;
}

[data-view="sm"] .offset-sm-3,
[data-view="md"] .offset-sm-3,
[data-view="lg"] .offset-sm-3 {
	margin-left: 25%;
}

[data-view="sm"] .offset-sm-4,
[data-view="md"] .offset-sm-4,
[data-view="lg"] .offset-sm-4 {
	margin-left: 33.333333%;
}

[data-view="sm"] .offset-sm-5,
[data-view="md"] .offset-sm-5,
[data-view="lg"] .offset-sm-5 {
	margin-left: 41.666667%;
}

[data-view="sm"] .offset-sm-6,
[data-view="md"] .offset-sm-6,
[data-view="lg"] .offset-sm-6 {
	margin-left: 50%;
}

[data-view="sm"] .offset-sm-7,
[data-view="md"] .offset-sm-7,
[data-view="lg"] .offset-sm-7 {
	margin-left: 58.333333%;
}

[data-view="sm"] .offset-sm-8,
[data-view="md"] .offset-sm-8,
[data-view="lg"] .offset-sm-8 {
	margin-left: 66.666667%;
}

[data-view="sm"] .offset-sm-9,
[data-view="md"] .offset-sm-9,
[data-view="lg"] .offset-sm-9 {
	margin-left: 75%;
}

[data-view="sm"] .offset-sm-10,
[data-view="md"] .offset-sm-10,
[data-view="lg"] .offset-sm-10 {
	margin-left: 83.333333%;
}

[data-view="sm"] .offset-sm-11,
[data-view="md"] .offset-sm-11,
[data-view="lg"] .offset-sm-11 {
	margin-left: 91.666667%;
}

[data-view="md"] .col-md-1,
[data-view="lg"] .col-md-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

[data-view="md"] .col-md-2,
[data-view="lg"] .col-md-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

[data-view="md"] .col-md-3,
[data-view="lg"] .col-md-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

[data-view="md"] .col-md-4,
[data-view="lg"] .col-md-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

[data-view="md"] .col-md-5,
[data-view="lg"] .col-md-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

[data-view="md"] .col-md-6,
[data-view="lg"] .col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

[data-view="md"] .col-md-7,
[data-view="lg"] .col-md-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

[data-view="md"] .col-md-8,
[data-view="lg"] .col-md-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

[data-view="md"] .col-md-9,
[data-view="lg"] .col-md-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

[data-view="md"] .col-md-10,
[data-view="lg"] .col-md-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

[data-view="md"] .col-md-11,
[data-view="lg"] .col-md-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

[data-view="md"] .col-md-12,
[data-view="lg"] .col-md-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

[data-view="md"] .order-md-0,
[data-view="lg"] .order-md-0 {
	-ms-flex-order: 0;
	order: 0;
}

[data-view="md"] .order-md-1,
[data-view="lg"] .order-md-1 {
	-ms-flex-order: 1;
	order: 1;
}

[data-view="md"] .order-md-2,
[data-view="lg"] .order-md-2 {
	-ms-flex-order: 2;
	order: 2;
}

[data-view="md"] .order-md-3,
[data-view="lg"] .order-md-3 {
	-ms-flex-order: 3;
	order: 3;
}

[data-view="md"] .order-md-4,
[data-view="lg"] .order-md-4 {
	-ms-flex-order: 4;
	order: 4;
}

[data-view="md"] .order-md-5,
[data-view="lg"] .order-md-5 {
	-ms-flex-order: 5;
	order: 5;
}

[data-view="md"] .order-md-6,
[data-view="lg"] .order-md-6 {
	-ms-flex-order: 6;
	order: 6;
}

[data-view="md"] .order-md-7,
[data-view="lg"] .order-md-7 {
	-ms-flex-order: 7;
	order: 7;
}

[data-view="md"] .order-md-8,
[data-view="lg"] .order-md-8 {
	-ms-flex-order: 8;
	order: 8;
}

[data-view="md"] .order-md-9,
[data-view="lg"] .order-md-9 {
	-ms-flex-order: 9;
	order: 9;
}

[data-view="md"] .order-md-10,
[data-view="lg"] .order-md-10 {
	-ms-flex-order: 10;
	order: 10;
}

[data-view="md"] .order-md-11,
[data-view="lg"] .order-md-11 {
	-ms-flex-order: 11;
	order: 11;
}

[data-view="md"] .order-md-12,
[data-view="lg"] .order-md-12 {
	-ms-flex-order: 12;
	order: 12;
}

[data-view="md"] .offset-md-0,
[data-view="lg"] .offset-md-0 {
	margin-left: 0;
}

[data-view="md"] .offset-md-1,
[data-view="lg"] .offset-md-1 {
	margin-left: 8.333333%;
}

[data-view="md"] .offset-md-2,
[data-view="lg"] .offset-md-2 {
	margin-left: 16.666667%;
}

[data-view="md"] .offset-md-3,
[data-view="lg"] .offset-md-3 {
	margin-left: 25%;
}

[data-view="md"] .offset-md-4,
[data-view="lg"] .offset-md-4 {
	margin-left: 33.333333%;
}

[data-view="md"] .offset-md-5,
[data-view="lg"] .offset-md-5 {
	margin-left: 41.666667%;
}

[data-view="md"] .offset-md-6,
[data-view="lg"] .offset-md-6 {
	margin-left: 50%;
}

[data-view="md"] .offset-md-7,
[data-view="lg"] .offset-md-7 {
	margin-left: 58.333333%;
}

[data-view="md"] .offset-md-8,
[data-view="lg"] .offset-md-8 {
	margin-left: 66.666667%;
}

[data-view="md"] .offset-md-9,
[data-view="lg"] .offset-md-9 {
	margin-left: 75%;
}

[data-view="md"] .offset-md-10,
[data-view="lg"] .offset-md-10 {
	margin-left: 83.333333%;
}

[data-view="md"] .offset-md-11,
[data-view="lg"] .offset-md-11 {
	margin-left: 91.666667%;
}

[data-view="lg"] .col-lg-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

[data-view="lg"] .col-lg-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

[data-view="lg"] .col-lg-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

[data-view="lg"] .col-lg-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

[data-view="lg"] .col-lg-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

[data-view="lg"] .col-lg-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

[data-view="lg"] .col-lg-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

[data-view="lg"] .col-lg-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

[data-view="lg"] .col-lg-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

[data-view="lg"] .col-lg-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

[data-view="lg"] .col-lg-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

[data-view="lg"] .col-lg-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

[data-view="lg"] .order-lg-0 {
	-ms-flex-order: 0;
	order: 0;
}

[data-view="lg"] .order-lg-1 {
	-ms-flex-order: 1;
	order: 1;
}

[data-view="lg"] .order-lg-2 {
	-ms-flex-order: 2;
	order: 2;
}

[data-view="lg"] .order-lg-3 {
	-ms-flex-order: 3;
	order: 3;
}

[data-view="lg"] .order-lg-4 {
	-ms-flex-order: 4;
	order: 4;
}

[data-view="lg"] .order-lg-5 {
	-ms-flex-order: 5;
	order: 5;
}

[data-view="lg"] .order-lg-6 {
	-ms-flex-order: 6;
	order: 6;
}

[data-view="lg"] .order-lg-7 {
	-ms-flex-order: 7;
	order: 7;
}

[data-view="lg"] .order-lg-8 {
	-ms-flex-order: 8;
	order: 8;
}

[data-view="lg"] .order-lg-9 {
	-ms-flex-order: 9;
	order: 9;
}

[data-view="lg"] .order-lg-10 {
	-ms-flex-order: 10;
	order: 10;
}

[data-view="lg"] .order-lg-11 {
	-ms-flex-order: 11;
	order: 11;
}

[data-view="lg"] .order-lg-12 {
	-ms-flex-order: 12;
	order: 12;
}

[data-view="lg"] .offset-lg-0 {
	margin-left: 0;
}

[data-view="lg"] .offset-lg-1 {
	margin-left: 8.333333%;
}

[data-view="lg"] .offset-lg-2 {
	margin-left: 16.666667%;
}

[data-view="lg"] .offset-lg-3 {
	margin-left: 25%;
}

[data-view="lg"] .offset-lg-4 {
	margin-left: 33.333333%;
}

[data-view="lg"] .offset-lg-5 {
	margin-left: 41.666667%;
}

[data-view="lg"] .offset-lg-6 {
	margin-left: 50%;
}

[data-view="lg"] .offset-lg-7 {
	margin-left: 58.333333%;
}

[data-view="lg"] .offset-lg-8 {
	margin-left: 66.666667%;
}

[data-view="lg"] .offset-lg-9 {
	margin-left: 75%;
}

[data-view="lg"] .offset-lg-10 {
	margin-left: 83.333333%;
}

[data-view="lg"] .offset-lg-11 {
	margin-left: 91.666667%;
}

[data-view="xs"].view-xs-transformer-md3-to-md4 .col-transformer.col-md-3 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

[data-view="xs"].view-xs-transformer-md4-to-md3 .col-transformer.col-md-4 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

[data-view="xs"].view-xs-transformer-md3-to-md6 .col-transformer.col-md-3 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

[data-view="xs"].view-xs-transformer-md4-to-md6 .col-transformer.col-md-4 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

[data-view="xs"].view-xs-transformer-md3-to-md12 .col-transformer.col-md-3 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

[data-view="xs"].view-xs-transformer-md4-to-md12 .col-transformer.col-md-4 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.display-f-wrap,
.d-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.display-f-jcenter,
.d-flex-jcenter {
	display: flex;
	justify-content: center;
}

.flex-jbetw {
	justify-content: space-between;
}

.flex-d-col,
.flex-direction-column {
	flex-direction: column;
}

.flex-wrap-nowrap {
	flex-wrap: nowrap;
}

.flex-justify-content-center {
	justify-content: center;
}

.flex-justify-content-flex-start {
	justify-content: flex-start;
}

.flex-justify-content-flex-end {
	justify-content: flex-end;
}

.flex-align-items-flex-start {
	align-items: flex-start;
}

.flex-align-center,
.flex-align-items-center {
	align-items: center;
}

.flex-align-items-flex-end {
	align-items: flex-end;
}

.flex-align-self-flex-start {
	align-self: flex-start;
}

.flex-align-self-center {
	align-self: center;
}

.flex-align-self-flex-end {
	align-self: flex-end;
}

.shrink-0 {
	flex-shrink: 0;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.finfin-loading {
	background-image: var(--loading) !important;
	animation: loading-animate 2s linear infinite;
	background-size: 40px 40px !important;
}

@keyframes loading-animate {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}


/* Content */

.menu-horizontal {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.menu-horizontal > li {
		display: inline-block;
		margin-right: 15px;
	}

[data-view="xs"] .menu-horizontal {
	white-space: nowrap;
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 30px;
	margin-bottom: -30px;
}

	[data-view="xs"] .menu-horizontal > li {
		display: inline-block;
	}

	[data-view="xs"] .menu-horizontal > div:last-child {
		margin-right: 15px;
	}

.scroll-horizontal {
	overflow-x: scroll;
	padding-bottom: 30px;
	margin-bottom: -30px;
}

.overflow-x {
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

	.overflow-x::-webkit-scrollbar {
		width: 0;
		background: transparent;
	}


/* Иконки */

:root {
	--fi-cube: "\e931";
	--fi-label: "\e936";
	--fi-calendar: "\e903";
	--fi-heart: "\e906";
	--fi-filter: "\e908";
	--fi-toggle-off: "\e924";
	--fi-toggle-on: "\e925";
	--fi-envelope: "\e918";
	--fi-paperclip: "\e900";
	--fi-arrow-left: "\e901";
	--fi-arrow-right: "\e902";
	--fi-envelope-o: "\e904";
	--fi-paper-plane: "\e90b";
	--fi-pencil: "\e90c";
	--fi-angle-down: "\e90d";
	--fi-angle-up: "\e90e";
	--fi-angle-right: "\e92a";
	--fi-angle-left: "\e92b";
	--fi-search: "\e913";
	--fi-spinner: "\e914";
	--fi-check: "\e91d";
	--fi-check-double: "\e939";
	--fi-check-dot: "\e93a";
	--fi-remove: "\e91f";
	--fi-photo: "\e90a";
	--fi-dots-v: "\e91c";
	--fi-dots-h: "\e938";
	--fi-phone: "\e91e";
	--fi-trash: "\e935";
	--fi-graduation-cap: "\e93b";
	--fi-lightbulb: "\e93d";
	--fi-heart-o: "\e905";
	--fi-person: "\e929";
	--fi-external: "\e910";
	--fi-thumbsup-o: "\e915";
	--fi-thumbsup: "\e923";
	--fi-star-o: "\e926";
	--fi-star: "\e920";
	--fi-stars: "\e92d";
	--fi-megaphone: "\e92e";
	--fi-bell-o: "\e907";
	--fi-bell: "\e92c";
	--fi-gear: "\e921";
	--fi-chat: "\e90f";
	--fi-crown-o: "\e917";
	--fi-basket: "\e928";
	--fi-refresh: "\e916";
	--fi-charts: "\e909";
	--fi-target: "\e934";
	--fi-clock: "\e927";
	--fi-home: "\e932";
	--fi-bars: "\e933";
	--fi-fullscreen: "\e930";
	--fi-info: "\e937";
	--fi-boxes: "\e93c";
	--fi-doc: "\e940";
	--fi-fire: "\e941";
	--fi-play: "\e944";
	--fi-crown: "\e94b";
	--fi-selection: "\e949";
	--fi-double-doc: "\e947";
	--fi-shield: "\e948";
	--fi-bid: "\e945";
	--fi-arrow-diagonal: "\e94a";
	--fi-lightning: "\f002";
	--fi-candles: "\f003";
	--fi-cell: "\f004";
	--fi-download: "\e919";
	--fi-save: "\e92f";
	--fi-share: "\e922";
	--fi-facebook: "\e911";
	--fi-odnoklassniki: "\e912";
	--fi-vk: "\e91b";
	--fi-zen: "\e93f";
	--fi-twitter: "\e91a";
	--fi-instagram: "\e943";
	--fi-telegram: "\e93e";
	--fi-max: "\f001";
	--fi-youtube: "\e942";
	--fi-rutube: "\f000";
}

.fi {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'finam' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fi-fire:before {
	content: var(--fi-fire);
}

.fi-info:before {
	content: var(--fi-info);
}

.fi-doc:before {
	content: var(--fi-doc);
}

.fi-calendar:before {
	content: var(--fi-calendar);
}

.fi-heart-o:before {
	content: var(--fi-heart-o);
}

.fi-heart:before {
	content: var(--fi-heart);
}

.fi-filter:before {
	content: var(--fi-filter);
}

.fi-person:before {
	content: var(--fi-person);
}

.fi-external:before {
	content: var(--fi-external);
}

.fi-thumbsup-o:before {
	content: var(--fi-thumbsup-o);
}

.fi-thumbsup:before {
	content: var(--fi-thumbsup);
}

.fi-star-o:before {
	content: var(--fi-star-o);
}

.fi-stars:before {
	content: var(--fi-stars);
}

.fi-toggle-off:before {
	content: var(--fi-toggle-off);
}

.fi-toggle-on:before {
	content: var(--fi-toggle-on);
}

.fi-envelope:before {
	content: var(--fi-envelope);
}

.fi-paperclip:before {
	content: var(--fi-paperclip);
}

.fi-arrow-left:before {
	content: var(--fi-arrow-left);
}

.fi-arrow-right:before {
	content: var(--fi-arrow-right);
}

.fi-envelope-o:before {
	content: var(--fi-envelope-o);
}

.fi-paper-plane:before {
	content: var(--fi-paper-plane);
}

.fi-pencil:before {
	content: var(--fi-pencil);
}

.fi-angle-down:before {
	content: var(--fi-angle-down);
}

.fi-angle-up:before {
	content: var(--fi-angle-up);
}

.fi-angle-right:before {
	content: var(--fi-angle-right);
}

.fi-angle-left:before {
	content: var(--fi-angle-left);
}

.fi-facebook:before {
	content: var(--fi-facebook);
}

.fi-odnoklassniki:before {
	content: var(--fi-odnoklassniki);
}

.fi-search:before {
	content: var(--fi-search);
}

.fi-twitter:before {
	content: var(--fi-twitter);
}

.fi-vk:before {
	content: var(--fi-vk);
}

.fi-check:before {
	content: var(--fi-check);
}

.fi-check-double:before {
	content: var(--fi-check-double);
}

.fi-check-dot:before {
	content: var(--fi-check-dot);
}

.fi-remove:before {
	content: var(--fi-remove);
}

.fi-star:before {
	content: var(--fi-star);
}

.fi-bell-o:before {
	content: var(--fi-bell-o);
}

.fi-bell:before {
	content: var(--fi-bell);
}

.fi-photo:before {
	content: var(--fi-photo);
}

.fi-dots-v:before {
	content: var(--fi-dots-v);
}

.fi-dots-h:before {
	content: var(--fi-dots-h);
}

.fi-phone:before {
	content: var(--fi-phone);
}

.fi-gear:before {
	content: var(--fi-gear);
}

.fi-trash:before {
	content: var(--fi-trash);
}

.fi-graduation-cap:before {
	content: var(--fi-graduation-cap);
}

.fi-lightbulb:before {
	content: var(--fi-lightbulb);
}

.fi-telegram:before {
	content: var(--fi-telegram);
}

.fi-max:before {
	content: var(--fi-max);
}

.fi-zen:before {
	content: var(--fi-zen);
}

.fi-youtube:before {
	content: var(--fi-youtube);
}

.fi-rutube:before {
	content: var(--fi-rutube);
}

.fi-instagram:before {
	content: var(--fi-instagram);
}

.fi-chat:before {
	content: var(--fi-chat);
}

.fi-crown-o:before {
	content: var(--fi-crown-o);
}

.fi-clock:before {
	content: var(--fi-clock);
}

.fi-basket:before {
	content: var(--fi-basket);
}

.fi-home:before {
	content: var(--fi-home);
}

.fi-bars:before {
	content: var(--fi-bars);
}

.fi-refresh:before {
	content: var(--fi-refresh);
}

.fi-charts:before {
	content: var(--fi-charts);
}

.fi-download:before {
	content: var(--fi-download);
}

.fi-share:before {
	content: var(--fi-share);
}

.fi-megaphone:before {
	content: var(--fi-megaphone);
}

.fi-save:before {
	content: var(--fi-save);
}

.fi-fullscreen:before {
	content: var(--fi-fullscreen);
}

.fi-demo:before {
	content: var(--fi-demo);
}

.fi-target:before {
	content: var(--fi-target);
}

.fi-spinner:before {
	content: var(--fi-spinner);
}

.fi-cube:before {
	content: var(--fi-cube);
}

.fi-label:before {
	content: var(--fi-label);
}

.fi-boxes:before {
	content: var(--fi-boxes);
}

.fi-play:before {
	content: var(--fi-play);
}

.fi-spinner {
	-webkit-animation: fi-spin 1.5s infinite steps(12);
	animation: fi-spin 1.5s infinite steps(12);
	display: inline-block;
}

.fi-crown:before {
	content: var(--fi-crown);
}

.fi-selection:before {
	content: var(--fi-selection);
}

.fi-double-doc:before {
	content: var(--fi-double-doc);
}

.fi-shield:before {
	content: var(--fi-shield);
}

.fi-bid:before {
	content: var(--fi-bid);
}

.fi-arrow-diagonal:before {
	content: var(--fi-arrow-diagonal);
}

.fi-lightning:before {
	content: var(--fi-lightning);
}

.fi-candles:before {
	content: var(--fi-candles);
}

.fi-cell:before {
	content: var(--fi-cell);
}

@-webkit-keyframes fi-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes fi-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}


.process:before {
	opacity: 0;
	font-family: 'finam';
	position: absolute;
	margin-left: 0.2em;
	margin-top: -0.5em;
	font-size: 0.5em;
	line-height: 1.55em;
	width: 1.55em;
	height: 1.55em;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	color: var(--primary-cl);
	border-radius: 50%;
	box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.process-wait:before {
	content: "\e914";
	opacity: 1;
	background-color: yellow;
	-webkit-animation: fa-spin 1.5s infinite steps(12);
	animation: fa-spin 1.5s infinite steps(12);
}

.process-success::before {
	content: "\e91d";
	opacity: 1;
	color: white;
	background-color: green;
	transition: background-color 1s linear;
	-webkit-animation: none;
	animation: none;
}

.process-fail::before {
	content: "Ошибка";
	font: 10px "Noto Sans", sans-serif;
	opacity: 1;
	color: white;
	background-color: var(--cl-red);
	transition: background-color 1s linear;
	-webkit-animation: none;
	animation: none;
	width: auto;
	border-radius: 3px;
	padding: 0 3px;
}



/* Display блоков */

[data-view="xs"] .d-xs-inline,
[data-view="sm"] .d-xs-inline,
[data-view="md"] .d-xs-inline,
[data-view="lg"] .d-xs-inline {
	display: inline;
}

[data-view="xs"] .d-xs-inline-block,
[data-view="sm"] .d-xs-inline-block,
[data-view="md"] .d-xs-inline-block,
[data-view="lg"] .d-xs-inline-block {
	display: inline-block;
}

[data-view="xs"] .d-xs-block,
[data-view="sm"] .d-xs-block,
[data-view="md"] .d-xs-block,
[data-view="lg"] .d-xs-block {
	display: block;
}

[data-view="xs"] .d-xs-none,
[data-view="sm"] .d-xs-none,
[data-view="md"] .d-xs-none,
[data-view="lg"] .d-xs-none {
	display: none;
}

[data-view="sm"] .d-sm-inline,
[data-view="md"] .d-sm-inline,
[data-view="lg"] .d-sm-inline {
	display: inline;
}

[data-view="sm"] .d-sm-inline-block,
[data-view="md"] .d-sm-inline-block,
[data-view="lg"] .d-sm-inline-block {
	display: inline-block;
}

[data-view="sm"] .d-sm-block,
[data-view="md"] .d-sm-block,
[data-view="lg"] .d-sm-block {
	display: block;
}

[data-view="sm"] .d-sm-none,
[data-view="md"] .d-sm-none,
[data-view="lg"] .d-sm-none {
	display: none;
}

[data-view="md"] .d-md-inline,
[data-view="lg"] .d-md-inline {
	display: inline;
}

[data-view="md"] .d-md-inline-block,
[data-view="lg"] .d-md-inline-block {
	display: inline-block;
}

[data-view="md"] .d-md-block,
[data-view="lg"] .d-md-block {
	display: block;
}

[data-view="md"] .d-md-none,
[data-view="lg"] .d-md-none {
	display: none;
}

[data-view="lg"] .d-lg-inline {
	display: inline;
}

[data-view="lg"] .d-lg-inline-block {
	display: inline-block;
}

[data-view="lg"] .d-lg-block {
	display: block;
}

[data-view="lg"] .d-lg-none {
	display: none;
}

.hide,
.d-none,
[data-view] .hide,
[data-view] .d-none {
	display: none;
}



/* Margins */

.align-center {
	margin: 0 auto;
}

.ml-neg-05x {
	margin-left: -5px;
}

.mr-neg-05x {
	margin-right: -5px;
}

.ml-neg-1x {
	margin-left: -10px;
}

.mr-neg-1x {
	margin-right: -10px;
}

.ml-neg-15x {
	margin-left: -15px;
}

.mr-neg-15x {
	margin-right: -15px;
}

.m0x {
	margin: 0;
}

.mt0x {
	margin-top: 0px;
}

.mr0x {
	margin-right: 0px;
}

.mb0x {
	margin-bottom: 0px;
}

.ml0x {
	margin-left: 0px;
}

.m05x {
	margin: 5px;
}

.mt05x {
	margin-top: 5px;
}

.mr05x {
	margin-right: 5px;
}

.mb05x {
	margin-bottom: 5px;
}

.ml05x {
	margin-left: 5px;
}

.m1x {
	margin: 10px;
}

.mt1x {
	margin-top: 10px;
}

.mr1x {
	margin-right: 10px;
}

.mb1x {
	margin-bottom: 10px;
}

.ml1x {
	margin-left: 10px;
}

.m15x {
	margin: 15px;
}

.mt15x {
	margin-top: 15px;
}

.mr15x {
	margin-right: 15px;
}

.mb15x {
	margin-bottom: 15px;
}

.ml15x {
	margin-left: 15px;
}

.m2x {
	margin: 20px;
}

.mt2x {
	margin-top: 20px;
}

.mr2x {
	margin-right: 20px;
}

.mb2x {
	margin-bottom: 20px;
}

.ml2x {
	margin-left: 20px;
}

.m3x {
	margin: 30px;
}

.mt3x {
	margin-top: 30px;
}

.mr3x {
	margin-right: 30px;
}

.mb3x {
	margin-bottom: 30px;
}

.ml3x {
	margin-left: 30px;
}

.m4x {
	margin: 40px;
}

.mt4x {
	margin-top: 40px;
}

.mr4x {
	margin-right: 40px;
}

.mb4x {
	margin-bottom: 40px;
}

.ml4x {
	margin-left: 40px;
}

.m5x {
	margin: 50px;
}

.mt5x {
	margin-top: 50px;
}

.mr5x {
	margin-right: 50px;
}

.mb5x {
	margin-bottom: 50px;
}

.ml5x {
	margin-left: 50px;
}

.m6x {
	margin: 60px;
}

.mt6x {
	margin-top: 60px;
}

.mr6x {
	margin-right: 60px;
}

.mb6x {
	margin-bottom: 60px;
}

.ml6x {
	margin-left: 60px;
}

.m8x {
	margin: 80px;
}

.mt8x {
	margin-top: 80px;
}

.mr8x {
	margin-right: 80px;
}

.mb8x {
	margin-bottom: 80px;
}

.ml8x {
	margin-left: 80px;
}

.m10x {
	margin: 100px;
}

.mt10x {
	margin-top: 100px;
}

.mr10x {
	margin-right: 100px;
}

.mb10x {
	margin-bottom: 100px;
}

.ml10x {
	margin-left: 100px;
}

.m12x {
	margin: 120px;
}

.mt12x {
	margin-top: 120px;
}

.mr12x {
	margin-right: 120px;
}

.mb12x {
	margin-bottom: 120px;
}

.ml12x {
	margin-left: 120px;
}


/* Paddings */

.p0x {
	padding: 0;
}

.pt0x {
	padding-top: 0;
}

.pr0x {
	padding-right: 0;
}

.pb0x {
	padding-bottom: 0;
}

.pl0x {
	padding-left: 0;
}

.p05x {
	padding: 5px;
}

.pt05x {
	padding-top: 5px;
}

.pr05x {
	padding-right: 5px;
}

.pb05x {
	padding-bottom: 5px;
}

.pl05x {
	padding-left: 5px;
}

.p1x {
	padding: 10px;
}

.pt1x {
	padding-top: 10px;
}

.pr1x {
	padding-right: 10px;
}

.pb1x {
	padding-bottom: 10px;
}

.pl1x {
	padding-left: 10px;
}

.p15x {
	padding: 15px;
}

.pt15x {
	padding-top: 15px;
}

.pr15x {
	padding-right: 15px;
}

.pb15x {
	padding-bottom: 15px;
}

.pl15x {
	padding-left: 15px;
}

.p2x {
	padding: 20px;
}

.pt2x {
	padding-top: 20px;
}

.pr2x {
	padding-right: 20px;
}

.pb2x {
	padding-bottom: 20px;
}

.pl2x {
	padding-left: 20px;
}

.p3x {
	padding: 30px;
}

.pt3x {
	padding-top: 30px;
}

.pr3x {
	padding-right: 30px;
}

.pb3x {
	padding-bottom: 30px;
}

.pl3x {
	padding-left: 30px;
}

.p4x {
	padding: 40px;
}

.pt4x {
	padding-top: 40px;
}

.pr4x {
	padding-right: 40px;
}

.pb4x {
	padding-bottom: 40px;
}

.pl4x {
	padding-left: 40px;
}

.p5x {
	padding: 50px;
}

.pt5x {
	padding-top: 50px;
}

.pr5x {
	padding-right: 50px;
}

.pb5x {
	padding-bottom: 50px;
}

.pl5x {
	padding-left: 50px;
}

.p6x {
	padding: 60px;
}

.pt6x {
	padding-top: 60px;
}

.pr6x {
	padding-right: 60px;
}

.pb6x {
	padding-bottom: 60px;
}

.pl6x {
	padding-left: 60px;
}

.p8x {
	padding: 80px;
}

.pt8x {
	padding-top: 80px;
}

.pr8x {
	padding-right: 80px;
}

.pb8x {
	padding-bottom: 80px;
}

.pl8x {
	padding-left: 80px;
}

.p10x {
	padding: 100px;
}

.pt10x {
	padding-top: 100px;
}

.pr10x {
	padding-right: 100px;
}

.pb10x {
	padding-bottom: 100px;
}

.pl10x {
	padding-left: 100px;
}

.p12x {
	padding: 120px;
}

.pt12x {
	padding-top: 120px;
}

.pb12x {
	padding-bottom: 120px;
}

.pl12x {
	padding-left: 120px;
}

.pr12x {
	padding-right: 120px;
}


/* Gaps */

.g0x {
	gap: 0;
}

.g05x {
	gap: 5px;
}

.g1x {
	gap: 10px;
}

.g15x {
	gap: 15px;
}

.g2x {
	gap: 20px;
}

.g3x {
	gap: 30px;
}

.g4x {
	gap: 40px;
}

.g5x {
	gap: 50px;
}

.g6x {
	gap: 60px;
}

.g8x {
	gap: 80px;
}

.g10x {
	gap: 100px;
}

.g12x {
	gap: 120px;
}

[data-view="xs"] .p-xs-0x {
	padding: 0;
}

[data-view="xs"] .pt-xs-0x {
	padding-top: 0;
}

[data-view="xs"] .pr-xs-0x {
	padding-right: 0;
}

[data-view="xs"] .pb-xs-0x {
	padding-bottom: 0;
}

[data-view="xs"] .pl-xs-0x {
	padding-left: 0;
}

[data-view="xs"] .p-xs-05x {
	padding: 5px;
}

[data-view="xs"] .pt-xs-05x {
	padding-top: 5px;
}

[data-view="xs"] .pr-xs-05x {
	padding-right: 5px;
}

[data-view="xs"] .pb-xs-05x {
	padding-bottom: 5px;
}

[data-view="xs"] .pl-xs-05x {
	padding-left: 5px;
}

[data-view="xs"] .p-xs-1x {
	padding: 10px;
}

[data-view="xs"] .pt-xs-1x {
	padding-top: 10px;
}

[data-view="xs"] .pr-xs-1x {
	padding-right: 10px;
}

[data-view="xs"] .pb-xs-1x {
	padding-bottom: 10px;
}

[data-view="xs"] .pl-xs-1x {
	padding-left: 10px;
}

[data-view="xs"] .p-xs-2x {
	padding: 20px;
}

[data-view="xs"] .pt-xs-2x {
	padding-top: 20px;
}

[data-view="xs"] .pr-xs-2x {
	padding-right: 20px;
}

[data-view="xs"] .pb-xs-2x {
	padding-bottom: 20px;
}

[data-view="xs"] .pl-xs-2x {
	padding-left: 20px;
}

[data-view="xs"] .p-xs-3x {
	padding: 30px;
}

[data-view="xs"] .pt-xs-3x {
	padding-top: 30px;
}

[data-view="xs"] .pr-xs-3x {
	padding-right: 30px;
}

[data-view="xs"] .pb-xs-3x {
	padding-bottom: 30px;
}

[data-view="xs"] .pl-xs-3x {
	padding-left: 30px;
}

[data-view="xs"] .p-xs-4x {
	padding: 40px;
}

[data-view="xs"] .pt-xs-4x {
	padding-top: 40px;
}

[data-view="xs"] .pr-xs-4x {
	padding-right: 40px;
}

[data-view="xs"] .pb-xs-4x {
	padding-bottom: 40px;
}

[data-view="xs"] .pl-xs-4x {
	padding-left: 40px;
}

[data-view="xs"] .p-xs-5x {
	padding: 50px;
}

[data-view="xs"] .pt-xs-5x {
	padding-top: 50px;
}

[data-view="xs"] .pr-xs-5x {
	padding-right: 50px;
}

[data-view="xs"] .pb-xs-5x {
	padding-bottom: 50px;
}

[data-view="xs"] .pl-xs-5x {
	padding-left: 50px;
}

[data-view="xs"] .p-xs-6x {
	padding: 60px;
}

[data-view="xs"] .pt-xs-6x {
	padding-top: 60px;
}

[data-view="xs"] .pr-xs-6x {
	padding-right: 60px;
}

[data-view="xs"] .pb-xs-6x {
	padding-bottom: 60px;
}

[data-view="xs"] .pl-xs-6x {
	padding-left: 60px;
}

[data-view="xs"] .p-xs-8x {
	padding: 80px;
}

[data-view="xs"] .pt-xs-8x {
	padding-top: 80px;
}

[data-view="xs"] .pr-xs-8x {
	padding-right: 80px;
}

[data-view="xs"] .pb-xs-8x {
	padding-bottom: 80px;
}

[data-view="xs"] .pl-xs-8x {
	padding-left: 80px;
}

[data-view="xs"] .p-xs-10x {
	padding: 100px;
}

[data-view="xs"] .pt-xs-10x {
	padding-top: 100px;
}

[data-view="xs"] .pr-xs-10x {
	padding-right: 100px;
}

[data-view="xs"] .pb-xs-10x {
	padding-bottom: 100px;
}

[data-view="xs"] .pl-xs-10x {
	padding-left: 100px;
}

[data-view="xs"] .p-xs-12x {
	padding: 120px;
}

[data-view="xs"] .pt-xs-12x {
	padding-top: 120px;
}

[data-view="xs"] .pb-xs-12x {
	padding-bottom: 120px;
}

[data-view="xs"] .pl-xs-12x {
	padding-left: 120px;
}

[data-view="xs"] .pr-xs-12x {
	padding-right: 120px;
}

[data-view="sm"] .p-sm-0x {
	padding: 0;
}

[data-view="sm"] .pt-sm-0x {
	padding-top: 0;
}

[data-view="sm"] .pr-sm-0x {
	padding-right: 0;
}

[data-view="sm"] .pb-sm-0x {
	padding-bottom: 0;
}

[data-view="sm"] .pl-sm-0x {
	padding-left: 0;
}

[data-view="sm"] .p-sm-05x {
	padding: 5px;
}

[data-view="sm"] .pt-sm-05x {
	padding-top: 5px;
}

[data-view="sm"] .pr-sm-05x {
	padding-right: 5px;
}

[data-view="sm"] .pb-sm-05x {
	padding-bottom: 5px;
}

[data-view="sm"] .pl-sm-05x {
	padding-left: 5px;
}

[data-view="sm"] .p-sm-1x {
	padding: 10px;
}

[data-view="sm"] .pt-sm-1x {
	padding-top: 10px;
}

[data-view="sm"] .pr-sm-1x {
	padding-right: 10px;
}

[data-view="sm"] .pb-sm-1x {
	padding-bottom: 10px;
}

[data-view="sm"] .pl-sm-1x {
	padding-left: 10px;
}

[data-view="sm"] .p-sm-2x {
	padding: 20px;
}

[data-view="sm"] .pt-sm-2x {
	padding-top: 20px;
}

[data-view="sm"] .pr-sm-2x {
	padding-right: 20px;
}

[data-view="sm"] .pb-sm-2x {
	padding-bottom: 20px;
}

[data-view="sm"] .pl-sm-2x {
	padding-left: 20px;
}

[data-view="sm"] .p-sm-3x {
	padding: 30px;
}

[data-view="sm"] .pt-sm-3x {
	padding-top: 30px;
}

[data-view="sm"] .pr-sm-3x {
	padding-right: 30px;
}

[data-view="sm"] .pb-sm-3x {
	padding-bottom: 30px;
}

[data-view="sm"] .pl-sm-3x {
	padding-left: 30px;
}

[data-view="sm"] .p-sm-4x {
	padding: 40px;
}

[data-view="sm"] .pt-sm-4x {
	padding-top: 40px;
}

[data-view="sm"] .pr-sm-4x {
	padding-right: 40px;
}

[data-view="sm"] .pb-sm-4x {
	padding-bottom: 40px;
}

[data-view="sm"] .pl-sm-4x {
	padding-left: 40px;
}

[data-view="sm"] .p-sm-5x {
	padding: 50px;
}

[data-view="sm"] .pt-sm-5x {
	padding-top: 50px;
}

[data-view="sm"] .pr-sm-5x {
	padding-right: 50px;
}

[data-view="sm"] .pb-sm-5x {
	padding-bottom: 50px;
}

[data-view="sm"] .pl-sm-5x {
	padding-left: 50px;
}

[data-view="sm"] .p-sm-6x {
	padding: 60px;
}

[data-view="sm"] .pt-sm-6x {
	padding-top: 60px;
}

[data-view="sm"] .pr-sm-6x {
	padding-right: 60px;
}

[data-view="sm"] .pb-sm-6x {
	padding-bottom: 60px;
}

[data-view="sm"] .pl-sm-6x {
	padding-left: 60px;
}

[data-view="sm"] .p-sm-8x {
	padding: 80px;
}

[data-view="sm"] .pt-sm-8x {
	padding-top: 80px;
}

[data-view="sm"] .pr-sm-8x {
	padding-right: 80px;
}

[data-view="sm"] .pb-sm-8x {
	padding-bottom: 80px;
}

[data-view="sm"] .pl-sm-8x {
	padding-left: 80px;
}

[data-view="sm"] .p-sm-10x {
	padding: 100px;
}

[data-view="sm"] .pt-sm-10x {
	padding-top: 100px;
}

[data-view="sm"] .pr-sm-10x {
	padding-right: 100px;
}

[data-view="sm"] .pb-sm-10x {
	padding-bottom: 100px;
}

[data-view="sm"] .pl-sm-10x {
	padding-left: 100px;
}

[data-view="sm"] .pl-sm-10x {
	padding-left: 100px;
}

[data-view="sm"] .p-sm-12x {
	padding: 120px;
}

[data-view="sm"] .pt-sm-12x {
	padding-top: 120px;
}

[data-view="sm"] .pb-sm-12x {
	padding-bottom: 120px;
}

[data-view="sm"] .pl-sm-12x {
	padding-left: 120px;
}

[data-view="sm"] .pr-sm-12x {
	padding-right: 120px;
}

[data-view="md"] .p-md-0x {
	padding: 0;
}

[data-view="md"] .pt-md-0x {
	padding-top: 0;
}

[data-view="md"] .pr-md-0x {
	padding-right: 0;
}

[data-view="md"] .pb-md-0x {
	padding-bottom: 0;
}

[data-view="md"] .pl-md-0x {
	padding-left: 0;
}

[data-view="md"] .p-md-05x {
	padding: 5px;
}

[data-view="md"] .pt-md-05x {
	padding-top: 5px;
}

[data-view="md"] .pr-md-05x {
	padding-right: 5px;
}

[data-view="md"] .pb-md-05x {
	padding-bottom: 5px;
}

[data-view="md"] .pl-md-05x {
	padding-left: 5px;
}

[data-view="md"] .p-md-1x {
	padding: 10px;
}

[data-view="md"] .pt-md-1x {
	padding-top: 10px;
}

[data-view="md"] .pr-md-1x {
	padding-right: 10px;
}

[data-view="md"] .pb-md-1x {
	padding-bottom: 10px;
}

[data-view="md"] .pl-md-1x {
	padding-left: 10px;
}

[data-view="md"] .p-md-15x {
	padding: 15px;
}

[data-view="md"] .pt-md-15x {
	padding-top: 15px;
}

[data-view="md"] .pr-md-15x {
	padding-right: 15px;
}

[data-view="md"] .pb-md-15x {
	padding-bottom: 15px;
}

[data-view="md"] .pl-md-15x {
	padding-left: 15px;
}

[data-view="md"] .p-md-2x {
	padding: 20px;
}

[data-view="md"] .pt-md-2x {
	padding-top: 20px;
}

[data-view="md"] .pr-md-2x {
	padding-right: 20px;
}

[data-view="md"] .pb-md-2x {
	padding-bottom: 20px;
}

[data-view="md"] .pl-md-2x {
	padding-left: 20px;
}

[data-view="md"] .p-md-3x {
	padding: 30px;
}

[data-view="md"] .pt-md-3x {
	padding-top: 30px;
}

[data-view="md"] .pr-md-3x {
	padding-right: 30px;
}

[data-view="md"] .pb-md-3x {
	padding-bottom: 30px;
}

[data-view="md"] .pl-md-3x {
	padding-left: 30px;
}

[data-view="md"] .p-md-4x {
	padding: 40px;
}

[data-view="md"] .pt-md-4x {
	padding-top: 40px;
}

[data-view="md"] .pr-md-4x {
	padding-right: 40px;
}

[data-view="md"] .pb-md-4x {
	padding-bottom: 40px;
}

[data-view="md"] .pl-md-4x {
	padding-left: 40px;
}

[data-view="md"] .p-md-5x {
	padding: 50px;
}

[data-view="md"] .pt-md-5x {
	padding-top: 50px;
}

[data-view="md"] .pr-md-5x {
	padding-right: 50px;
}

[data-view="md"] .pb-md-5x {
	padding-bottom: 50px;
}

[data-view="md"] .pl-md-5x {
	padding-left: 50px;
}

[data-view="md"] .p-md-6x {
	padding: 60px;
}

[data-view="md"] .pt-md-6x {
	padding-top: 60px;
}

[data-view="md"] .pr-md-6x {
	padding-right: 60px;
}

[data-view="md"] .pb-md-6x {
	padding-bottom: 60px;
}

[data-view="md"] .p-md-8x {
	padding: 80px;
}

[data-view="md"] .pt-md-8x {
	padding-top: 80px;
}

[data-view="md"] .pr-md-8x {
	padding-right: 80px;
}

[data-view="md"] .pb-md-8x {
	padding-bottom: 80px;
}

[data-view="md"] .pl-md-8x {
	padding-left: 80px;
}

[data-view="md"] .p-md-10x {
	padding: 100px;
}

[data-view="md"] .pt-md-10x {
	padding-top: 100px;
}

[data-view="md"] .pr-md-10x {
	padding-right: 100px;
}

[data-view="md"] .pb-md-10x {
	padding-bottom: 100px;
}

[data-view="md"] .pl-md-10x {
	padding-left: 100px;
}

[data-view="md"] .p-md-12x {
	padding: 120px;
}

[data-view="md"] .pt-md-12x {
	padding-top: 120px;
}

[data-view="md"] .pb-md-12x {
	padding-bottom: 120px;
}

[data-view="md"] .pl-md-12x {
	padding-left: 120px;
}

[data-view="md"] .pr-md-12x {
	padding-right: 120px;
}

[data-view="lg"] .p-lg-0x {
	padding: 0;
}

[data-view="lg"] .pt-lg-0x {
	padding-top: 0;
}

[data-view="lg"] .pr-lg-0x {
	padding-right: 0;
}

[data-view="lg"] .pb-lg-0x {
	padding-bottom: 0;
}

[data-view="lg"] .pl-lg-0x {
	padding-left: 0;
}

[data-view="lg"] .p-lg-05x {
	padding: 5px;
}

[data-view="lg"] .pt-lg-05x {
	padding-top: 5px;
}

[data-view="lg"] .pr-lg-05x {
	padding-right: 5px;
}

[data-view="lg"] .pb-lg-05x {
	padding-bottom: 5px;
}

[data-view="lg"] .pl-lg-05x {
	padding-left: 5px;
}

[data-view="lg"] .p-lg-1x {
	padding: 10px;
}

[data-view="lg"] .pt-lg-1x {
	padding-top: 10px;
}

[data-view="lg"] .pr-lg-1x {
	padding-right: 10px;
}

[data-view="lg"] .pb-lg-1x {
	padding-bottom: 10px;
}

[data-view="lg"] .pl-lg-1x {
	padding-left: 10px;
}

[data-view="lg"] .p-lg-15x {
	padding: 15px;
}

[data-view="lg"] .pt-lg-15x {
	padding-top: 15px;
}

[data-view="lg"] .pr-lg-15x {
	padding-right: 15px;
}

[data-view="lg"] .pb-lg-15x {
	padding-bottom: 15px;
}

[data-view="lg"] .pl-lg-15x {
	padding-left: 15px;
}

[data-view="lg"] .p-lg-2x {
	padding: 20px;
}

[data-view="lg"] .pt-lg-2x {
	padding-top: 20px;
}

[data-view="lg"] .pr-lg-2x {
	padding-right: 20px;
}

[data-view="lg"] .pb-lg-2x {
	padding-bottom: 20px;
}

[data-view="lg"] .pl-lg-2x {
	padding-left: 20px;
}

[data-view="lg"] .p-lg-3x {
	padding: 30px;
}

[data-view="lg"] .pt-lg-3x {
	padding-top: 30px;
}

[data-view="lg"] .pr-lg-3x {
	padding-right: 30px;
}

[data-view="lg"] .pb-lg-3x {
	padding-bottom: 30px;
}

[data-view="lg"] .pl-lg-3x {
	padding-left: 30px;
}

[data-view="lg"] .p-lg-4x {
	padding: 40px;
}

[data-view="lg"] .pt-lg-4x {
	padding-top: 40px;
}

[data-view="lg"] .pr-lg-4x {
	padding-right: 40px;
}

[data-view="lg"] .pb-lg-4x {
	padding-bottom: 40px;
}

[data-view="lg"] .pl-lg-4x {
	padding-left: 40px;
}

[data-view="lg"] .p-lg-5x {
	padding: 50px;
}

[data-view="lg"] .pt-lg-5x {
	padding-top: 50px;
}

[data-view="lg"] .pr-lg-5x {
	padding-right: 50px;
}

[data-view="lg"] .pb-lg-5x {
	padding-bottom: 50px;
}

[data-view="lg"] .pl-lg-5x {
	padding-left: 50px;
}

[data-view="lg"] .p-lg-6x {
	padding: 60px;
}

[data-view="lg"] .pt-lg-6x {
	padding-top: 60px;
}

[data-view="lg"] .pr-lg-6x {
	padding-right: 60px;
}

[data-view="lg"] .pb-lg-6x {
	padding-bottom: 60px;
}

[data-view="lg"] .pl-lg-6x {
	padding-left: 60px;
}

[data-view="lg"] .p-lg-8x {
	padding: 80px;
}

[data-view="lg"] .pt-lg-8x {
	padding-top: 80px;
}

[data-view="lg"] .pr-lg-8x {
	padding-right: 80px;
}

[data-view="lg"] .pb-lg-8x {
	padding-bottom: 80px;
}

[data-view="lg"] .pl-lg-8x {
	padding-left: 80px;
}

[data-view="lg"] .p-lg-10x {
	padding: 100px;
}

[data-view="lg"] .pt-lg-10x {
	padding-top: 100px;
}

[data-view="lg"] .pr-lg-10x {
	padding-right: 100px;
}

[data-view="lg"] .pb-lg-10x {
	padding-bottom: 100px;
}

[data-view="lg"] .pl-lg-10x {
	padding-left: 100px;
}

[data-view="lg"] .p-lg-12x {
	padding: 120px;
}

[data-view="lg"] .pt-lg-12x {
	padding-top: 120px;
}

[data-view="lg"] .pb-lg-12x {
	padding-bottom: 120px;
}

[data-view="lg"] .pl-lg-12x {
	padding-left: 120px;
}

[data-view="lg"] .pr-lg-12x {
	padding-right: 120px;
}

[data-view="xs"] .m-xs-0x {
	margin: 0;
}

[data-view="xs"] .mt-xs-0x {
	margin-top: 0;
}

[data-view="xs"] .mr-xs-0x {
	margin-right: 0;
}

[data-view="xs"] .mb-xs-0x {
	margin-bottom: 0;
}

[data-view="xs"] .ml-xs-0x {
	margin-left: 0;
}

[data-view="xs"] .m-xs-05x {
	margin: 5px;
}

[data-view="xs"] .mt-xs-05x {
	margin-top: 5px;
}

[data-view="xs"] .mr-xs-05x {
	margin-right: 5px;
}

[data-view="xs"] .mb-xs-05x {
	margin-bottom: 5px;
}

[data-view="xs"] .ml-xs-05x {
	margin-left: 5px;
}

[data-view="xs"] .m-xs-1x {
	margin: 10px;
}

[data-view="xs"] .mt-xs-1x {
	margin-top: 10px;
}

[data-view="xs"] .mr-xs-1x {
	margin-right: 10px;
}

[data-view="xs"] .mb-xs-1x {
	margin-bottom: 10px;
}

[data-view="xs"] .ml-xs-1x {
	margin-left: 10px;
}

[data-view="xs"] .p-xs-15x {
	padding: 15px;
}

[data-view="xs"] .pt-xs-15x {
	padding-top: 15px;
}

[data-view="xs"] .pr-xs-15x {
	padding-right: 15px;
}

[data-view="xs"] .pb-xs-15x {
	padding-bottom: 15px;
}

[data-view="xs"] .pl-xs-15x {
	padding-left: 15px;
}

[data-view="xs"] .m-xs-2x {
	margin: 20px;
}

[data-view="xs"] .mt-xs-2x {
	margin-top: 20px;
}

[data-view="xs"] .mr-xs-2x {
	margin-right: 20px;
}

[data-view="xs"] .mb-xs-2x {
	margin-bottom: 20px;
}

[data-view="xs"] .ml-xs-2x {
	margin-left: 20px;
}

[data-view="xs"] .m-xs-3x {
	margin: 30px;
}

[data-view="xs"] .mt-xs-3x {
	margin-top: 30px;
}

[data-view="xs"] .mr-xs-3x {
	margin-right: 30px;
}

[data-view="xs"] .mb-xs-3x {
	margin-bottom: 30px;
}

[data-view="xs"] .ml-xs-3x {
	margin-left: 30px;
}

[data-view="xs"] .m-xs-4x {
	margin: 40px;
}

[data-view="xs"] .mt-xs-4x {
	margin-top: 40px;
}

[data-view="xs"] .mr-xs-4x {
	margin-right: 40px;
}

[data-view="xs"] .mb-xs-4x {
	margin-bottom: 40px;
}

[data-view="xs"] .ml-xs-4x {
	margin-left: 40px;
}

[data-view="xs"] .m-xs-5x {
	margin: 50px;
}

[data-view="xs"] .mt-xs-5x {
	margin-top: 50px;
}

[data-view="xs"] .mr-xs-5x {
	margin-right: 50px;
}

[data-view="xs"] .mb-xs-5x {
	margin-bottom: 50px;
}

[data-view="xs"] .ml-xs-5x {
	margin-left: 50px;
}

[data-view="xs"] .m-xs-6x {
	margin: 60px;
}

[data-view="xs"] .mt-xs-6x {
	margin-top: 60px;
}

[data-view="xs"] .mr-xs-6x {
	margin-right: 60px;
}

[data-view="xs"] .mb-xs-6x {
	margin-bottom: 60px;
}

[data-view="xs"] .ml-xs-6x {
	margin-left: 60px;
}

[data-view="xs"] .m-xs-8x {
	margin: 80px;
}

[data-view="xs"] .mt-xs-8x {
	margin-top: 80px;
}

[data-view="xs"] .mr-xs-8x {
	margin-right: 80px;
}

[data-view="xs"] .mb-xs-8x {
	margin-bottom: 80px;
}

[data-view="xs"] .ml-xs-8x {
	margin-left: 80px;
}

[data-view="xs"] .m-xs-10x {
	margin: 100px;
}

[data-view="xs"] .mt-xs-10x {
	margin-top: 100px;
}

[data-view="xs"] .mr-xs-10x {
	margin-right: 100px;
}

[data-view="xs"] .mb-xs-10x {
	margin-bottom: 100px;
}

[data-view="xs"] .ml-xs-10x {
	margin-left: 100px;
}

[data-view="xs"] .m-xs-12x {
	margin: 120px;
}

[data-view="xs"] .mt-xs-12x {
	margin-top: 120px;
}

[data-view="xs"] .mr-xs-12x {
	margin-right: 120px;
}

[data-view="xs"] .mb-xs-12x {
	margin-bottom: 120px;
}

[data-view="xs"] .ml-xs-12x {
	margin-left: 120px;
}

[data-view="sm"] .m-sm-0x {
	margin: 0;
}

[data-view="sm"] .mt-sm-0x {
	margin-top: 0;
}

[data-view="sm"] .mr-sm-0x {
	margin-right: 0;
}

[data-view="sm"] .mb-sm-0x {
	margin-bottom: 0;
}

[data-view="sm"] .ml-sm-0x {
	margin-left: 0;
}

[data-view="sm"] .m-sm-05x {
	margin: 5px;
}

[data-view="sm"] .mt-sm-05x {
	margin-top: 5px;
}

[data-view="sm"] .mr-sm-05x {
	margin-right: 5px;
}

[data-view="sm"] .mb-sm-05x {
	margin-bottom: 5px;
}

[data-view="sm"] .ml-sm-05x {
	margin-left: 5px;
}

[data-view="sm"] .m-sm-1x {
	margin: 10px;
}

[data-view="sm"] .mt-sm-1x {
	margin-top: 10px;
}

[data-view="sm"] .mr-sm-1x {
	margin-right: 10px;
}

[data-view="sm"] .mb-sm-1x {
	margin-bottom: 10px;
}

[data-view="sm"] .ml-sm-1x {
	margin-left: 10px;
}

[data-view="sm"] .p-sm-15x {
	padding: 15px;
}

[data-view="sm"] .pt-sm-15x {
	padding-top: 15px;
}

[data-view="sm"] .pr-sm-15x {
	padding-right: 15px;
}

[data-view="sm"] .pb-sm-15x {
	padding-bottom: 15px;
}

[data-view="sm"] .pl-sm-15x {
	padding-left: 15px;
}

[data-view="sm"] .m-sm-2x {
	margin: 20px;
}

[data-view="sm"] .mt-sm-2x {
	margin-top: 20px;
}

[data-view="sm"] .mr-sm-2x {
	margin-right: 20px;
}

[data-view="sm"] .mb-sm-2x {
	margin-bottom: 20px;
}

[data-view="sm"] .ml-sm-2x {
	margin-left: 20px;
}

[data-view="sm"] .m-sm-3x {
	margin: 30px;
}

[data-view="sm"] .mt-sm-3x {
	margin-top: 30px;
}

[data-view="sm"] .mr-sm-3x {
	margin-right: 30px;
}

[data-view="sm"] .mb-sm-3x {
	margin-bottom: 30px;
}

[data-view="sm"] .ml-sm-3x {
	margin-left: 30px;
}

[data-view="sm"] .m-sm-4x {
	margin: 40px;
}

[data-view="sm"] .mt-sm-4x {
	margin-top: 40px;
}

[data-view="sm"] .mr-sm-4x {
	margin-right: 40px;
}

[data-view="sm"] .mb-sm-4x {
	margin-bottom: 40px;
}

[data-view="sm"] .ml-sm-4x {
	margin-left: 40px;
}

[data-view="sm"] .m-sm-5x {
	margin: 50px;
}

[data-view="sm"] .mt-sm-5x {
	margin-top: 50px;
}

[data-view="sm"] .mr-sm-5x {
	margin-right: 50px;
}

[data-view="sm"] .mb-sm-5x {
	margin-bottom: 50px;
}

[data-view="sm"] .ml-sm-5x {
	margin-left: 50px;
}

[data-view="sm"] .m-sm-6x {
	margin: 60px;
}

[data-view="sm"] .mt-sm-6x {
	margin-top: 60px;
}

[data-view="sm"] .mr-sm-6x {
	margin-right: 60px;
}

[data-view="sm"] .mb-sm-6x {
	margin-bottom: 60px;
}

[data-view="sm"] .ml-sm-6x {
	margin-left: 60px;
}

[data-view="sm"] .m-sm-8x {
	margin: 80px;
}

[data-view="sm"] .mt-sm-8x {
	margin-top: 80px;
}

[data-view="sm"] .mr-sm-8x {
	margin-right: 80px;
}

[data-view="sm"] .mb-sm-8x {
	margin-bottom: 80px;
}

[data-view="sm"] .ml-sm-8x {
	margin-left: 80px;
}

[data-view="sm"] .m-sm-10x {
	margin: 100px;
}

[data-view="sm"] .mt-sm-10x {
	margin-top: 100px;
}

[data-view="sm"] .mr-sm-10x {
	margin-right: 100px;
}

[data-view="sm"] .mb-sm-10x {
	margin-bottom: 100px;
}

[data-view="sm"] .ml-sm-10x {
	margin-left: 100px;
}

[data-view="sm"] .m-sm-12x {
	margin: 120px;
}

[data-view="sm"] .mt-sm-12x {
	margin-top: 120px;
}

[data-view="sm"] .mr-sm-12x {
	margin-right: 120px;
}

[data-view="sm"] .mb-sm-12x {
	margin-bottom: 120px;
}

[data-view="sm"] .ml-sm-12x {
	margin-left: 120px;
}

[data-view="md"] .m-md-0x {
	margin: 0;
}

[data-view="md"] .mt-md-0x {
	margin-top: 0;
}

[data-view="md"] .mr-md-0x {
	margin-right: 0;
}

[data-view="md"] .mb-md-0x {
	margin-bottom: 0;
}

[data-view="md"] .ml-md-0x {
	margin-left: 0;
}

[data-view="md"] .m-md-05x {
	margin: 5px;
}

[data-view="md"] .mt-md-05x {
	margin-top: 5px;
}

[data-view="md"] .mr-md-05x {
	margin-right: 5px;
}

[data-view="md"] .mb-md-05x {
	margin-bottom: 5px;
}

[data-view="md"] .ml-md-05x {
	margin-left: 5px;
}

[data-view="md"] .m-md-1x {
	margin: 10px;
}

[data-view="md"] .mt-md-1x {
	margin-top: 10px;
}

[data-view="md"] .mr-md-1x {
	margin-right: 10px;
}

[data-view="md"] .mb-md-1x {
	margin-bottom: 10px;
}

[data-view="md"] .ml-md-1x {
	margin-left: 10px;
}

[data-view="md"] .m-md-2x {
	margin: 20px;
}

[data-view="md"] .mt-md-2x {
	margin-top: 20px;
}

[data-view="md"] .mr-md-2x {
	margin-right: 20px;
}

[data-view="md"] .mb-md-2x {
	margin-bottom: 20px;
}

[data-view="md"] .ml-md-2x {
	margin-left: 20px;
}

[data-view="md"] .m-md-3x {
	margin: 30px;
}

[data-view="md"] .mt-md-3x {
	margin-top: 30px;
}

[data-view="md"] .mr-md-3x {
	margin-right: 30px;
}

[data-view="md"] .mb-md-3x {
	margin-bottom: 30px;
}

[data-view="md"] .ml-md-3x {
	margin-left: 30px;
}

[data-view="md"] .m-md-4x {
	margin: 40px;
}

[data-view="md"] .mt-md-4x {
	margin-top: 40px;
}

[data-view="md"] .mr-md-4x {
	margin-right: 40px;
}

[data-view="md"] .mb-md-4x {
	margin-bottom: 40px;
}

[data-view="md"] .ml-md-4x {
	margin-left: 40px;
}

[data-view="md"] .m-md-5x {
	margin: 50px;
}

[data-view="md"] .mt-md-5x {
	margin-top: 50px;
}

[data-view="md"] .mr-md-5x {
	margin-right: 50px;
}

[data-view="md"] .mb-md-5x {
	margin-bottom: 50px;
}

[data-view="md"] .ml-md-5x {
	margin-left: 50px;
}

[data-view="md"] .m-md-6x {
	margin: 60px;
}

[data-view="md"] .mt-md-6x {
	margin-top: 60px;
}

[data-view="md"] .mr-md-6x {
	margin-right: 60px;
}

[data-view="md"] .mb-md-6x {
	margin-bottom: 60px;
}

[data-view="md"] .ml-md-6x {
	margin-left: 60px;
}

[data-view="md"] .m-md-8x {
	margin: 80px;
}

[data-view="md"] .mt-md-8x {
	margin-top: 80px;
}

[data-view="md"] .mr-md-8x {
	margin-right: 80px;
}

[data-view="md"] .mb-md-8x {
	margin-bottom: 80px;
}

[data-view="md"] .ml-md-8x {
	margin-left: 80px;
}

[data-view="md"] .m-md-10x {
	margin: 100px;
}

[data-view="md"] .mt-md-10x {
	margin-top: 100px;
}

[data-view="md"] .mr-md-10x {
	margin-right: 100px;
}

[data-view="md"] .mb-md-10x {
	margin-bottom: 100px;
}

[data-view="md"] .ml-md-10x {
	margin-left: 100px;
}

[data-view="md"] .m-md-12x {
	margin: 120px;
}

[data-view="md"] .mt-md-12x {
	margin-top: 120px;
}

[data-view="md"] .mr-md-12x {
	margin-right: 120px;
}

[data-view="md"] .mb-md-12x {
	margin-bottom: 120px;
}

[data-view="md"] .ml-md-12x {
	margin-left: 120px;
}

[data-view="lg"] .m-lg-0x {
	margin: 0;
}

[data-view="lg"] .mt-lg-0x {
	margin-top: 0;
}

[data-view="lg"] .mr-lg-0x {
	margin-right: 0;
}

[data-view="lg"] .mb-lg-0x {
	margin-bottom: 0;
}

[data-view="lg"] .ml-lg-0x {
	margin-left: 0;
}

[data-view="lg"] .m-lg-05x {
	margin: 5px;
}

[data-view="lg"] .mt-lg-05x {
	margin-top: 5px;
}

[data-view="lg"] .mr-lg-05x {
	margin-right: 5px;
}

[data-view="lg"] .mb-lg-05x {
	margin-bottom: 5px;
}

[data-view="lg"] .ml-lg-05x {
	margin-left: 5px;
}

[data-view="lg"] .m-lg-1x {
	margin: 10px;
}

[data-view="lg"] .mt-lg-1x {
	margin-top: 10px;
}

[data-view="lg"] .mr-lg-1x {
	margin-right: 10px;
}

[data-view="lg"] .mb-lg-1x {
	margin-bottom: 10px;
}

[data-view="lg"] .ml-lg-1x {
	margin-left: 10px;
}

[data-view="lg"] .m-lg-2x {
	margin: 20px;
}

[data-view="lg"] .mt-lg-2x {
	margin-top: 20px;
}

[data-view="lg"] .mr-lg-2x {
	margin-right: 20px;
}

[data-view="lg"] .mb-lg-2x {
	margin-bottom: 20px;
}

[data-view="lg"] .ml-lg-2x {
	margin-left: 20px;
}

[data-view="lg"] .m-lg-3x {
	margin: 30px;
}

[data-view="lg"] .mt-lg-3x {
	margin-top: 30px;
}

[data-view="lg"] .mr-lg-3x {
	margin-right: 30px;
}

[data-view="lg"] .mb-lg-3x {
	margin-bottom: 30px;
}

[data-view="lg"] .ml-lg-3x {
	margin-left: 30px;
}

[data-view="lg"] .m-lg-4x {
	margin: 40px;
}

[data-view="lg"] .mt-lg-4x {
	margin-top: 40px;
}

[data-view="lg"] .mr-lg-4x {
	margin-right: 40px;
}

[data-view="lg"] .mb-lg-4x {
	margin-bottom: 40px;
}

[data-view="lg"] .ml-lg-4x {
	margin-left: 40px;
}

[data-view="lg"] .m-lg-5x {
	margin: 50px;
}

[data-view="lg"] .mt-lg-5x {
	margin-top: 50px;
}

[data-view="lg"] .mr-lg-5x {
	margin-right: 50px;
}

[data-view="lg"] .mb-lg-5x {
	margin-bottom: 50px;
}

[data-view="lg"] .ml-lg-5x {
	margin-left: 50px;
}

[data-view="lg"] .m-lg-6x {
	margin: 60px;
}

[data-view="lg"] .mt-lg-6x {
	margin-top: 60px;
}

[data-view="lg"] .mr-lg-6x {
	margin-right: 60px;
}

[data-view="lg"] .mb-lg-6x {
	margin-bottom: 60px;
}

[data-view="lg"] .ml-lg-6x {
	margin-left: 60px;
}

[data-view="lg"] .m-lg-8x {
	margin: 80px;
}

[data-view="lg"] .mt-lg-8x {
	margin-top: 80px;
}

[data-view="lg"] .mr-lg-8x {
	margin-right: 80px;
}

[data-view="lg"] .mb-lg-8x {
	margin-bottom: 80px;
}

[data-view="lg"] .ml-lg-8x {
	margin-left: 80px;
}

[data-view="lg"] .m-lg-10x {
	margin: 100px;
}

[data-view="lg"] .mt-lg-10x {
	margin-top: 100px;
}

[data-view="lg"] .mr-lg-10x {
	margin-right: 100px;
}

[data-view="lg"] .mb-lg-10x {
	margin-bottom: 100px;
}

[data-view="lg"] .ml-lg-10x {
	margin-left: 100px;
}

[data-view="lg"] .m-lg-12x {
	margin: 120px;
}

[data-view="lg"] .mt-lg-12x {
	margin-top: 120px;
}

[data-view="lg"] .mr-lg-12x {
	margin-right: 120px;
}

[data-view="lg"] .mb-lg-12x {
	margin-bottom: 120px;
}

[data-view="lg"] .ml-lg-12x {
	margin-left: 120px;
}


/* TODO: Подумать над выносом в lazy того, что ниже */

.finfin-ui-input input:-webkit-autofill,
.finfin-ui-input input:-webkit-autofill:hover,
.finfin-ui-input input:-webkit-autofill:focus,
.finfin-ui-input input:-webkit-autofill:active,
.finfin-ui-phone input:-webkit-autofill,
.finfin-ui-phone input:-webkit-autofill:hover,
.finfin-ui-phone input:-webkit-autofill:focus,
.finfin-ui-phone input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.finfin-ui-input[data-state*="success"] input:-webkit-autofill,
.finfin-ui-input[data-state*="success"] input:-webkit-autofill:hover,
.finfin-ui-input[data-state*="success"] input:-webkit-autofill:focus,
.finfin-ui-input[data-state*="success"] input:-webkit-autofill:active,
.finfin-ui-phone[data-state*="success"] input:-webkit-autofill,
.finfin-ui-phone[data-state*="success"] input:-webkit-autofill:hover,
.finfin-ui-phone[data-state*="success"] input:-webkit-autofill:focus,
.finfin-ui-phone[data-state*="success"] input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px #F2F2F2 inset !important;
}

/* Input */

.finfin-ui-input-field {
	padding: 14px 12px 14px 16px;
	height: 48px;
	border-radius: 8px;
	border: 1px solid transparent;
	cursor: text;
	position: relative;
	transition: all 0.3s;
}

.finfin-ui-input[data-state="default"] .finfin-ui-input-field {
	background-color: var(--fill-secondary-overlay16);
}

	.finfin-ui-input[data-state="default"] .finfin-ui-input-field:hover,
	.finfin-ui-input[data-state="filled"] .finfin-ui-input-field:hover {
		background-color: var(--fill-secondary-overlay24);
	}

.finfin-ui-input[data-state="active"] .finfin-ui-input-field {
	padding-top: 6px;
	padding-bottom: 6px;
	border-color: var(--static-secondary);
	/*box-shadow: 0px 0px 0px 3px rgba(255, 212, 102, 0.24);*/
}

.finfin-ui-input[data-state*="error"] .finfin-ui-input-field {
	background: rgba(255,0,0,0.1);
}

.finfin-ui-input[data-state="success-ok"] .finfin-ui-input-field {
	background-color: var(--btn-secondary-bg-disabled);
}

.finfin-ui-input[data-state="success-ok"] .finfin-ui-input-field,
.finfin-ui-input[data-state="error active"] .finfin-ui-input-field,
.finfin-ui-input[data-state="error filled"] .finfin-ui-input-field {
	padding-top: 6px;
	padding-bottom: 6px;
}

.finfin-ui-input[data-state="error"] .finfin-ui-input-field {
	background-color: var(--fill-negative-overlay16);
}

.finfin-ui-input[data-state="error active"] .finfin-ui-input-field {
	background: none;
	border-color: var(--fill-negative-mid);
}

.finfin-ui-input-field label {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: var(--label-secondary);
	cursor: text;
	transition: all 0.3s;
}

.finfin-ui-input[data-state*="active"] .finfin-ui-input-field label,
.finfin-ui-input[data-state*="success"] .finfin-ui-input-field label,
.finfin-ui-input[data-state*="filled"] .finfin-ui-input-field label,
.finfin-ui-input[data-state="error active"] .finfin-ui-input-field label,
.finfin-ui-input[data-state="error filled"] .finfin-ui-input-field label {
	font-size: 11px;
	line-height: 16px;
}

.finfin-ui-input[data-state="error"] .finfin-ui-input-field label,
.finfin-ui-input[data-state="error active"] .finfin-ui-input-field label,
.finfin-ui-input[data-state="error filled"] .finfin-ui-input-field label {
	color: var(--label-negative);
}

.finfin-ui-input-field input {
	opacity: 0;
	position: absolute;
	width: calc(100% - 20px);
	background: none;
	border: none;
	font-size: 16px;
	line-height: 24px;
	top: 20px;
	color: var(--label-primary);
	transition: opacity 0.3s;
	padding: 0;
}

	.finfin-ui-input-field input::placeholder {
		color: var(--label-placeholder);
	}

.finfin-ui-input[data-state*="active"] .finfin-ui-input-field input,
.finfin-ui-input[data-state*="success"] .finfin-ui-input-field input,
.finfin-ui-input[data-state*="filled"] .finfin-ui-input-field input {
	opacity: 1;
}

.finfin-ui-input-success {
	position: relative;
	z-index: 1;
}

.finfin-ui-input[data-state="default"] .finfin-ui-input-success {
	float: right;
	visibility: hidden;
}

.finfin-ui-input[data-state="success-check"] .finfin-ui-input-success {
	visibility: visible;
}

.finfin-ui-input-error {
	display: none;
}

/* Phone */

.finfin-ui-phone-field {
	height: 48px;
	padding: 14px 12px 14px 16px;
	border-radius: 8px;
	border: 1px solid transparent;
	cursor: text;
	position: relative;
	transition: all 0.3s;
}

.finfin-ui-phone[data-state="default"] .finfin-ui-phone-field {
	background-color: var(--fill-secondary-overlay16);
	border-color: var(--fill-secondary-overlay16);
}

	.finfin-ui-phone[data-state="default"] .finfin-ui-phone-field:hover {
		background-color: var(--fill-secondary-overlay24);
		border: var(--fill-secondary-overlay24);
	}

.finfin-ui-phone[data-state="active"] .finfin-ui-phone-field {
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid var(--static-secondary);
	/*background-color: var(--bg-neutral-primary);*/
}

.finfin-ui-phone[data-state*="error"] .finfin-ui-phone-field {
	background-color: var(--fill-negative-overlay16);
	border-color: var(--fill-negative-overlay16);
}

.finfin-ui-phone[data-state="error active"] .finfin-ui-phone-field {
	border-color: var(--fill-negative-mid);
}

.finfin-ui-phone[data-state="success-ok"] .finfin-ui-phone-field {
	background-color: var(--btn-secondary-bg-disabled);
	border-color: var(--btn-secondary-bg-disabled);
}

.finfin-ui-phone[data-state="success-ok"] .finfin-ui-phone-field,
.finfin-ui-phone[data-state="error active"] .finfin-ui-phone-field,
.finfin-ui-phone[data-state="error filled"] .finfin-ui-phone-field {
	/* background: rgba(255,0,0,0.2); */
	padding-top: 6px;
	padding-bottom: 6px;
}

.finfin-ui-phone[data-state="error active"] .finfin-ui-phone-field {
	background: none;
	border-color: var(--fill-negative-mid);
}

.finfin-ui-phone-field label {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: var(--label-secondary);
	cursor: text;
	transition: all 0.3s;
}

.finfin-ui-phone[data-state*="active"] .finfin-ui-phone-field label,
.finfin-ui-phone[data-state*="success"] .finfin-ui-phone-field label,
.finfin-ui-phone[data-state*="filled"] .finfin-ui-phone-field label,
.finfin-ui-phone[data-state="error active"] .finfin-ui-phone-field label {
	font-size: 11px;
	line-height: 16px;
}

.finfin-ui-phone[data-state="error active"] .finfin-ui-phone-field label,
.finfin-ui-phone[data-state="error filled"] .finfin-ui-phone-field label {
	/* color: #f00; */
	color: var(--label-negative);
}

.finfin-ui-phone[data-state*="success"] .finfin-ui-phone-field label {
	/* color: #555; */
}

.finfin-ui-phone-field input {
	opacity: 0;
	position: absolute;
	width: calc(100% - 28px);
	color: var(--label-primary);
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.004em;
	background: none;
	border: none;
	top: 20px;
	transition: opacity 0.3s;
	padding: 0;
}

	.finfin-ui-phone-field input::placeholder {
		color: var(--label-placeholder);
	}

.finfin-ui-phone[data-state*="active"] .finfin-ui-phone-field input,
.finfin-ui-phone[data-state*="success"] .finfin-ui-phone-field input,
.finfin-ui-phone[data-state*="filled"] .finfin-ui-phone-field input {
	opacity: 1;
}

.finfin-ui-phone-success {
	position: relative;
	z-index: 1;
}

.finfin-ui-phone[data-state="default"] .finfin-ui-phone-success {
	float: right;
	visibility: hidden;
}

.finfin-ui-phone[data-state="success-check"] .finfin-ui-phone-success {
	visibility: visible;
}

.finfin-ui-phone-error {
	display: none;
}



/* Select */

.finfin-ui-select-field {
	padding: 14px 12px 14px 16px;
	height: 48px;
	border-radius: 8px;
	border: 1px solid transparent;
	background-color: var(--fill-secondary-overlay16);
	/* background-color: rgba(0,0,0,0.05);
	padding: 10px;
	border: 1px solid transparent;
	height: 50px;
	border-radius: 3px; */
	cursor: pointer;
	position: relative;
	transition: all 0.3s;
}

.finfin-ui-select[data-state="default"] .finfin-ui-select-field:hover {
	/* background-color: rgba(0,0,0,0.1); */
	background-color: var(--fill-secondary-overlay24);
}

.finfin-ui-select[data-state*="success"] .finfin-ui-select-field {
	padding-top: 6px;
	padding-bottom: 6px;
}

.finfin-ui-select[data-state="active"] .finfin-ui-select-field {
	/* background: none; */
	/* border-color: #dbdbdb; */
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid var(--fill-primary-low);
	background-color: var(--bg-neutral-primary);
}

.finfin-ui-select[data-state*="error"] .finfin-ui-select-field {
	/* background: rgba(255,0,0,0.1); */
	background-color: var(--fill-negative-overlay16);
}

.finfin-ui-select[data-state="error"] .finfin-ui-select-field:hover,
.finfin-ui-select[data-state="error filled"] .finfin-ui-select-field:hover {
	/* background: rgba(255,0,0,0.2); */
}

.finfin-ui-select[data-state="error filled"] .finfin-ui-select-field,
.finfin-ui-select[data-state="error active"] .finfin-ui-select-field {
	padding-top: 6px;
	padding-bottom: 6px;
	background: none;
	/* border-color: #f00; */
	border-color: var(--fill-negative-mid);
}

.finfin-ui-select-field label {
	display: block;
	/* color: #555; */
	/* font-size: 16px; */
	/* line-height: 24px; */
	font-size: 14px;
	line-height: 20px;
	color: var(--label-secondary);
	cursor: pointer;
	transition: all 0.3s;
}

.finfin-ui-select[data-state="active"] .finfin-ui-select-field label,
.finfin-ui-select[data-state*="success"] .finfin-ui-select-field label,
.finfin-ui-select[data-state*="filled"] .finfin-ui-select-field label {
	/* font-size: 13px; */
	/* line-height: 5px; */
	/* color: #000; */
	font-size: 11px;
	line-height: 16px;
}

.finfin-ui-select[data-state*="success"] .finfin-ui-select-field label {
	/* color: #555; */
}

.finfin-ui-select-value {
	opacity: 0;
	position: absolute;
	/* width: calc(100% - 20px); */
	width: calc(100% - 28px);
	background: none;
	border: none;
	/* font-size: 16px; */
	/* line-height: 24px; */
	color: var(--label-primary);
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.004em;
	top: 20px;
	transition: opacity 0.3s;
	padding: 0;
}

.finfin-ui-select[data-state*="active"] .finfin-ui-select-value,
.finfin-ui-select[data-state*="success"] .finfin-ui-select-value,
.finfin-ui-select[data-state*="filled"] .finfin-ui-select-value {
	opacity: 1;
}

.finfin-ui-select-popup {
	position: absolute;
	left: 0;
	top: 55px;
	width: 100%;
	max-height: 172px;
	overflow: scroll;
	padding: 8px 0;
	background-color: var(--bg-primary-white);
	box-shadow: 0px 4px 16px rgba(72, 74, 100, 0.16), 0px 16px 40px rgba(72, 74, 100, 0.08);
	border-radius: 8px;
}

[data-theme="dark"] .finfin-ui-select-popup {
	background-color: var(--bg-primary-dark);
}


[data-theme="dark"] .finfin-ui-select-popup {
	background-color: var(--bg-primary-dark);
}

body[data-theme='dark'] .finfin-dark-only {
	display: none;
}

body[data-theme='dark'] .finfin-light-only {
	display: block;
}

body:not([data-theme='dark']) .finfin-dark-only {
	display: block;
}

body:not([data-theme='dark']) .finfin-light-only {
	display: none;
}

.finfin-ui-select .finfin-ui-select-popup [data-value] {
	padding: 10px 16px;
	color: var(--label-primary);
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.004em;
	cursor: pointer;
}

	.finfin-ui-select .finfin-ui-select-popup [data-value]:hover {
		background-color: var(--fill-note-overlay16);
	}

	.finfin-ui-select .finfin-ui-select-popup [data-value]:active {
		color: var(--label-accent-highest);
	}




/* Checkbox */
.finfin-ui-checkbox {
}

	.finfin-ui-checkbox label {
		cursor: pointer;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.004em;
		color: var(--label-primary);
	}

		.finfin-ui-checkbox label a {
			color: var(--fill-primary-highest);
		}

	.finfin-ui-checkbox .finfin-ui-checkbox-field {
		display: inline-block;
		width: 24px;
		height: 24px;
		vertical-align: text-bottom;
		/* background-color: rgba(0,0,0,0.05); */
		background-color: var(--fill-secondary-overlay24);
		border-radius: 3px;
		vertical-align: middle;
		transition: all 0.3s;
	}

	.finfin-ui-checkbox label:hover .finfin-ui-checkbox-field {
		/* background-color: rgba(0,0,0,0.1); */
		background-color: var(--fill-secondary-overlay16);
	}

	.finfin-ui-checkbox[data-state="checked"] .finfin-ui-checkbox-field {
		background-color: #ffde41;
	}

	.finfin-ui-checkbox[data-state="checked"] label:hover .finfin-ui-checkbox-field {
		background-color: #fcc521;
	}

	.finfin-ui-checkbox[data-state*="error"] .finfin-ui-checkbox-field {
		background: rgba(255,0,0,0.1);
	}

	.finfin-ui-checkbox[data-state="error"] label:hover .finfin-ui-checkbox-field {
		background: rgba(255,0,0,0.2);
	}

	.finfin-ui-checkbox svg {
		opacity: 0;
	}

	.finfin-ui-checkbox[data-state*="checked"] svg {
		opacity: 1;
		transition: all 0.3s;
	}

.checkbox-generic {
	position: relative;
	display: block;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.004em;
	color: var(--label-primary);
}

	.checkbox-generic[disabled] {
		pointer-events: none;
		color: var(--label-inactive);
	}

		.checkbox-generic[disabled] .checkbox-generic-icon-checked-clear {
			stroke: var(--label-inactive);
		}

	.checkbox-generic input {
		position: absolute;
		top: -999px;
		left: -999px;
		opacity: 0;
		visibility: hidden;
	}

.checkbox-generic-icon {
	width: 18px;
	margin-right: 8px;
	border-radius: 3px;
	vertical-align: middle;
	outline-width: 2px;
	outline-style: solid;
	outline-color: transparent;
}

.checkbox-generic-icon-checked-clear {
	opacity: 1;
	stroke: var(--fill-secondary-mid);
}

.checkbox-generic-icon-checked {
	opacity: 0;
}

.checkbox-generic:hover .checkbox-generic-icon {
	outline-color: var(--fill-note-overlay32);
}

.checkbox-generic:hover .checkbox-generic-icon-checked-clear {
	stroke: var(--fill-primary-low);
}

.checkbox-generic input:checked + .checkbox-generic-icon .checkbox-generic-icon-checked {
	opacity: 1;
}

.checkbox-generic input:checked + .checkbox-generic-icon .checkbox-generic-icon-checked-clear {
	opacity: 1;
}

/* confidencial */

.finfin-ui-confidential {
	font-size: 12px;
	line-height: 16px;
	color: var(--label-secondary);
}

	.finfin-ui-confidential a {
		text-decoration: none;
		color: var(--fill-primary-highest);
	}

/* horizontal scroll */

/* element horizontal scroll */
[data-element-horizontal-scroll-id] {
	position: relative;
}

[data-element-horizontal-scroll-part="content"] {
	-ms-overflow-style: none;
	scrollbar-width: none;
	scroll-behavior: smooth !important;
	overflow-x: auto;
}

	[data-element-horizontal-scroll-part="content"]::-webkit-scrollbar {
		display: none;
	}

[data-element-horizontal-scroll-part="nav"] {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	align-items: flex-start;
	pointer-events: none;
}

[data-element-horizontal-scroll-state="on"] [data-element-horizontal-scroll-part="nav"] {
	display: flex;
}

[data-element-horizontal-scroll-id] [data-element-horizontal-scroll-part="next"],
[data-element-horizontal-scroll-id] [data-element-horizontal-scroll-part="prev"] {
	position: sticky;
	top: 50%;
	bottom: 50px;
	pointer-events: all;
	cursor: pointer;
	line-height: 1;
}

[data-element-horizontal-scroll-id] [data-element-horizontal-scroll-disabled="true"] {
	display: none;
}

[data-element-horizontal-scroll-id] [data-element-horizontal-scroll-part="next"] {
	margin-left: auto;
}

[data-element-horizontal-scroll-id] [data-element-horizontal-scroll-part="prev"] svg {
	transform: rotate(90deg);
}

[data-element-horizontal-scroll-id] [data-element-horizontal-scroll-part="next"] svg {
	transform: rotate(-90deg);
}

/* horizontal menu */

[data-element-name="horizontal-menu"] [data-element-part="container-inner"] li {
	margin-right: 20px;
}

[data-element-name="horizontal-menu"] ul[data-element-part="container-inner"] {
	margin: 0;
	padding: 0;
	list-style: none;
}

[data-element-name="horizontal-menu"] [data-tab] {
	flex-shrink: 0;
	color: var(--label-primary);
	border-bottom: 4px solid transparent;
	cursor: pointer;
}

	[data-element-name="horizontal-menu"] [data-tab][data-state-active] {
		font-weight: 600;
		border-bottom-color: var(--fill-primary-high);
	}

/* tooltip */

[data-element-name="tooltip"] [data-element-part="popup"] {
	position: absolute;
	min-width: 140px;
	max-width: 220px;
	z-index: 4;
	white-space: normal;
	box-shadow: 0px 4px 16px rgba(72, 74, 100, 0.16), 0px 16px 40px rgba(72, 74, 100, 0.08);
}

[data-element-name="tooltip"] [data-element-part="popup"] {
	display: none;
}

[data-view="sm"] [data-element-name="tooltip"]:hover [data-element-part="popup"],
[data-view="md"] [data-element-name="tooltip"]:hover [data-element-part="popup"],
[data-view="lg"] [data-element-name="tooltip"]:hover [data-element-part="popup"] {
	display: block;
}

[data-element-name="tooltip"][data-element-angle-state="top-left"] [data-element-part="popup"] {
	left: 0;
	margin-top: 5px;
}

[data-element-name="tooltip"][data-element-angle-state="top-center"] [data-element-part="popup"] {
	left: 50%;
	transform: translateX(-50%);
	margin-top: 5px;
}

[data-element-name="tooltip"][data-element-angle-state="top-right"] [data-element-part="popup"] {
	right: 0;
	margin-top: 5px;
}

[data-element-name="tooltip"][data-element-angle-state="bottom-left"] [data-element-part="popup"] {
	left: 0;
	margin-top: -1em;
	transform: translateY(-100%);
	top: 50%;
}

[data-element-name="tooltip"][data-element-angle-state="bottom-center"] [data-element-part="popup"] {
	left: 50%;
	margin-top: -1em;
	transform: translate(-50%, -100%);
	top: 50%;
}

[data-element-name="tooltip"][data-element-angle-state="bottom-right"] [data-element-part="popup"] {
	right: 0;
	margin-top: -1em;
	transform: translateY(-100%);
	top: 50%;
}

[data-element-name="tooltip"] [data-element-part="angle"] {
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	position: absolute;
	background-color: inherit;
}

[data-element-name="tooltip"][data-element-angle-state="bottom-left"] [data-element-part="angle"] {
	left: 10px;
	top: 100%;
	margin-top: -5px;
}

[data-element-name="tooltip"][data-element-angle-state="bottom-center"] [data-element-part="angle"] {
	left: 50%;
	margin-left: -5px;
	top: 100%;
	margin-top: -5px;
}

[data-element-name="tooltip"][data-element-angle-state="bottom-right"] [data-element-part="angle"] {
	right: 10px;
	top: 100%;
	margin-top: -5px;
}

[data-element-name="tooltip"][data-element-angle-state="top-left"] [data-element-part="angle"] {
	left: 10px;
	top: 0;
	margin-top: -5px;
}

[data-element-name="tooltip"][data-element-angle-state="top-center"] [data-element-part="angle"] {
	left: 50%;
	margin-left: -5px;
	top: 0;
	margin-top: -5px;
}

[data-element-name="tooltip"][data-element-angle-state="top-right"] [data-element-part="angle"] {
	right: 10px;
	top: 0;
	margin-top: -5px;
}

[data-view="xs"] [data-element-name="tooltip"] [data-element-part="popup"] {
	transform: none;
	background: none;
	position: static;
	min-width: 0;
	margin: 0;
	padding: 0;
}

[data-view="xs"] [data-element-name="tooltip"] [data-element-part="angle"] {
	display: none;
}

[data-view="xs"] [data-element-name="tooltip"] [data-element-part="overlay"] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 1;
}

	[data-view="xs"] [data-element-name="tooltip"] [data-element-part="overlay"] > span {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 20px;
		background-color: var(--primary-bg);
		z-index: 2;
	}

/* стили для публикаций */

[data-publication-id] [data-part="author-avatar"] {
	flex-shrink: 0;
	line-height: 0;
}

	[data-publication-id] [data-part="author-avatar"] img {
		object-fit: cover;
	}

[data-publication-id] [data-id="text"] .media {
	width: 100%;
	margin: 0;
}

[data-publication-id] [data-id="text"] h1 {
	display: none;
}

[data-publication-id] [data-id="text"] h2,
[data-publication-id] [data-id="text"] h3,
[data-publication-id] [data-id="text"] h4 {
	margin-block-start: 1.4em;
	margin-block-end: 0.8em;
}

[data-publication-id] [data-id="text"] p:first-child {
	margin-top: 0;
}

[data-publication-id] [data-id="text"] p {
	word-break: break-word;
}

[data-publication-id] [data-id="text"] a {
	text-decoration: underline;
}

[data-publication-id] [data-id="text"] img {
	display: block;
	width: 100%;
	height: auto;
}

[data-publication-id] [data-id="text"] figure {
	width: 100%;
	margin: 0;
	line-height: 0;
}

[data-publication-id] [data-id="text"] .image figcaption {
	padding: 10px;
	font-size: 13px;
	line-height: 140%;
	color: var(--cl-grey);
}

[data-publication-id] [data-id="text"] .image_resized {
	margin-right: auto;
	margin-left: auto;
}

[data-publication-id] [data-id="text"] .image-popup-no-margins {
	clear: both;
	cursor: pointer;
}

	[data-publication-id] [data-id="text"] .image-popup-no-margins figure {
		position: relative;
		margin-block-start: 0;
		margin-block-end: 0;
	}

		[data-publication-id] [data-id="text"] .image-popup-no-margins figure:before {
			content: "\e913";
			font-family: 'finam' !important;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			position: absolute;
			right: 10px;
			top: 10px;
			color: var(--static-white);
			font-size: 16px;
			background-color: rgba(0,0,0,0.3);
			border-radius: 5px;
			width: 30px;
			height: 30px;
			text-align: center;
			padding-top: 6px;
			box-sizing: border-box;
		}

	[data-publication-id] [data-id="text"] .image-popup-no-margins.open figure:before {
		content: "\e91f";
	}

	[data-publication-id] [data-id="text"] .image-popup-no-margins:hover figure:before {
		background-color: rgba(0,0,0,0.5);
	}

	[data-publication-id] [data-id="text"] .image-popup-no-margins.open figure {
		position: fixed;
		z-index: 1;
		box-shadow: 0 0 100px 0 rgba(0,0,0,0.35);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 1000px;
		width: 100%;
		height: auto;
		background-color: inherit;
	}

		[data-publication-id] [data-id="text"] .image-popup-no-margins.open figure.image-style-side {
			margin-left: 0;
			max-width: unset
		}

	[data-publication-id] [data-id="text"] .image-popup-no-margins.open img {
		display: block;
		width: 100%;
		height: auto;
		max-height: 80vh;
		object-fit: contain;
	}

	[data-publication-id] [data-id="text"] .image-popup-no-margins.open figcaption {
		display: none;
	}

[data-publication-id] [data-id="text"] table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 16px;
	word-break: break-word;
}

	[data-publication-id] [data-id="text"] table tr:nth-of-type(even) {
		/* background-color: #f5f5f5; */
		background-color: var(--cl-bg-grey);
	}

[data-theme="dark"] [data-publication-id] [data-id="text"] table tr:nth-of-type(even) {
	background-color: var(--cl-bg-lightgrey);
}

[data-publication-id] [data-id="text"] table tr:hover td {
	box-shadow: 0 -1px 0 inset var(--static-border);
}

[data-publication-id] [data-id="text"] table th,
[data-publication-id] [data-id="text"] table thead td {
	text-align: center;
	/* background-color: #e6e6e6; */
	background-color: var(--cl-bg-lightgrey);
	padding: 0.3em 0.2em 0.5em 0.2em;
	border: 1px solid var(--static-border);
}

[data-publication-id] [data-id="text"] table td {
	padding: 0.2em 0.2em 0.3em 0.2em;
	border: 1px solid var(--static-border);
}

[data-publication-id] [data-id="text"] table p {
	margin: 2px 5px;
}

[data-publication-id] .window[data-id="share-container"] {
	top: 100%;
	right: 0px;
	left: unset;
}

[data-publication-id] [data-id="text"] [data-element-horizontal-scroll-part="prev"],
[data-publication-id] [data-id="text"] [data-element-horizontal-scroll-part="next"] {
	box-shadow: 0 0 20px -5px var(--cl-bg-black);
}

[data-publication-id] [data-id="quote-info"][data-state="0"] > *:nth-child(n+4):not([data-part="toggle"]) {
	position: absolute;
	visibility: hidden;
}

[data-publication-id] [data-id="quote-info"][data-state="1"] [data-part="toggle"] {
	display: none;
}

[data-publication-id] [data-id="quote-info"] [data-part="toggle"] {
	height: 30px;
	line-height: 30px;
}

[data-publication-id] [data-id="quote-info"] [data-chart-micro] {
	display: inline-block;
	width: 40px;
	height: 30px;
	flex-shrink: 0;
}

	[data-publication-id] [data-id="quote-info"] [data-chart-micro] svg path {
		/* stroke: #4d93f9; */
		stroke: var(--cl-bg-blue);
		stroke-width: 1.4px;
		fill: none;
	}

[data-publication-id] [data-id="quote-info"] [data-part="name"] {
	max-width: 330px;
	vertical-align: middle;
}

[data-view="xs"] [data-publication-id] [data-id="quote-info"] [data-part="name"] {
	max-width: calc(100vw - 115px);
}

[data-view="xs"] [data-publication-id] [data-id="quote-info"] [data-part="buy"] {
	margin-left: auto;
}

[data-view="xs"] [data-publication-id] [data-id="quote-info"] [data-part="item"] [data-quotefield] {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.004em;
	color: var(--cl-grey);
}

[data-publication-id] [data-id="quote-info"] [data-quote-form-buy-container] {
	top: 12px;
	right: 0px;
}

[data-publication-id] [data-id="quote-info"] [data-quotefield="last"],
[data-publication-id] [data-id="quote-info"] [data-quotefield="changePercent"] {
	font-variant: common-ligatures tabular-nums;
}

[data-publication-id] [data-part="tag-item"]:hover {
	color: currentColor;
}

[data-publication-id] [data-part="tag-item"].cl-white:hover {
	color: var(--cl-white);
}

[data-id="publication-next-container"] {
	min-height: 400px;
}

/* glide */

.glide {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

	.glide * {
		box-sizing: inherit;
	}

.glide__track {
	overflow: hidden;
}

.glide__slides {
	position: relative;
	width: 100%;
	list-style: none;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	touch-action: pan-Y;
	overflow: hidden;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	display: flex;
	flex-wrap: nowrap;
	will-change: transform;
}

.glide__slides--dragging {
	user-select: none;
}

.glide__slide {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	white-space: normal;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
}

	.glide__slide a {
		user-select: none;
		-webkit-user-drag: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}

.glide__arrows {
	-webkit-touch-callout: none;
	user-select: none;
}

.glide__bullets {
	-webkit-touch-callout: none;
	user-select: none;
}

.glide--rtl {
	direction: rtl;
}

.font-tabular-nums {
	font-variant: common-ligatures tabular-nums;
}

/* КОСТЫЛИ */

.line-16 {
	line-height: 16px;
}

.line-22 {
	line-height: 22px;
}

.line-24 {
	line-height: 24px;
}

.line-40 {
	line-height: 40px;
}

.font-14 {
	font-size: 14px;
}

.font-15 {
	font-size: 15px;
}

.font-40 {
	font-size: 40px;
}

.font-17 {
	font-size: 17px;
}

.font-18 {
	font-size: 18px;
}

.font-12 {
	font-size: 12px;
}

.cl-transport-black {
	color: #202023;
}

.cl-transport-black-2 {
	color: #797780;
}

.link-yellow {
	color: var(--fill-primary-highest);
}