:root {
	/* ------------------------ Steps ------------------------- */

	/* Darken-100 */
	--step-darken-100-h: 0;
	--step-darken-100-s: -3%;
	--step-darken-100-l: -6%;
	--step-darken-100-a: 0;

	/* Darken-200 */
	--step-darken-200-h: 0;
	--step-darken-200-s: -7%;
	--step-darken-200-l: -10%;
	--step-darken-200-a: 0;

	/* Lighten 100 */
	--step-lighten-100-h: -2;
	--step-lighten-100-s: +58%;
	--step-lighten-100-l: -30%;
	--step-lighten-100-a: -0.9;

	/* Lighten 200 */
	--step-lighten-200-h: -2;
	--step-lighten-200-s: +58%;
	--step-lighten-200-l: -30%;
	--step-lighten-200-a: -0.8;

	/* Main colors */
	--color-primary-h: 212;
	--color-primary-s: 42%;
	--color-primary-l: 52%;
	--color-primary-a: 1;

	--color-danger-h: 0;
	--color-danger-s: 100%;
	--color-danger-l: 68%;
	--color-danger-a: 1;

	--color-success-h: 120;
	--color-success-s: 41%;
	--color-success-l: 50%;
	--color-success-a: 1;

	--color-warning-h: 25;
	--color-warning-s: 87%;
	--color-warning-l: 59%;
	--color-warning-a: 1;

	/* ----------------------- End Steps ------------------------ */

	/* ------------------------- Colors ------------------------- */

	--color-primary: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-primary-a));
	--color-primary-darken-100: hsla(
		calc(var(--color-primary-h) + var(--step-darken-100-h)),
		calc(var(--color-primary-s) + var(--step-darken-100-s)),
		calc(var(--color-primary-l) + var(--step-darken-100-l)),
		calc(var(--color-primary-a) + var(--step-darken-100-a))
	);
	--color-primary-darken-200: hsla(
		calc(var(--color-primary-h) + var(--step-darken-200-h)),
		calc(var(--color-primary-s) + var(--step-darken-200-s)),
		calc(var(--color-primary-l) + var(--step-darken-200-l)),
		calc(var(--color-primary-a) + var(--step-darken-200-a))
	);
	--color-primary-lighten-100: hsla(
		calc(var(--color-primary-h) + var(--step-lighten-100-h)),
		calc(var(--color-primary-s) + var(--step-lighten-100-s)),
		calc(var(--color-primary-l) + var(--step-lighten-100-l)),
		calc(var(--color-primary-a) + var(--step-lighten-100-a))
	);
	--color-primary-lighten-200: hsla(
		calc(var(--color-primary-h) + var(--step-lighten-200-h)),
		calc(var(--color-primary-s) + var(--step-lighten-200-s)),
		calc(var(--color-primary-l) + var(--step-lighten-200-l)),
		calc(var(--color-primary-a) + var(--step-lighten-200-a))
	);

	--color-primary-icons: #3f8ae0;

	--color-danger: hsla(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l), var(--color-danger-a));
	--color-danger-darken-100: hsla(
		calc(var(--color-danger-h) + var(--step-darken-100-h)),
		calc(var(--color-danger-s) + var(--step-darken-100-s)),
		calc(var(--color-danger-l) + var(--step-darken-100-l)),
		calc(var(--color-danger-a) + var(--step-darken-100-a))
	);
	--color-danger-darken-200: hsla(
		calc(var(--color-danger-h) + var(--step-darken-200-h)),
		calc(var(--color-danger-s) + var(--step-darken-200-s)),
		calc(var(--color-danger-l) + var(--step-darken-200-l)),
		calc(var(--color-danger-a) + var(--step-darken-200-a))
	);
	--color-danger-lighten-100: hsla(
		calc(var(--color-danger-h) + var(--step-lighten-100-h)),
		calc(var(--color-danger-s) + var(--step-lighten-100-s)),
		calc(var(--color-danger-l) + var(--step-lighten-100-l)),
		calc(var(--color-danger-a) + var(--step-lighten-100-a))
	);
	--color-danger-lighten-200: hsla(
		calc(var(--color-danger-h) + var(--step-lighten-200-h)),
		calc(var(--color-danger-s) + var(--step-lighten-200-s)),
		calc(var(--color-danger-l) + var(--step-lighten-200-l)),
		calc(var(--color-danger-a) + var(--step-lighten-200-a))
	);

	--color-warning: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-warning-a));
	--color-warning-darken-100: hsla(
		calc(var(--color-warning-h) + var(--step-darken-100-h)),
		calc(var(--color-warning-s) + var(--step-darken-100-s)),
		calc(var(--color-warning-l) + var(--step-darken-100-l)),
		calc(var(--color-warning-a) + var(--step-darken-100-a))
	);
	--color-warning-darken-200: hsla(
		calc(var(--color-warning-h) + var(--step-darken-200-h)),
		calc(var(--color-warning-s) + var(--step-darken-200-s)),
		calc(var(--color-warning-l) + var(--step-darken-200-l)),
		calc(var(--color-warning-a) + var(--step-darken-200-a))
	);
	--color-warning-lighten-100: hsla(
		calc(var(--color-warning-h) + var(--step-lighten-100-h)),
		calc(var(--color-warning-s) + var(--step-lighten-100-s)),
		calc(var(--color-warning-l) + var(--step-lighten-100-l)),
		calc(var(--color-warning-a) + var(--step-lighten-100-a))
	);
	--color-warning-lighten-200: hsla(
		calc(var(--color-warning-h) + var(--step-lighten-200-h)),
		calc(var(--color-warning-s) + var(--step-lighten-200-s)),
		calc(var(--color-warning-l) + var(--step-lighten-200-l)),
		calc(var(--color-warning-a) + var(--step-lighten-200-a))
	);

	--color-success: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-success-a));
	--color-success-darken-100: hsla(
		calc(var(--color-success-h) + var(--step-darken-100-h)),
		calc(var(--color-success-s) + var(--step-darken-100-s)),
		calc(var(--color-success-l) + var(--step-darken-100-l)),
		calc(var(--color-success-a) + var(--step-darken-100-a))
	);
	--color-success-darken-200: hsla(
		calc(var(--color-success-h) + var(--step-darken-200-h)),
		calc(var(--color-success-s) + var(--step-darken-200-s)),
		calc(var(--color-success-l) + var(--step-darken-200-l)),
		calc(var(--color-success-a) + var(--step-darken-200-a))
	);
	--color-success-lighten-100: hsla(
		calc(var(--color-success-h) + var(--step-lighten-100-h)),
		calc(var(--color-success-s) + var(--step-lighten-100-s)),
		calc(var(--color-success-l) + var(--step-lighten-100-l)),
		calc(var(--color-success-a) + var(--step-lighten-100-a))
	);
	--color-success-lighten-200: hsla(
		calc(var(--color-success-h) + var(--step-lighten-200-h)),
		calc(var(--color-success-s) + var(--step-lighten-200-s)),
		calc(var(--color-success-l) + var(--step-lighten-200-l)),
		calc(var(--color-success-a) + var(--step-lighten-200-a))
	);

	--color-secondary: hsl(212, 4%, 48%);
	--color-secondary-100: #909499;
	--color-secondary-200: #c4c8cc;
	--color-secondary-300: hsl(212, 2%, 94%);
	--color-secondary-400: #f2f3f5;
	--color-secondary-500: hsl(212, 0%, 98%);

	--color-general: black;
	--color-general-inverted: white;
	--color-hairline: rgba(0, 0, 0, 0.15);
	--color-tint: rgba(0, 0, 0, 0.35);

	/* ------------------------------ End Colors ------------------------ */
}

/* ------------------------------ Start Skeletons ------------------------ */
.skeleton-opacity {
	background: var(--color-secondary-400);
	-webkit-animation: KcoPuwg 1.5s ease-in infinite;
	        animation: KcoPuwg 1.5s ease-in infinite;
}

@-webkit-keyframes KcoPuwg {
	0% {
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	50% {
		opacity: 0.4;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes KcoPuwg {
	0% {
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	50% {
		opacity: 0.4;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

/* по дефолту использует скелетон с прогрессом */
.skeleton-progress {
	background: var(--background_light);
	background: linear-gradient(
		90deg,
		var(--background_light) 25%,
		var(--background_page) 37%,
		var(--background_light) 63%
	);
	-webkit-animation: E9RVb\+t 1.4s ease infinite;
	        animation: E9RVb\+t 1.4s ease infinite;
	background-size: 400% 100%;
}

@-webkit-keyframes E9RVb\+t {
	0% {
		background-position: 100% 50%;
	}

	to {
		background-position: 0 50%;
	}
}

@keyframes E9RVb\+t {
	0% {
		background-position: 100% 50%;
	}

	to {
		background-position: 0 50%;
	}
}
/* ------------------------------ End Skeletons ------------------------ */

:root {
	--font-size-xl: 46px;
	--font-size-l: 32px;
	--font-size-m: 22px;
	--font-size-text: 16px;
	--font-size-text-mobile: 15px;
	--font-size-s: 14px;
	--font-size-s-mobile: 13px;
	--font-size-xs: 12px;

	--line-height-xl: 46px;
	--line-height-l: 32px;
	--line-height-m: 28px;
	--line-height-text: 20px;
	--line-height-s: 18px;
	--line-height-s-mobile: 1.23;
	--line-height-xs: 14px;
}

/* Text */

.text-xl {
	font-size: var(--font-size-xl);
	line-height: var(--line-height-xl);
}

.text-l {
	font-size: var(--font-size-l);
	line-height: var(--line-height-l);
}

.text-m {
	font-size: var(--font-size-m);
	line-height: var(--line-height-m);
}

.text-base {
	font-size: var(--font-size-text);
	line-height: var(--line-height-text);
}

.text-base-mobile {
	font-size: var(--font-size-text-mobile);
	line-height: var(--line-height-text);
}

.text-s {
	font-size: var(--font-size-s);
	line-height: var(--line-height-s);
}

.text-s-mobile {
	font-size: var(--font-size-s-mobile);
	line-height: var(--line-height-s-mobile);
}

.text-xs {
	font-size: var(--font-size-xs);
	line-height: var(--line-height-xs);
}

:root {
	--disable-opacity: 0.4;
}

:root {
	--color-red: #e64646;
	--color-blue: #5181b8;
	--color-blue-rgb: 81, 129, 184;
	--color-blue-grey: #74a2d6;
	--color-blue-dark: #45678f;
	--color-blue-light: #5c9ce6;
	--color-orange: #ffa000;
	--color-green: #4bb34b;
	--color-grey-light: #d7d8d9;
	--color-grey-light2: #c4c8cc;
	--color-grey: #909499;
	--color-grey-icon: #aaaeb3;
	--color-grey-icon-2: rgb(190, 201, 214);
	--color-grey-icon-3: #99a2ad;
	--color-grey-text: #71757a;
	--color-yellow: #f5a623;
	--color-black-text: #2c2d2e;
	--color-placeholder: rgba(0, 28, 61, 0.08);
	/* для место под аватарки --popup-overlay-bg: #fff; */

	--color-error-border: #e64646;
	--color-error-bg: #faeaea;

	--padding: 16px;
	--padding-small: 12px;
	--padding-smallest: 10px;
	--padding-line: 10px;
	--border: 1px;
	--input-height: 44px;
	--input-radius: 6px;
	--icon-size: 24px;
	--avatar-size: 48px;
	--avatar-size--small: 40px;
	--footer-button-indent--ios: 69px;
	--footer-button-indent--android: 71px;

	--dmr-new-card-iframe-min-height--ios: 236px;
	--dmr-new-card-iframe-min-height--android: 234px;

	--font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;

/* 
	--navbar_height: 44 px;
	android 56 px // --statusbar_height: 20 px;
	android 0 px // const TITLE_OFFSET = Platform . OS = = = 'ios' ? 70: 40;
*/
	--color-input-focus: #528bcc;
	--color-input-focus-error: #e64646;

   /* for iphone X other size ! ! ! --ios-header-height: 64 px;*/
	--ios-header-content-height: 44px;
	--ios-search-height: 48px;
	--ios-timing: 0.6s;
	--ios-easing: cubic-bezier(0.36, 0.66, 0.04, 1);
	--color-ios-border-2x-gray: #d8d8d8;
	--ios-input-radius: 10px;

	--android-list-block-bottom-offset: 8px;
	--android-header-height: 56px;
	--color-android-bg-gray: #ebedf0;
	--android-input-radius: 4px;

	--animation-duration-money-request: 300ms;

	--ios-input-error-color: #e79b8a;
	--ios-input-error-bg-color: #faeaea;

	--android-input-error-color: #e69393;
	--android-input-error-bg-color: #faebeb;
}

body,
html {
	color: #000;
}

html._3zYvBoM {
	overflow: hidden;
}

html._3zYvBoM #PZf9gEn {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

input,
textarea {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
	outline: none;
	padding: 0;
	border: none;
	resize: none;
	background-color: transparent;
	color: var(--text_primary);
}

input[disabled],
textarea[disabled] {
	 opacity: 0.4;
}

iframe {
	border: none;
	color-scheme: none;
}

a {
	color: var(--link_alternate);
}

.YntFF9i {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	        flex-direction: column;
}

.IJYpO0M {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
}

body.suppress_scroll {
	overscroll-behavior-y: contain;
	overflow-y: hidden;
}

#rootContainer {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-y: auto;
}

body.suppress_scroll #rootContainer {
	overflow-y: hidden;
}

/*# sourceMappingURL=app-019a894.css.map*/