@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 700;
	src: url(assets/IBMPlexSans-Bold.2aad17051393e85d9491.eot.html);
	src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url(assets/IBMPlexSans-Bold.2aad17051393e85d9491.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-Bold.ffdd8696ca983efc2c20.woff2.html) format("woff2"), url(assets/IBMPlexSans-Bold.0563a80e82efbad172ff.woff.html) format("woff"), url(assets/IBMPlexSans-Bold.b6e48200888cf96927aa.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: italic;
	font-weight: 100;
	src: url(assets/IBMPlexSans-ThinItalic.318df192417f069eb8d3.eot.html);
	src: local("IBM Plex Sans Thin Italic"), local("IBMPlexSans-ThinItalic"), url(assets/IBMPlexSans-ThinItalic.318df192417f069eb8d3.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-ThinItalic.10b32170d188c728b2c0.woff2.html) format("woff2"), url(assets/IBMPlexSans-ThinItalic.d23be02d2c6274f53eaa.woff.html) format("woff"), url(assets/IBMPlexSans-ThinItalic.8fa19074b42f1e5a44e6.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 600;
	src: url(assets/IBMPlexSans-SemiBold.b806b631e4f457f79ae8.eot.html);
	src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(assets/IBMPlexSans-SemiBold.b806b631e4f457f79ae8.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-SemiBold.a2a5260f7afea34fcadb.woff2.html) format("woff2"), url(assets/IBMPlexSans-SemiBold.be20edc8f3385060c0c1.woff.html) format("woff"), url(assets/IBMPlexSans-SemiBold.aa898056e8ad8de0c170.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: italic;
	font-weight: 400;
	src: url(assets/IBMPlexSans-Italic.b59fff84f93c60d11aca.eot.html);
	src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(assets/IBMPlexSans-Italic.b59fff84f93c60d11aca.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-Italic.eefd351ad60f89169e3f.woff2.html) format("woff2"), url(assets/IBMPlexSans-Italic.f9070b03eb2ccf6bbfcb.woff.html) format("woff"), url(assets/IBMPlexSans-Italic.8761d8fbadf1a57a4286.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: italic;
	font-weight: 700;
	src: url(assets/IBMPlexSans-BoldItalic.bef8cbe06a60d185ac22.eot.html);
	src: local("IBM Plex Sans Bold Italic"), local("IBMPlexSans-BoldItalic"), url(assets/IBMPlexSans-BoldItalic.bef8cbe06a60d185ac22.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-BoldItalic.67b33781f4a2b0e63345.woff2.html) format("woff2"), url(assets/IBMPlexSans-BoldItalic.9ab3178443a5d2117934.woff.html) format("woff"), url(assets/IBMPlexSans-BoldItalic.da726a7453a16b750654.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 200;
	src: url(assets/IBMPlexSans-ExtraLight.a2a1b4cbe8b9684c9fda.eot.html);
	src: local("IBM Plex Sans ExtraLight"), local("IBMPlexSans-ExtraLight"), url(assets/IBMPlexSans-ExtraLight.a2a1b4cbe8b9684c9fda.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-ExtraLight.663f91ddedfe3503881f.woff2.html) format("woff2"), url(assets/IBMPlexSans-ExtraLight.99925e457861d4865e85.woff.html) format("woff"), url(assets/IBMPlexSans-ExtraLight.fb5194ac3dad6ccb286d.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 400;
	src: url(assets/IBMPlexSans.fea1c3a8085701f13000.eot.html);
	src: local("IBM Plex Sans"), local("IBMPlexSans"), url(assets/IBMPlexSans.fea1c3a8085701f13000.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans.5b67d03f5cc7578e9411.woff2.html) format("woff2"), url(assets/IBMPlexSans.9f2053ee915629980221.woff.html) format("woff"), url(assets/IBMPlexSans.177e36a80520ea4ad85d.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: italic;
	font-weight: 500;
	src: url(assets/IBMPlexSans-MediumItalic.3168c364b33036d183e7.eot.html);
	src: local("IBM Plex Sans Medium Italic"), local("IBMPlexSans-MediumItalic"), url(assets/IBMPlexSans-MediumItalic.3168c364b33036d183e7.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-MediumItalic.3572016cbdf8fb683e74.woff2.html) format("woff2"), url(assets/IBMPlexSans-MediumItalic.f23ed4f466d2a2b82669.woff.html) format("woff"), url(assets/IBMPlexSans-MediumItalic.ec62c355106073a02fda.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 100;
	src: url(assets/IBMPlexSans-Thin.3d73b754b6a4726d5ba0.eot.html);
	src: local("IBM Plex Sans Thin"), local("IBMPlexSans-Thin"), url(assets/IBMPlexSans-Thin.3d73b754b6a4726d5ba0.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-Thin.0e6cbeda316b3a57a6d9.woff2.html) format("woff2"), url(assets/IBMPlexSans-Thin.891b7dc3ab908ad5dd5e.woff.html) format("woff"), url(assets/IBMPlexSans-Thin.8d6a7e59a695b2aa4914.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: italic;
	font-weight: 600;
	src: url(assets/IBMPlexSans-SemiBoldItalic.172a4fb91e9af70e0569.eot.html);
	src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(assets/IBMPlexSans-SemiBoldItalic.172a4fb91e9af70e0569.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-SemiBoldItalic.9d0d064b2be0a5e7f54a.woff2.html) format("woff2"), url(assets/IBMPlexSans-SemiBoldItalic.d75aaab9e62f4fe3461e.woff.html) format("woff"), url(assets/IBMPlexSans-SemiBoldItalic.26d20329cc59ed35bf67.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 500;
	src: url(assets/IBMPlexSans-Medium.c1d5a52d12ffa6ec2eca.eot.html);
	src: local("IBM Plex Sans Medium"), local("IBMPlexSans-Medium"), url(assets/IBMPlexSans-Medium.c1d5a52d12ffa6ec2eca.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-Medium.bb6bb1b56ef163ca467c.woff2.html) format("woff2"), url(assets/IBMPlexSans-Medium.ec22ea3142b488f48c8b.woff.html) format("woff"), url(assets/IBMPlexSans-Medium.56adf7eff2eb278eece8.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: italic;
	font-weight: 300;
	src: url(assets/IBMPlexSans-LightItalic.8d27e5af5347e7d44f8e.eot.html);
	src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(assets/IBMPlexSans-LightItalic.8d27e5af5347e7d44f8e.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-LightItalic.44163e5c51e6e07de056.woff2.html) format("woff2"), url(assets/IBMPlexSans-LightItalic.61fce53fde1fb94edfde.woff.html) format("woff"), url(assets/IBMPlexSans-LightItalic.7eff6867d4a304d83d0a.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 300;
	src: url(assets/IBMPlexSans-Light.230fbd9685921a52de63.eot.html);
	src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(assets/IBMPlexSans-Light.230fbd9685921a52de63.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-Light.f1a87b33e4188494f66f.woff2.html) format("woff2"), url(assets/IBMPlexSans-Light.d1498c135c501b6edab5.woff.html) format("woff"), url(assets/IBMPlexSans-Light.6df767030da44b67fb7e.ttf.html) format("truetype")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: italic;
	font-weight: 200;
	src: url(assets/IBMPlexSans-ExtraLightItalic.2654d9edc7875ff137af.eot.html);
	src: local("IBM Plex Sans ExtraLight Italic"), local("IBMPlexSans-ExtraLightItalic"), url(assets/IBMPlexSans-ExtraLightItalic.2654d9edc7875ff137af.eot@.html) format("embedded-opentype"), url(assets/IBMPlexSans-ExtraLightItalic.f7cae59b6038ee1b0797.woff2.html) format("woff2"), url(assets/IBMPlexSans-ExtraLightItalic.00e7550dd6815f4a521f.woff.html) format("woff"), url(assets/IBMPlexSans-ExtraLightItalic.bef5a7bbe7e5ec6f1e2d.ttf.html) format("truetype")
}

@font-face {
	font-family: TT Runs Trial DemiBold;
	font-style: normal;
	src: url("assets/TT Runs Trial DemiBold.5901102e1bf9d0f52a9f.ttf.html") format("truetype")
}

*,
:after,
:before {
	box-sizing: border-box
}

a,
button,
input,
select,
textarea {
	font-family: IBM Plex Sans, sans-serif
}

a {
	color: inherit;
	cursor: pointer;
	display: inline-block;
	text-decoration: none
}

img {
	display: block
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
	font-family: IBM Plex Sans, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-feature-settings: "pnum" on, "lnum" on;
	margin: 0;
	padding: 0
}

html {
	font-size: 14px;
	height: 100%;
	width: 100%
}

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

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

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

body {
	background: var(--c-bg);
	font-family: IBM Plex Sans, sans-serif;
	font-variant-numeric: lining-nums proportional-nums;
	font-weight: 400;
	height: 100%;
	letter-spacing: 0;
	line-height: normal;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	text-rendering: optimizelegibility;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	color: var(--c-text1);
	font-feature-settings: "pnum" on, "lnum" on;
	font-size: 16px
}

.g-scroll {
	scrollbar-color: var(--c-main1) var(--c-bg);
	scrollbar-width: thin
}

.g-scroll::-webkit-scrollbar {
	height: 8px;
	width: 8px
}

.g-scroll::-webkit-scrollbar-thumb {
	background-color: var(--c-main1)
}

.g-scroll::-webkit-scrollbar-track {
	background-color: var(--c-bg)
}

.g-scroll * {
	scrollbar-color: var(--c-main1) var(--c-bg);
	scrollbar-width: thin
}

.g-scroll ::-webkit-scrollbar {
	height: 8px;
	width: 8px
}

.g-scroll ::-webkit-scrollbar-thumb {
	background-color: var(--c-main1)
}

.g-scroll ::-webkit-scrollbar-track {
	background-color: var(--c-bg)
}

.g-left {
	text-align: left
}

.g-right {
	text-align: right
}

body:not([data-dark]) .g-t-black,
body[data-dark] .g-t-white {
	display: none
}

.g-f-end {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	justify-content: center;
	padding-right: 6px
}

.g-f-end--nw {
	flex-wrap: nowrap !important
}

.g-f-start {
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center
}

.g-f-space-between,
.g-f-start {
	align-items: center;
	display: flex
}

.g-f-space-between {
	gap: .7rem;
	justify-content: space-between
}

.g-f-space-between--m1200 {
	flex-wrap: wrap;
	justify-content: center
}

.g-f-space-around {
	align-items: center;
	display: flex;
	gap: .7rem;
	justify-content: space-around
}

.app {
	padding-top: var(--h-header);
	position: relative;
	z-index: 10
}

.logo {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: flex-start
}

.logo__icon {
	background: url(assets/logo.62de411c3107992684f8.png);
	background-size: 100% 100%;
	display: block;
	height: 32px;
	width: 32px
}

.logo__name {
	color: var(--c-text1);
	font-family: IBM Plex Sans, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1
}

.link {
	color: var(--c-main1)
}

.g-green {
	color: var(--c-green) !important
}

.g-green svg,
.g-green svg path {
	stroke: var(--c-green) !important
}

.g-red {
	color: var(--c-red) !important
}

.g-red svg,
.g-red svg path {
	stroke: var(--c-red) !important
}

.error-404 {
	flex-direction: column;
	height: calc(100vh - var(--h-header) - 200px);
	width: 100%
}

.error-404,
.error-404__code {
	align-items: center;
	display: flex;
	justify-content: center
}

.error-404__code {
	font-size: 5rem;
	font-weight: 900;
	line-height: 1
}

.error-404__name {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1;
	opacity: .5;
	text-transform: uppercase
}

.footer {
	background: var(--c-bg);
	color: var(--c-text2);
	padding: 82px 0;
	position: relative;
	z-index: 80
}

.footer__wrapper {
	align-items: stretch;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1390px;
	padding: 0 15px
}

.footer__left {
	align-items: flex-start
}

.footer__left,
.footer__right {
	display: flex;
	flex-direction: column;
	gap: 82px;
	justify-content: space-between
}

.footer__right {
	align-items: flex-end
}

.footer__copyright {
	font-size: 14px;
	font-weight: 500;
	opacity: .25
}

.footer--small {
	border-top: 1px solid hsla(0, 0%, 100%, .08);
	padding: 22px 0
}

.footer--small .footer__wrapper {
	align-items: center;
	display: flex;
	justify-content: center
}

.footer--small .footer__logo,
.footer--small .footer__menu,
.footer--small .footer__right .footer__copyright {
	display: none
}

.footer-section {
	align-items: flex-start;
	display: flex;
	gap: 50px;
	justify-content: flex-start
}

.footer-section__title {
	font-size: 18px;
	font-weight: 600;
	line-height: 162.5%;
	margin-bottom: 20px;
	opacity: .65
}

.footer-menu__item {
	line-height: 162.5%;
	margin-bottom: 12px
}

.footer-menu__item:last-child {
	margin-bottom: 0
}

.header {
	background: var(--c-bg);
	height: var(--h-header);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100
}

.header__wrapper {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1390px;
	padding: 0 15px
}

.h-menu,
.header__wrapper>* {
	height: 100%
}

.h-menu {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: flex-start
}

.h-menu--center {
	gap: 32px;
	justify-content: center
}

.h-menu--right {
	gap: 18px;
	justify-content: flex-end
}

.h-menu__item {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative
}

.h-menu__item--arrow:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%274%27 fill=%27none%27%3E%3Cpath stroke=%27%23292D32%27 stroke-miterlimit=%2710%27 d=%27m7.5.5-2.881 3H3.38L.5.5%27/%3E%3C/svg%3E");
	background-size: cover;
	content: "";
	height: 3px;
	margin-left: 4px;
	transition: all .1s;
	width: 7px
}

.h-menu__item--arrow:hover:after {
	transform: rotate(180deg)
}

.h-menu__item:not(.h-menu__item--no-hover):hover .h-menu__link,
.h-menu__item:not(.h-menu__item--no-hover):hover .h-menu__name {
	opacity: .9
}

.h-menu__item:not(.h-menu__item--no-hover):hover .h-menu__child {
	opacity: 1;
	pointer-events: auto
}

.h-menu__hr {
	background: var(--c-border3);
	height: 20px;
	min-width: 1px
}

.h-menu__link,
.h-menu__name {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	gap: 6px;
	height: 100%;
	justify-content: center;
	opacity: 1;
	transition: all .25s;
	white-space: nowrap
}

.h-menu__child {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transition: all .1s
}

[data-dark] .h-menu__item--arrow:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%274%27 fill=%27none%27%3E%3Cpath stroke=%27%23F7F7FF%27 stroke-miterlimit=%2710%27 d=%27m7.5.5-2.881 3H3.38L.5.5%27/%3E%3C/svg%3E");
	background-size: cover
}

.c-menu {
	background: var(--c-main4);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow);
	max-width: 302px;
	min-width: 302px;
	padding: 16px;
	width: 100%
}

.c-menu__item {
	margin-bottom: 16px
}

.c-menu__item:last-child {
	margin-bottom: 0
}

.c-menu__link {
	align-items: center;
	display: flex;
	gap: 11px;
	justify-content: flex-start;
	opacity: 1;
	transition: all .1s
}

.c-menu__link:hover {
	opacity: .8
}

.c-menu__icon {
	height: 24px;
	width: 24px
}

.c-menu__icon svg path {
	stroke: var(--c-text1)
}

.c-menu__name {
	font-size: 16px;
	font-weight: 400
}

.c-menu__desc {
	font-size: 12px;
	font-weight: 400;
	margin-top: 4px;
	opacity: .5
}

.h-label {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: center
}

.h-label__value {
	background: var(--c-main1);
	border-radius: 10px;
	color: var(--c-text0);
	font-size: 10px;
	padding: 4px 8px
}

.theme-switch {
	background: #f7f7ff;
	border-radius: 15px;
	cursor: pointer;
	height: 30px;
	width: 57px
}

.theme-switch__point {
	position: relative
}

.theme-switch__icon {
	left: -4px;
	position: absolute;
	top: -3px;
	transition: all .25s
}

.theme-switch__icon--light {
	opacity: 1
}

.theme-switch__icon--dark {
	opacity: 0
}

[data-dark] .theme-switch {
	background: var(--c-main1)
}

[data-dark] .theme-switch__icon {
	left: 21px
}

[data-dark] .theme-switch__icon--light {
	opacity: 0
}

[data-dark] .theme-switch__icon--dark {
	opacity: 1
}

.h-user-panel {
	height: 100%;
	pointer-events: none;
	width: 100%
}

.h-user-panel__overlay {
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
	background: rgba(41, 45, 50, .75);
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all .25s;
	width: 100%;
	z-index: 90
}

.h-user-panel__wrapper {
	align-items: stretch;
	background: var(--c-bg);
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--h-header));
	justify-content: space-between;
	max-width: 400px;
	padding: 24px;
	position: fixed;
	right: 0;
	top: var(--h-header);
	transform: translateX(101%);
	transition: all .25s;
	width: 100%;
	z-index: 100
}

.h-user-panel--active {
	pointer-events: auto
}

.h-user-panel--active .h-user-panel__overlay {
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px);
	opacity: 1
}

.h-user-panel--active .h-user-panel__wrapper {
	transform: translateX(0)
}

.h-user-info {
	align-items: center;
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	margin-bottom: 32px
}

.h-user-info__img img {
	height: 56px;
	width: 56px
}

.h-user-info__id,
.h-user-info__name {
	align-items: center;
	display: flex;
	font-weight: 500;
	gap: 6px;
	justify-content: flex-start;
	margin-bottom: 6px
}

.h-user-info__id span {
	opacity: .5
}

.h-user-info__copy {
	cursor: pointer;
	transition: all .25s
}

.h-user-info__copy,
.h-user-info__copy path {
	stroke: var(--c-text2)
}

.h-user-info__copy:hover {
	opacity: .8
}

.h-user-menu {
	margin-top: 32px
}

.h-user-menu__item {
	margin-bottom: 15px
}

.h-user-menu__item:last-child {
	margin-bottom: 0
}

.h-user-menu__item--hr {
	background: var(--c-border1);
	height: 1px
}

.h-user-menu__link {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: flex-start;
	padding: 5px 0;
	transition: all .25s
}

.h-user-menu__link:hover {
	opacity: .8
}

.h-user-menu__link svg,
.h-user-menu__link svg path {
	stroke: var(--c-text2)
}

.h-user-logout {
	align-items: center;
	color: var(--c-text2);
	cursor: pointer;
	display: flex;
	gap: 4px;
	justify-content: flex-start;
	opacity: .5
}

.h-user-logout svg,
.h-user-logout svg path {
	stroke: var(--c-text2)
}

.text-starts {
	font-size: 22px;
	height: 20px;
	line-height: 1;
	transform: translateY(1px)
}

.text-starts--large {
	font-size: 36px;
	height: 32px;
	line-height: 1;
	transform: translateY(3px)
}

.app__toasts {
	align-items: flex-start;
	bottom: 15px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	left: 15px;
	position: fixed;
	z-index: 9999999
}

.app__toasts .toast-enter,
.app__toasts .toast-leave-to {
	opacity: 0
}

.app__toasts .toast-enter-to,
.app__toasts .toast-leave {
	opacity: 1
}

.app__toasts .toast-enter-active,
.app__toasts .toast-leave-active {
	transition: opacity .25s linear
}

.app__toasts .toast {
	background-color: #323232;
	border-radius: 16px;
	box-shadow: var(--h-shadow4);
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	height: auto;
	line-height: 130%;
	margin-top: 10px;
	max-width: 400px;
	min-height: 48px;
	padding: 15px 20px;
	transition: all .1s linear
}

.app__toasts .toast--center {
	left: 50%;
	position: fixed;
	text-align: center;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 9999999
}

.app__toasts .toast--center:hover {
	transform: translateY(-50%) translateX(-50%) scale(1.01) !important
}

.app__toasts .toast--center img {
	margin: 0 auto 12px;
	max-width: 60px
}

.app__toasts .toast:hover {
	transform: scale(1.01)
}

.app__toasts .toast.toast--info {
	background: var(--c-main4);
	color: var(--c-text1)
}

.app__toasts .toast.toast--success {
	background: rgba(64, 191, 106, .3);
	color: var(--c-green)
}

.app__toasts .toast.toast--warning {
	background: rgba(238, 129, 19, .3);
	color: rgba(238, 129, 19, .8)
}

.app__toasts .toast.toast--error {
	background: rgba(246, 70, 93, .25);
	color: var(--c-red)
}

.app__toasts .toast__button {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 6px;
	justify-content: flex-start;
	margin-top: 12px
}

.app__toasts .toast__button button {
	width: 100%
}

.btn-row {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: space-between
}

.btn-row--g12 {
	gap: 12px
}

.btn-row--g16 {
	gap: 16px
}

.btn-row--fs16 .btn {
	font-size: 16px
}

.btn-row--mb14 {
	margin-bottom: 14px
}

.btn-row--mb16 {
	margin-bottom: 16px
}

.btn-row--mb24 {
	margin-bottom: 24px
}

.btn-row--mb32 {
	margin-bottom: 32px
}

.btn {
	align-items: center;
	background: transparent;
	border: none;
	color: var(--c-text0);
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 500;
	justify-content: center;
	line-height: 1;
	opacity: 1;
	outline: none;
	padding: 0 25px;
	position: relative;
	text-align: center;
	transition: all .25s;
	white-space: nowrap
}

.btn--mb16 {
	margin-bottom: 16px
}

.btn--mb24 {
	margin-bottom: 24px
}

.btn--fs16 {
	font-size: 16px
}

.btn--fs16 span {
	gap: 6px
}

.btn span {
	align-items: center;
	display: inline-flex;
	gap: 4px;
	justify-content: center
}

.btn:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

.btn:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

.btn:not(.btn--outline) {
	background-color: var(--c-main1)
}

.btn:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn.btn--outline {
	border: 1px solid var(--c-main1)
}

.btn--td-black,
.btn.btn--outline {
	color: var(--c-text0)
}

.btn--td-black:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

.btn--td-black:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

.btn--td-black:not(.btn--outline) {
	background-color: var(--c-main1)
}

.btn--td-black:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--td-black.btn--outline {
	border: 1px solid var(--c-main1);
	color: var(--c-text0)
}

.btn--red {
	color: var(--c-text0)
}

.btn--red:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

.btn--red:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

.btn--red:not(.btn--outline) {
	background-color: var(--c-red)
}

.btn--red:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--red.btn--outline {
	border: 1px solid var(--c-red);
	color: var(--c-text0)
}

.btn--blue {
	color: var(--c-text0)
}

.btn--blue:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

.btn--blue:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

.btn--blue:not(.btn--outline) {
	background-color: #3cc0dd
}

.btn--blue:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--blue.btn--outline {
	border: 1px solid #3cc0dd;
	color: var(--c-text0)
}

.btn--green {
	color: var(--c-text0)
}

.btn--green:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

.btn--green:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

.btn--green:not(.btn--outline) {
	background-color: var(--c-green)
}

.btn--green:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--green.btn--outline {
	border: 1px solid var(--c-green);
	color: var(--c-text0)
}

.btn--green2 {
	color: var(--c-text0)
}

.btn--green2:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

.btn--green2:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

.btn--green2:not(.btn--outline) {
	background-color: #05ae7b
}

.btn--green2:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--green2.btn--outline {
	border: 1px solid #05ae7b;
	color: var(--c-text0)
}

.btn--green3 {
	color: var(--c-text0)
}

.btn--green3:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

.btn--green3:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

.btn--green3:not(.btn--outline) {
	background-color: #40bf6a
}

.btn--green3:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--green3.btn--outline {
	border: 1px solid #40bf6a;
	color: var(--c-text0)
}

.btn--black {
	color: var(--c-text0)
}

.btn--black:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

.btn--black:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

.btn--black:not(.btn--outline) {
	background-color: var(--c-main3)
}

.btn--black:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--black.btn--outline {
	border: 1px solid var(--c-main3);
	color: var(--c-text0)
}

.btn--black3 {
	color: var(--c-text0)
}

.btn--black3:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

.btn--black3:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

.btn--black3:not(.btn--outline) {
	background-color: var(--c-main8)
}

.btn--black3:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--black3.btn--outline {
	border: 1px solid var(--c-main8);
	color: var(--c-text0)
}

.btn--black2 {
	color: var(--c-text1)
}

.btn--black2:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text1)
}

.btn--black2:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text1)
}

.btn--black2:not(.btn--outline) {
	background-color: var(--c-main3)
}

.btn--black2:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--black2.btn--outline {
	border: 1px solid var(--c-main3);
	color: var(--c-text1)
}

.btn--dblue {
	color: var(--c-text4)
}

.btn--dblue:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text4)
}

.btn--dblue:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text4)
}

.btn--dblue:not(.btn--outline) {
	background-color: var(--c-main2)
}

.btn--dblue:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--dblue.btn--outline {
	border: 1px solid var(--c-main2);
	color: var(--c-text4)
}

.btn--transparent {
	color: transparent
}

.btn--transparent:not(.btn--transparent) svg path[stroke] {
	stroke: transparent
}

.btn--transparent:not(.btn--transparent) svg path[fill] {
	fill: transparent
}

.btn--transparent:not(.btn--outline) {
	background-color: transparent
}

.btn--transparent:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

.btn--transparent.btn--outline {
	border: 1px solid transparent;
	color: transparent
}

.btn--disabled {
	cursor: not-allowed;
	opacity: .4
}

.btn--p8 {
	padding: 0 8px
}

.btn--s26 {
	--h: 26px;
	height: var(--h)
}

.btn--s30 {
	--h: 30px;
	height: var(--h)
}

.btn--s36 {
	--h: 36px;
	height: var(--h)
}

.btn--s42 {
	--h: 42px;
	height: var(--h)
}

.btn--s50 {
	--h: 50px;
	height: var(--h)
}

.btn--s54 {
	--h: 54px;
	height: var(--h)
}

.btn--r8 {
	border-radius: 8px
}

.btn--r12 {
	border-radius: 12px
}

.btn--r15 {
	border-radius: 15px
}

.btn--r50 {
	border-radius: 50%
}

.btn--icon {
	padding: 0;
	width: var(--h)
}

.btn--full-width {
	width: 100%
}

.btn--loading {
	background: #d7d7d7;
	cursor: not-allowed;
	opacity: .8
}

.btn--loading span {
	opacity: 0
}

.btn--loading:after {
	animation: loading 1.2s linear infinite;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
	background-size: 100%;
	content: "";
	height: 24px;
	left: calc(50% - 12px);
	opacity: .6;
	pointer-events: none;
	position: absolute;
	top: calc(50% - 12px);
	transition: opacity .3s;
	width: 24px
}

[data-dark] .btn--td-black {
	color: var(--c-text0)
}

[data-dark] .btn--td-black:not(.btn--transparent) svg path[stroke] {
	stroke: var(--c-text0)
}

[data-dark] .btn--td-black:not(.btn--transparent) svg path[fill] {
	fill: var(--c-text0)
}

[data-dark] .btn--td-black:not(.btn--outline) {
	background-color: var(--c-main1)
}

[data-dark] .btn--td-black:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
	opacity: .8
}

[data-dark] .btn--td-black.btn--outline {
	border: 1px solid var(--c-main1);
	color: var(--c-text0)
}

.icon {
	transition: all .25s
}

.icon--arrow {
	--c-f: none;
	--c-s: var(--c-text1);
	--c-f-h: none;
	--c-s-h: var(--c-text1)
}

.icon--menu {
	--c-f: var(--c-text1);
	--c-s: var(--c-text1);
	--c-f-h: var(--c-main1);
	--c-s-h: var(--c-main1)
}

.icon--user {
	--c-f: var(--c-text1);
	--c-s: var(--c-text1);
	--c-f-h: var(--c-text1);
	--c-s-h: var(--c-text1)
}

.icon [stroke] {
	stroke: var(--c-s) !important
}

.icon [fill] {
	fill: var(--c-f) !important
}

.icon path[stroke] {
	stroke: var(--c-s) !important
}

.icon path[fill] {
	fill: var(--c-f) !important
}

.icon path {
	transition: all .25s
}

.icon--active [stroke] {
	stroke: var(--c-s-h) !important
}

.icon--active [fill] {
	fill: var(--c-f-h) !important
}

.icon--active path[stroke] {
	stroke: var(--c-s-h) !important
}

.icon--active path[fill] {
	fill: var(--c-f-h) !important
}

.i-group {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative
}

.i-group .input {
	min-width: 300px;
	right: -40px
}

.i-group .btn,
.i-group .input,
.i-group2,
.i-group2 .input {
	position: relative
}

.i-group2 .input {
	width: 70%
}

.i-group2 .input .input__field {
	font-size: 12px
}

.i-group2 .btn {
	max-width: 42%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.checkbox {
	align-items: flex-start;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 16px;
	text-align: left
}

.checkbox--m0 {
	margin-bottom: 0
}

.checkbox__input {
	display: none
}

.checkbox__input:checked+.checkbox__box {
	border-color: var(--c-main1)
}

.checkbox__input:checked+.checkbox__box:after {
	border-color: var(--c-text1)
}

.checkbox__box {
	background-clip: padding-box;
	background-color: transparent;
	border: 1px solid var(--c-main1);
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 18px;
	margin-top: 1px;
	min-width: 18px;
	position: relative;
	transition: border-color .25s
}

.checkbox__box:hover:not(.checkbox__box--disabled) {
	border-color: var(--c-main1)
}

.checkbox__box:after {
	border-color: transparent;
	border-radius: 1px;
	border-style: solid;
	border-width: 0 0 2px 2px;
	content: "";
	height: 5px;
	left: 4px;
	pointer-events: none;
	position: absolute;
	top: 5px;
	transform: rotate(-45deg);
	transition: border-color .25s;
	width: 8px
}

.checkbox__label {
	color: var(--color-third);
	cursor: pointer;
	font-size: 1rem;
	margin-top: -1px;
	padding-left: .6rem
}

.checkbox__label:hover+.checkbox__box {
	border-color: var(--c-main1)
}

.checkbox--small .checkbox__box {
	height: 14px;
	min-width: 14px
}

.checkbox--small .checkbox__box:after {
	border-width: 0 0 1px 1px;
	height: 3px;
	left: 3.2px;
	top: 4px;
	width: 6px
}

.checkbox--small .checkbox__label {
	font-size: .85rem
}

.checkbox--disabled .checkbox__box {
	opacity: .7
}

.input--mb13 {
	margin-bottom: 13px
}

.input--mb16 {
	margin-bottom: 16px
}

.input--mb24 {
	margin-bottom: 24px
}

.input--s30 {
	--h: 30px
}

.input--s30:not(.input--multiline) .input__wrapper {
	height: var(--h)
}

.input--s30.input--multiline textarea.input__field {
	height: 90px
}

.input--s30 .input__inner-label {
	padding-top: 1px
}

.input--s36 {
	--h: 36px
}

.input--s36:not(.input--multiline) .input__wrapper {
	height: var(--h)
}

.input--s36.input--multiline textarea.input__field {
	height: 90px
}

.input--s36 .input__inner-label {
	padding-top: 2px
}

.input--s42 {
	--h: 42px
}

.input--s42:not(.input--multiline) .input__wrapper {
	height: var(--h)
}

.input--s42.input--multiline textarea.input__field {
	height: 130px
}

.input--s42 .input__inner-label {
	padding-top: 4px
}

.input--s50 {
	--h: 50px
}

.input--s50:not(.input--multiline) .input__wrapper {
	height: var(--h)
}

.input--s50.input--multiline textarea.input__field {
	height: 180px
}

.input--s50 .input__inner-label {
	padding-top: 6px
}

.input--s54 {
	--h: 54px
}

.input--s54:not(.input--multiline) .input__wrapper {
	height: var(--h)
}

.input--s54.input--multiline textarea.input__field {
	height: 180px
}

.input--s54 .input__inner-label {
	padding-top: 7px
}

.input--s56 {
	--h: 56px
}

.input--s56:not(.input--multiline) .input__wrapper {
	height: var(--h)
}

.input--s56.input--multiline textarea.input__field {
	height: 180px
}

.input--s56 .input__inner-label {
	padding-top: 7px
}

.input--r8 .input__wrapper {
	border-radius: 8px
}

.input--r12 .input__wrapper {
	border-radius: 12px
}

.input--r15 .input__wrapper {
	border-radius: 15px
}

.input--right .input__field {
	text-align: right
}

.input__label {
	color: var(--c-text1);
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 162.5%;
	margin-bottom: 4px;
	white-space: nowrap
}

.input--label-left {
	align-items: center;
	display: flex;
	justify-content: flex-start
}

.input--label-left .input__label {
	margin-bottom: 0;
	margin-right: 1rem
}

.input--label-bold .input__label {
	color: var(--c-text1);
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px
}

.input__wrapper {
	align-items: stretch;
	background-color: transparent;
	border: 1px solid var(--c-border2);
	border-radius: 2px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: all .25s;
	width: 100%
}

.input__inner-label {
	color: var(--c-text1);
	display: block;
	font-size: .87rem;
	font-weight: 700;
	letter-spacing: .9px;
	line-height: 1;
	padding-left: 14px;
	text-transform: capitalize;
	width: 100%
}

.input__box {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: space-between;
	padding: 0 16px;
	width: 100%
}

.input:not(.input--disabled):not(.input--no-hover) .input__wrapper:hover {
	border-color: var(--c-border1)
}

.input__field {
	background: none;
	border: none;
	color: var(--c-text1);
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	line-height: 1;
	margin: 0;
	outline: none;
	padding: 0;
	width: 100%
}

.input__field::-moz-placeholder {
	color: var(--c-text1);
	opacity: .25
}

.input__field::placeholder {
	color: var(--c-text1);
	opacity: .25
}

.input textarea.input__field {
	height: 50px;
	padding: 1rem 0;
	resize: none
}

.input__section {
	align-items: center;
	color: #808191;
	display: flex;
	height: 100%;
	justify-content: center;
	line-height: 1
}

.input__section--left {
	padding-right: 16px
}

.input__section--right {
	padding-left: 16px
}

.input--dark .input__wrapper {
	background-color: #1f2328
}

.input--dark:not(.input--disabled):not(.input--no-hover) .input__wrapper:hover {
	border-color: rgba(0, 145, 235, .3)
}

.input--dark .input__field {
	color: #fff
}

.input--dark .input__section {
	color: var(--color-third)
}

.input--dark2 .input__wrapper {
	background-color: #101115
}

.input--dark2:not(.input--disabled):not(.input--no-hover) .input__wrapper:hover {
	border-color: rgba(0, 145, 235, .3)
}

.input--dark2 .input__field {
	color: #fff
}

.input--dark2 .input__section {
	color: var(--color-third)
}

.input--trans .input__wrapper {
	background-color: transparent
}

.input--nb .input__wrapper {
	border: 1px solid transparent
}

.input--nb:not(.input--disabled):not(.input--no-hover) .input__wrapper:hover {
	border-color: hsla(0, 0%, 100%, .15)
}

.input-icon svg,
.input-icon svg path {
	stroke: var(--c-text1)
}

.i-sec-max {
	align-items: center;
	display: flex;
	font-size: 16px;
	height: 20px;
	justify-content: flex-end;
	line-height: 20px
}

.i-sec-max--small {
	font-size: 12px
}

.i-sec-max--small .i-sec-max__currency:before {
	height: 10px
}

.i-sec-max__currency {
	color: var(--c-text1);
	font-weight: 400;
	margin-right: 7px;
	padding-right: 7px;
	position: relative
}

.i-sec-max__currency:before {
	background: var(--c-border4);
	content: "";
	height: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px
}

.i-sec-max__btn {
	color: var(--c-main1);
	cursor: pointer;
	font-weight: 500
}

.input-password-hide {
	align-items: center;
	background: transparent;
	cursor: pointer;
	display: flex;
	height: 100%;
	justify-content: center;
	padding: 0
}

.input-password-hide svg {
	height: 18px;
	width: 18px
}

.input-password-hide svg path {
	stroke: #666b7a;
	opacity: .4;
	transition: all .25s;
	transition-property: fill
}

.input-password-hide--blue svg path {
	stroke: var(--c-main1)
}

.input-password-hide--white {
	padding-left: 0
}

.input-password-hide--white svg path {
	stroke: var(--c-text1)
}

.input-password-hide--active svg path,
.input-password-hide:hover svg path {
	opacity: 1
}

.input-text-button {
	align-items: center;
	background: transparent;
	color: var(--c-main1);
	cursor: pointer;
	display: flex;
	font-weight: 500;
	height: 100%;
	justify-content: center;
	opacity: .9;
	padding: 0 .8rem;
	white-space: nowrap
}

.input-text-button:hover {
	opacity: 1;
	text-decoration: underline
}

.input-text {
	font-size: .9rem;
	font-weight: 500
}

.i-loading {
	height: 24px;
	position: relative;
	width: 24px
}

.i-loading:after {
	animation: loading 1.2s linear infinite;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%23315bef%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
	background-size: 100%;
	content: "";
	height: 24px;
	left: calc(50% - 12px);
	opacity: .6;
	pointer-events: none;
	position: absolute;
	top: calc(50% - 12px);
	transition: opacity .3s;
	width: 24px
}

.input-icon svg,
.input-icon__image {
	width: 28px
}

.input-btn {
	border-radius: 0 8px 8px 0;
	height: calc(100% + 2px);
	margin: 0;
	padding-left: 2rem;
	padding-right: 2rem;
	position: relative;
	right: -15px;
	width: 100%
}

.min-amount {
	margin-bottom: 1rem;
	margin-top: .2rem;
	text-align: center
}

.min-amount span {
	cursor: pointer
}

.select--mb16 {
	margin-bottom: 16px
}

.select--disabled {
	opacity: .5;
	pointer-events: none
}

.select--mb24 {
	margin-bottom: 24px
}

.select--m0 {
	margin-bottom: 0
}

.select--s30 {
	--h: 30px
}

.select--s30 .select__wrapper {
	height: var(--h)
}

.select--s30 .select__inner-label {
	padding-top: 2px
}

.select--s36 {
	--h: 36px
}

.select--s36 .select__wrapper {
	height: var(--h)
}

.select--s36 .select__inner-label {
	padding-top: 2px
}

.select--s42 {
	--h: 42px
}

.select--s42 .select__wrapper {
	height: var(--h)
}

.select--s42 .select__inner-label {
	padding-top: 4px
}

.select--s50 {
	--h: 50px
}

.select--s50 .select__wrapper {
	height: var(--h)
}

.select--s50 .select__inner-label {
	padding-top: 8px
}

.select--s54 {
	--h: 54px
}

.select--s54 .select__wrapper {
	height: var(--h)
}

.select--s54 .select__inner-label {
	padding-top: 8px
}

.select--s56 {
	--h: 56px
}

.select--s56 .select__wrapper {
	height: var(--h)
}

.select--s56 .select__inner-label {
	padding-top: 8px
}

.select--r8 .select__wrapper {
	border-radius: 8px
}

.select--r12 .select__wrapper {
	border-radius: 12px
}

.select--r15 .select__wrapper {
	border-radius: 15px
}

.select--dark .select__wrapper {
	background-color: #1f2328
}

.select--dark:not(.input--disabled) .select__wrapper:hover {
	border-color: rgba(0, 145, 235, .3)
}

.select--dark .select__field {
	color: #fff
}

.select--dark .select__section {
	color: var(--color-third)
}

.select--right .select__field {
	text-align: right
}

.select__label {
	color: var(--c-text2);
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 162.5%;
	margin-bottom: 6px;
	position: relative;
	white-space: nowrap;
	z-index: 2
}

.select--label-left {
	align-items: center;
	display: flex;
	justify-content: flex-start
}

.select--label-left .select__label {
	margin-bottom: 0;
	margin-right: 1rem
}

.select--label-bold .select__label {
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 12px
}

.select__wrapper {
	align-items: stretch;
	background-color: transparent;
	border: 1px solid var(--c-border2);
	border-radius: 2px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	transition: all .25s;
	width: 100%
}

.select__inner-label {
	color: var(--c-text1);
	display: block;
	font-size: .87rem;
	font-weight: 700;
	letter-spacing: .9px;
	line-height: 1;
	padding-left: 16px;
	text-transform: capitalize;
	width: 100%
}

.select__box {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: space-between;
	padding: 0 16px;
	width: 100%
}

.select:not(.input--disabled) .select__wrapper:hover {
	border-color: var(--c-border2)
}

.select__field {
	align-items: center;
	background: none;
	border: none;
	color: var(--c-text1);
	cursor: pointer;
	display: flex;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	justify-content: flex-start;
	line-height: 1;
	margin: 0;
	min-width: 100px;
	opacity: .4;
	outline: none;
	padding: 0;
	width: 100%
}

.select__field--selected {
	font-weight: 500;
	opacity: 1
}

.select__section {
	align-items: center;
	color: #fff;
	display: flex;
	height: 100%;
	justify-content: center;
	line-height: 1
}

.select__section--left {
	padding-right: 16px
}

.select__section--right {
	padding-left: 16px
}

.select__arrow {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 fill=%27none%27%3E%3Cpath stroke=%27%23292D32%27 stroke-miterlimit=%2710%27 d=%27m14.25 6-4.322 4.5H8.072L3.75 6%27/%3E%3C/svg%3E");
	background-size: 100% 100%;
	cursor: pointer;
	display: block;
	height: 18px;
	transition: all .25s;
	width: 18px
}

.select__list {
	background: var(--c-bg);
	border: 1px solid var(--c-border2);
	border-radius: 0 0 12px 12px;
	border-top: 0;
	box-shadow: var(--h-shadow2);
	left: -1px;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transition: all .25s ease-in;
	width: calc(100% + 2px);
	z-index: 5000
}

.select:not(.input--disabled).select--active .select__arrow {
	transform: rotate(180deg)
}

.select:not(.input--disabled).select--active .select__wrapper {
	border-radius: 12px 12px 0 0
}

.select:not(.input--disabled).select--active .select__list {
	max-height: 1000px;
	opacity: 1;
	pointer-events: auto
}

[data-dark] .select__arrow {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 fill=%27none%27%3E%3Cpath stroke=%27%23F7F7FF%27 stroke-miterlimit=%2710%27 d=%27m14.25 6-4.322 4.5H8.072L3.75 6%27/%3E%3C/svg%3E");
	background-size: 100% 100%
}

.select-list {
	min-width: 100%;
	padding: .5rem;
	z-index: 1
}

.select-list__rows {
	max-height: 200px;
	overflow-y: scroll;
	scrollbar-color: var(--c-main1) var(--c-bg);
	scrollbar-width: thin
}

.select-list__rows::-webkit-scrollbar {
	height: 8px;
	width: 8px
}

.select-list__rows::-webkit-scrollbar-thumb {
	background-color: var(--c-main1)
}

.select-list__rows::-webkit-scrollbar-track {
	background-color: var(--c-bg)
}

.select-list__row {
	cursor: pointer;
	font-weight: 500;
	padding: .4rem .2rem
}

.select-list__row--selected,
.select-list__row:hover {
	background: rgba(0, 0, 0, .02)
}

.sl-currency {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: flex-start;
	width: 100%
}

.sl-currency__icon {
	height: 2.5rem;
	margin-right: .5rem;
	width: 2.5rem
}

.sl-currency__icon--country {
	border-radius: 50%;
	height: 24px;
	width: 24px
}

.sr-currency {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: flex-start;
	padding: 0 .75rem;
	width: 100%
}

.sr-currency__icon {
	margin: 0 .75rem 0 .25rem
}

.sr-currency__icon img {
	height: 2rem;
	width: 2rem
}

.sr-currency__icon--country img {
	border-radius: 50%;
	height: 24px;
	width: 24px
}

.sr-currency__name {
	font-size: .875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.sr-currency__code {
	font-size: .875rem;
	justify-self: flex-end;
	min-width: 100px;
	text-align: right;
	white-space: nowrap
}

.loading {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%
}

.loading__box {
	height: 100px;
	position: relative;
	width: 100px
}

.loading__value {
	animation: loading .7s ease-out infinite
}

.loading__logo {
	align-items: center;
	border: none;
	border-radius: 10px;
	display: flex;
	height: 50px;
	justify-content: center;
	left: calc(50% - 25px);
	outline: none;
	position: absolute;
	top: calc(50% - 25px);
	width: 50px
}

.section {
	max-width: 100vw;
	overflow: hidden
}

.section__row {
	margin: 0 auto;
	max-width: 1390px;
	padding: 18px 15px
}

.table {
	font-size: 14px;
	max-height: calc(100vh - var(--h-header) - 6rem);
	overflow-x: auto;
	scrollbar-color: var(--c-main1) var(--c-bg);
	scrollbar-width: thin
}

.table::-webkit-scrollbar {
	height: 8px;
	width: 8px
}

.table::-webkit-scrollbar-thumb {
	background-color: var(--c-main1)
}

.table::-webkit-scrollbar-track {
	background-color: var(--c-bg)
}

.table--pointer tr {
	cursor: pointer
}

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

.table thead {
	display: table-header-group;
	position: sticky;
	top: 0;
	z-index: 2
}

.table thead tr {
	background: var(--c-main4);
	height: 56px;
	padding: 0 8px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap
}

.table thead tr th {
	background: transparent;
	border-color: transparent;
	font-size: 16px;
	font-weight: 500;
	opacity: .5
}

.table tbody {
	color: var(--color-first);
	display: table-row-group
}

.table tbody tr {
	border-bottom: 1px solid hsla(0, 0%, 96%, .05);
	display: table-row;
	height: 72px
}

.table tbody tr:last-child {
	border-bottom: none
}

.table tbody tr:hover {
	background: rgba(0, 0, 0, .02) !important
}

.table td,
.table th {
	padding: 0 8px;
	vertical-align: middle
}

.table td:first-child,
.table th:first-child {
	padding-left: 0
}

.table td:last-child,
.table th:last-child {
	padding-right: 0
}

.table--no-fix {
	max-height: 100%;
	overflow-x: auto
}

.t-balance__name {
	font-size: 14px;
	font-weight: 400;
	opacity: .5
}

.t-balance__value {
	font-size: 18px;
	font-weight: 500
}

.t-btns {
	gap: 16px;
	justify-content: flex-end
}

.currency-asset,
.t-btns {
	align-items: center;
	display: flex
}

.currency-asset {
	gap: 12px;
	justify-content: flex-start
}

.currency-asset__image {
	border-radius: 50%;
	height: 56px;
	width: 56px
}

.currency-asset img {
	background: rgba(12, 10, 29, .01);
	border-radius: 50%;
	font-size: 0
}

.currency-asset__name {
	font-size: 18px;
	font-weight: 500
}

.currency-asset__name span {
	font-size: 14px;
	font-weight: 400;
	opacity: .5
}

.currency-asset--small .currency-asset__image {
	height: 36px;
	width: 36px
}

.currency-asset--small .currency-asset__name {
	font-size: 16px
}

.currency-asset--v2 {
	gap: 6px
}

.currency-asset--v2 .currency-asset__name {
	align-items: center;
	display: flex;
	font-size: 16px;
	gap: 6px;
	justify-content: flex-start
}

.currency-asset--v2 .currency-asset__name span {
	font-size: 16px
}

.star {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	height: 24px;
	justify-content: center;
	transition: all .25s;
	width: 24px
}

.star svg,
.star svg path {
	stroke: #666b7a;
	transition: all .25s
}

.star__icon {
	height: 24px;
	width: 24px
}

.star--usmall,
.star--usmall svg {
	height: 12px;
	width: 12px
}

.star--active,
.star:hover {
	stroke: var(--c-text1)
}

.star--active path,
.star:hover path {
	fill: var(--c-text1)
}

.table-empty {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: center;
	padding: 50px
}

.table-empty__image {
	height: 92px;
	width: 92px
}

.table-empty__text {
	opacity: .25
}

.status {
	align-items: center;
	border: 1px solid var(--c-border4);
	border-radius: 12px;
	display: inline-flex;
	flex-direction: row;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	gap: 4px;
	height: 40px;
	justify-content: center;
	line-height: 1;
	min-width: 145px;
	padding: 0 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap
}

.status--success {
	border-color: var(--c-main1);
	color: var(--c-main1);
	position: relative
}

.status--success:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 fill=%27none%27%3E%3Cpath stroke=%27%23654EE0%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M9 16.5c4.125 0 7.5-3.375 7.5-7.5S13.125 1.5 9 1.5 1.5 4.875 1.5 9s3.375 7.5 7.5 7.5%27/%3E%3Cpath stroke=%27%23654EE0%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27m5.813 9 2.122 2.123 4.253-4.245%27/%3E%3C/svg%3E");
	background-size: cover;
	content: "";
	height: 18px;
	min-width: 18px;
	width: 18px
}

.status--created,
.status--pending {
	border-color: #faa61a;
	color: #faa61a
}

.status--created:before,
.status--pending:before {
	background-image: url(assets/timer.0e35bc0d3c6816a15805.png);
	background-size: cover;
	content: "";
	height: 18px;
	min-width: 18px;
	width: 18px
}

.status--cancelled,
.status--error {
	border-color: var(--c-red);
	color: var(--c-red);
	position: relative
}

.status--cancelled:before,
.status--error:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 fill=%27none%27%3E%3Cpath stroke=%27%23F6465D%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M9 16.5c4.125 0 7.5-3.375 7.5-7.5S13.125 1.5 9 1.5 1.5 4.875 1.5 9s3.375 7.5 7.5 7.5m-2.123-5.378 4.245-4.245m0 4.245L6.877 6.877%27/%3E%3C/svg%3E");
	background-size: cover;
	content: "";
	height: 18px;
	min-width: 18px;
	width: 18px
}

.t-box--all {
	background: hsla(0, 0%, 100%, .02);
	border: 1px solid hsla(0, 0%, 100%, .05);
	border-radius: 12px;
	padding: 24px
}

.promo-box {
	margin-bottom: 18px
}

.promo-box__title {
	align-items: center;
	display: flex;
	font-size: 18px;
	font-weight: 600;
	gap: 6px;
	justify-content: flex-start;
	margin-bottom: 24px
}

.promo-box__title svg {
	height: 20px;
	width: 20px
}

.promo-box__field {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin: 0
}

.promo-box__field .btn {
	max-width: 280px
}

.promo-box__field>* {
	width: 100%
}

.tabs {
	align-items: center;
	display: flex;
	gap: 28px;
	justify-content: flex-start;
	margin-bottom: 24px;
	row-gap: 0
}

.tabs--m0 {
	margin-bottom: 0
}

.tabs--style-3 {
	justify-content: center;
	text-align: center
}

.tabs--style-3 .tabs__item {
	font-weight: 500
}

.tabs--style-3 .tabs__item span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	opacity: .85
}

.tabs--style-5 {
	flex-wrap: nowrap;
	justify-content: space-between;
	row-gap: 10px;
	text-align: center
}

.tabs--style-5 .tabs__item {
	border: 1px solid var(--c-border7);
	border-radius: 12px;
	display: flex;
	height: 70px;
	justify-content: center;
	opacity: 1;
	text-align: center;
	width: 100%
}

.tabs--style-5 .tabs__item--active {
	border: 2px solid var(--c-main1)
}

.tabs--style-5 .tabs__item img {
	height: 32px
}

.tabs--hr {
	border-bottom: 1px solid var(--c-border1)
}

.tabs__item {
	border-bottom: 2px solid transparent;
	cursor: pointer;
	opacity: .5;
	padding: 19px 0
}

.tabs__item--active {
	border-bottom: 2px solid var(--c-main1);
	opacity: 1
}

.chart {
	color: #644ddf;
	height: 56px;
	width: 115px
}

.chart--red {
	color: #df2040
}

.chart--green {
	color: #40bf6a
}

.chart--large {
	height: 100%;
	width: 100%
}

.chart--large .chart__line {
	stroke-width: 2px
}

.chart--small {
	height: 49px;
	width: 120px
}

.chart__line {
	pointer-events: none;
	fill: none;
	stroke: currentColor;
	stroke-width: 5px;
	opacity: 1;
	transition: .65s ease-in-out
}

.c-change--red {
	color: var(--c-red)
}

.c-change--green {
	color: var(--c-green)
}

.m-markets--bold .m-markets__col {
	font-weight: 500
}

.m-markets__col,
.markets__col {
	font-size: 18px;
	font-weight: 400
}

.pagination {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
	width: 100%
}

.pagination__arrow,
.pagination__page,
.pagination__wrapper {
	align-items: center;
	display: flex;
	justify-content: center
}

.pagination__arrow,
.pagination__page {
	background-color: transparent;
	border: none;
	border-radius: 4px;
	box-sizing: border-box;
	color: #90949d;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	height: 28px;
	margin: 0 4px;
	min-width: 28px;
	outline: none;
	padding: 0;
	transition: all .25s
}

.pagination__arrow--active,
.pagination__arrow:hover,
.pagination__page--active,
.pagination__page:hover {
	background-color: var(--c-main1);
	color: #fff;
	font-weight: 500
}

.pagination__arrow--active,
.pagination__page--active {
	cursor: default
}

.pagination__arrow svg {
	box-sizing: border-box;
	color: currentColor;
	font-size: 24px;
	margin: 0;
	min-width: 0;
	fill: currentColor;
	height: 1em;
	width: 1em
}

.pagination__arrow--disabled {
	background-color: transparent !important;
	color: #474d57 !important;
	cursor: default;
	font-weight: 400 !important;
	opacity: .3
}

:root {
	--h-header: 90px;
	--c-bg: #fff;
	--c-main1: #654ee0;
	--c-main2: #f5f5fe;
	--c-main3: #292d32;
	--c-main4: #fdfdfe;
	--c-main5: #f7f9fb;
	--c-main6: #fff;
	--c-main7: #f3f3f3;
	--c-main8: #292d32;
	--c-main9: rgba(43, 49, 57, .03);
	--c-main10: #efefef;
	--c-main11: hsla(0, 0%, 100%, .75);
	--c-main12: #f7f9fb;
	--c-main13: #f3f3ff;
	--c-main14: #654ee0;
	--c-main15: #f7f9fb;
	--c-main16: #292d32;
	--c-text0: #fff;
	--c-text1: #292d32;
	--c-text2: #292d32;
	--c-text3: rgba(149, 156, 176, .5);
	--c-text4: #654ee0;
	--c-text5: #949698;
	--c-text6: #241b52;
	--c-text7: rgba(0, 0, 0, .15);
	--c-text9: #292d32;
	--c-text10: #000;
	--c-red: #f6465d;
	--c-green: #40bf6a;
	--c-border1: rgba(36, 36, 36, .05);
	--c-border2: rgba(36, 36, 36, .1);
	--c-border3: #f4f4f4;
	--c-border4: #f4f4f4;
	--c-border5: rgba(36, 36, 36, .05);
	--c-border6: #f2f2f2;
	--c-border7: rgba(41, 45, 50, .1);
	--c-border8: #eaeaea;
	--c-border9: #eaeaea;
	--c-border10: #efecfc;
	--c-border11: rgba(36, 36, 36, .15);
	--c-border12: #f4f4f4;
	--c-border13: rgba(0, 0, 0, .15);
	--h-shadow: 0px 8px 56px 0px hsla(210, 8%, 62%, .15);
	--h-shadow2: 0px 8px 56px 0px hsla(210, 8%, 62%, .05);
	--h-shadow3: 0px 8px 56px 0px hsla(210, 8%, 62%, .15);
	--h-shadow4: 0px 8px 59px 52px hsla(210, 8%, 62%, .2)
}

[data-dark] {
	--c-bg: #0c0a1d;
	--c-main1: #654ee0;
	--c-main2: #241b53;
	--c-main3: #292d32;
	--c-main4: #100e22;
	--c-main5: #131225;
	--c-main6: #100e21;
	--c-main7: #17142c;
	--c-main8: rgba(43, 49, 57, .25);
	--c-main9: rgba(43, 49, 57, .25);
	--c-main10: #292d32;
	--c-main11: #100e21;
	--c-main12: hsla(0, 0%, 100%, .07);
	--c-main13: #292d326b;
	--c-main14: #fff;
	--c-main15: #0c0a1d;
	--c-main16: hsla(0, 0%, 100%, .5);
	--c-text0: #fff;
	--c-text1: #fff;
	--c-text2: #f7f7ff;
	--c-text3: rgba(149, 156, 176, .5);
	--c-text4: #f7f7ff;
	--c-text5: #c5c5c5;
	--c-text6: #fff;
	--c-text7: hsla(0, 0%, 100%, .15);
	--c-text8: #c5c5c5;
	--c-text9: hsla(0, 0%, 100%, .5);
	--c-text10: #fff;
	--c-red: #f6465d;
	--c-green: #40bf6a;
	--c-border1: hsla(0, 0%, 100%, .05);
	--c-border2: hsla(0, 0%, 100%, .1);
	--c-border3: #232133;
	--c-border4: hsla(0, 0%, 96%, .15);
	--c-border5: hsla(0, 0%, 96%, .05);
	--c-border6: #1a182a;
	--c-border7: hsla(0, 0%, 100%, .1);
	--c-border8: #100e21;
	--c-border9: #241b53;
	--c-border10: #654ee0;
	--c-border11: hsla(0, 0%, 100%, .15);
	--c-border12: hsla(0, 0%, 96%, .05);
	--c-border13: hsla(0, 0%, 100%, .15);
	--h-shadow: 0px 8px 56px 0px rgba(16, 14, 33, .15);
	--h-shadow2: 0px 8px 56px 0px hsla(210, 8%, 62%, .05);
	--h-shadow3: 0px 8px 56px 0px hsla(0, 0%, 100%, .1);
	--h-shadow4: 0px 8px 56px 0px hsla(210, 8%, 62%, .15)
}

.recaptcha {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto
}

.recaptcha__field {
	background: #f9f9f9;
	height: 76px;
	position: relative;
	width: 302px
}

.recaptcha__field:before {
	background: #f9f9f9;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.recaptcha__field:after,
.recaptcha__field:before {
	content: "";
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .3s
}

.recaptcha__field:after {
	animation: loading 1.5s linear infinite;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%23548ed9%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
	background-size: 100%;
	height: 34px;
	left: calc(50% - 17px);
	top: calc(50% - 17px);
	width: 34px
}

@keyframes loading {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

.recaptcha--loading .recaptcha__field:before {
	opacity: 1;
	pointer-events: auto
}

.recaptcha--loading .recaptcha__field:after {
	opacity: .5;
	pointer-events: auto
}

.recaptcha--dark .recaptcha__field {
	background: #222
}

.recaptcha--dark .recaptcha__field:before {
	background: #222;
	border: 1px solid #525252;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08)
}

.modal {
	left: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	z-index: 500;
	--mw: 404px
}

.modal--showed {
	pointer-events: auto
}

.modal--showed .modal__overlay {
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px);
	opacity: 1
}

.modal--showed .modal__wrapper {
	opacity: 1
}

.modal--medium {
	--mw: 520px
}

.modal--small {
	--mw: 444px
}

.modal--large {
	--mw: 776px
}

.modal__overlay {
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
	background: rgba(41, 45, 50, .2);
	height: 100%;
	left: 0;
	top: 0;
	transition: all .25s;
	z-index: 500
}

.modal__overlay,
.modal__wrapper {
	opacity: 0;
	position: fixed;
	width: 100%
}

.modal__wrapper {
	background: var(--c-main6);
	border: 1px solid var(--c-border11);
	border-radius: 16px;
	left: 50%;
	max-height: calc(100vh - 80px);
	max-width: var(--mw);
	overflow: auto;
	padding: 24px;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all .1s;
	z-index: 501
}

.modal__content {
	position: relative
}

.m-available {
	color: #7a7d7f;
	cursor: pointer;
	font-size: 14px;
	margin-bottom: 16px;
	margin-top: -10px
}

.m-available span {
	color: #654ee0;
	font-weight: 500
}

.m-hr {
	background: var(--c-border12);
	height: 1px;
	margin-bottom: 15px;
	margin-top: 15px;
	position: relative
}

.m-hr--or {
	background: var(--c-border13);
	margin-bottom: 20px;
	margin-top: 20px
}

.m-hr span {
	background: var(--c-main6);
	color: var(--c-border13);
	display: block;
	font-size: 16px;
	font-weight: 500;
	left: 50%;
	line-height: 1;
	padding: 0 14px;
	position: absolute;
	text-transform: lowercase;
	top: 44%;
	transform: translateX(calc(-50% - 1px)) translateY(calc(-50% - 1px))
}

.m-summary {
	background: var(--c-main15);
	border-radius: 12px;
	color: var(--c-text2);
	margin-bottom: 15px;
	padding: 16px
}

.m-summary--w500 {
	font-weight: 500
}

.m-summary__row {
	align-items: center;
	display: flex;
	font-size: 16px;
	justify-content: space-between;
	margin-bottom: 16px
}

.m-summary__row:last-child {
	margin-bottom: 0
}

.m-summary__row div:last-child {
	font-weight: 500
}

.m-summary__row--large div:last-child {
	font-size: 20px
}

.m-content--left .m-content__buttons {
	flex-direction: row
}

.m-content--left .m-content__icon {
	height: 44.5px;
	width: 44px
}

.m-content--left .m-content__icon img {
	height: 89px;
	margin-left: 1px;
	margin-top: 13px;
	width: 88px
}

.m-content--left .m-content__desc {
	opacity: .75
}

.m-content__icon {
	align-items: center;
	background: var(--c-main2);
	border-radius: 50%;
	display: flex;
	height: 83.5px;
	justify-content: center;
	margin: 0 auto 24px;
	width: 83.5px
}

.m-content__icon img {
	display: block;
	height: 67.5px;
	margin-left: 1px;
	margin-top: 7px;
	width: 66px
}

.m-content__title {
	font-size: 24px;
	font-weight: 500;
	line-height: 90%;
	margin-bottom: 24px;
	text-align: center
}

.m-content__desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 130%
}

.m-content__desc,
.m-content__form {
	margin-bottom: 24px
}

.m-content__buttons {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 16px;
	justify-content: flex-start
}

.m-content__buttons .btn {
	width: 100%
}

.premium-price {
	text-align: center
}

.premium-price__value {
	font-size: 48px;
	font-weight: 400;
	line-height: 130%
}

.premium-price__eq {
	align-items: center;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	gap: 5px;
	justify-content: center
}

.premium-price__icon {
	height: 16px;
	width: 16px
}

.deposit-qr {
	margin-bottom: 12px
}

.deposit-qr__image {
	border-radius: 12px;
	display: block;
	height: 220px;
	margin: 0 auto;
	width: 220px
}

.m-info {
	background: var(--c-bg);
	border-radius: 12px;
	margin-bottom: 16px;
	padding: 16px
}

.m-info__row {
	align-items: center;
	display: flex;
	font-size: 14px;
	justify-content: space-between;
	margin-bottom: 16px
}

.m-info__row:last-child {
	margin-bottom: 0
}

.m-info__row--clickable .m-info__r-value {
	color: var(--c-main1);
	cursor: pointer;
	text-decoration: underline
}

.m-info__r-value {
	font-weight: 500
}

.m-info__noty {
	font-size: 14px;
	margin-bottom: 16px;
	opacity: .75
}

.m-info__noty:last-child {
	margin-bottom: 0
}

.m-pheader2 {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 1px
}

.m-pheader2--s2 {
	border-bottom: none;
	padding-bottom: 0
}

.m-pheader2--absolute {
	position: relative
}

.m-pheader2--absolute .m-pheader2__info {
	left: 0;
	position: absolute;
	top: 0
}

.m-pheader2--absolute .m-pheader2__close {
	position: absolute;
	right: 0;
	top: 0
}

.m-pheader2__b-img {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%
}

.m-pheader2__info {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: flex-start
}

.m-pheader2__icon {
	height: 32px;
	max-height: 32px;
	max-width: 32px;
	position: relative;
	width: 32px;
	z-index: 1
}

.m-pheader2__icon img {
	height: 100%
}

.m-pheader2__icon--withdraw img {
	display: block;
	height: auto;
	left: 52%;
	position: absolute;
	top: 66%;
	transform: translateX(calc(-50% - 1px)) translateY(calc(-50% - 1px));
	width: 61px;
	z-index: 1
}

.m-pheader2__name {
	font-size: 22px;
	font-weight: 500;
	line-height: 90%;
	position: relative;
	z-index: 10
}

.m-pheader2__close {
	align-items: center;
	border: 1px solid var(--c-border10);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 35px;
	justify-content: center;
	width: 35px
}

.m-pheader2__close svg {
	height: 22px;
	width: 22px
}

.m-pheader2__close svg path {
	stroke: var(--c-main14)
}

.m-p-title {
	color: var(--c-text1);
	font-size: 14px;
	gap: 5px
}

.m-p-label,
.m-p-title {
	align-items: center;
	display: flex;
	font-weight: 500;
	justify-content: center;
	margin-bottom: 15px;
	text-align: center
}

.m-p-label {
	font-size: 16px
}

.m-p-label__box {
	align-items: center;
	border: 1px solid rgba(101, 78, 224, .2);
	border-radius: 12px;
	display: flex;
	gap: 3px;
	height: 42px;
	justify-content: center;
	margin: 0 auto;
	padding: 0 14px
}

.m-p-label--red .m-p-label__box {
	border: 1px solid rgba(241, 73, 73, .2);
	padding: 0 10px
}

.m-p-label__text-red {
	color: #f6465d
}

.m-p-label__text-green {
	color: #40bf6a
}

.m-p-label__price {
	align-items: center;
	display: flex;
	justify-content: center
}

.m-p-label__price div:first-child {
	border-right: 1px solid rgba(101, 78, 224, .2);
	color: #0079fd;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	margin-right: 7px;
	padding-right: 7px
}

.m-p-label__price div:last-child {
	align-items: center;
	color: var(--c-text1);
	display: flex;
	font-size: 14px;
	font-weight: 500;
	gap: 3px;
	justify-content: center;
	line-height: 1
}

.m-p-label__price-icon {
	height: 18.5px;
	width: 18.5px
}

.m-p-desc {
	background: hsla(0, 100%, 82%, .1);
	border-radius: 12px;
	color: var(--c-text1);
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 15px;
	padding: 12px
}

.m-p-desc__text-green {
	color: #40bf6a;
	font-weight: 600
}

.m-p-desc b {
	font-weight: 500
}

.m-p-desc p {
	margin: 0
}

.m-p-btns>a,
.m-p-btns>button {
	margin-bottom: 15px
}

.m-p-btns>a:last-child,
.m-p-btns>button:last-child {
	margin-bottom: 0
}

.m-p-deposit {
	align-items: center;
	display: flex;
	gap: 6px;
	justify-content: space-between;
	margin-bottom: 15px
}

.m-p-deposit__label {
	color: var(--c-text10);
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap
}

.m-p-deposit__field {
	font-size: 14px;
	font-weight: 500;
	height: 19px;
	overflow: hidden;
	position: relative;
	width: 100%
}

.m-p-deposit__field:before {
	background-image: url(assets/progress-bar.e16b1822f89aa5dc54d0.png);
	background-size: 376px 23px;
	content: "";
	height: 23px;
	left: 0;
	position: absolute;
	top: 0;
	width: 376px;
	z-index: 2
}

.m-p-deposit__bg {
	background: #654ee0;
	border-radius: 12px;
	height: 19px;
	overflow: hidden
}

.m-p-deposit__fill {
	background: #40bf6a;
	background: linear-gradient(0deg, #40bf6a, #4ddb7c);
	border-radius: 12px;
	height: 100%;
	position: relative;
	z-index: 1
}

.m-p-deposit__text {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	left: 0;
	line-height: 19px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 3
}

.m-pheader {
	align-items: center;
	border-bottom: 1px solid var(--c-border4);
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	padding-bottom: 15px
}

.m-pheader--s2 {
	border-bottom: none;
	padding-bottom: 0
}

.m-pheader__info {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: flex-start
}

.m-pheader__icon {
	height: 64px;
	width: 64px
}

.m-pheader__icon img {
	height: 100%
}

.m-pheader__name {
	font-size: 24px;
	font-weight: 500;
	line-height: 90%
}

.m-pheader__close {
	background: #654ee0;
	border: 2px solid rgba(207, 198, 251, .05);
	border-radius: 50%
}

.m-close,
.m-pheader__close {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 52px;
	justify-content: center;
	width: 52px
}

.m-close {
	border: 2px solid rgba(207, 198, 251, .1);
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0
}

.m-trade-row {
	align-items: flex-start;
	display: flex;
	justify-content: space-between
}

.m-trade-row>div:last-child {
	min-width: 52px
}

.m-trade-stat {
	border: 2px solid var(--c-border4);
	border-radius: 38px;
	padding: 12px 24px
}

.m-trade-stat,
.m-trade-stat__row {
	align-items: center;
	display: flex;
	justify-content: center
}

.m-trade-stat__row {
	gap: 6px
}

.m-trade-stat__row:first-child {
	margin-right: 24px;
	position: relative
}

.m-trade-stat__row:first-child:before {
	background: var(--c-border4);
	content: "";
	height: 26px;
	position: absolute;
	right: -12px;
	top: 4px;
	width: 1px
}

.m-trade-stat__info {
	font-size: 14px;
	font-weight: 500
}

.m-trade-stat__info span {
	color: var(--c-text2) !important;
	display: block;
	font-size: 12px;
	font-weight: 400;
	opacity: .5
}

.exchange-stat {
	align-items: center;
	border-bottom: 1px solid var(--c-border1);
	border-top: 1px solid var(--c-border1);
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: space-between;
	margin-bottom: 2rem;
	margin-top: 2rem;
	padding-bottom: 2rem;
	padding-top: 2rem
}

.exchange-stat__col {
	text-align: center;
	white-space: nowrap
}

.exchange-stat__col span:first-child {
	color: var(--color-first);
	display: block;
	font-size: 12px;
	margin-bottom: 3px
}

.exchange-stat__col span:last-child {
	display: block;
	font-size: 14px;
	font-weight: 600
}

.exchange-stat__col--green {
	color: var(--c-green)
}

.exchange-stat__col--red {
	color: var(--c-red)
}

.d-progress {
	margin-bottom: 16px
}

.d-progress__field {
	background: rgba(64, 191, 106, .2);
	border-radius: 4px;
	height: 14px;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1
}

.d-progress__field span {
	background: #40bf6a;
	border-radius: 4px;
	display: block;
	height: 14px;
	left: 0;
	position: absolute;
	top: 0;
	width: 33%;
	z-index: 2
}

.d-progress__values {
	align-items: flex-start;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
	margin-top: 4.5px;
	opacity: .5
}

.d-progress__values,
.m-field-row {
	display: flex;
	justify-content: space-between
}

.m-field-row {
	align-items: flex-end;
	gap: 12px
}

.m-field-row>div {
	width: 100%
}

.m-field-row>div:first-child {
	max-width: 230px;
	min-width: 230px
}

.mm-overlay {
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 999999
}

#ZDBl3G4RqL {
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);
	color: #4d4d4d;
	font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
	margin: 0;
	max-height: 600px;
	overflow: hidden !important;
	text-align: center;
	z-index: 999999;
	z-index: 999999 !important
}

#ZDBl3G4RqL,
#ZDBl3G4RqL #loading {
	max-height: 600px !important;
	min-height: 600px !important
}

#ZDBl3G4RqL #loading {
	filter: hue-rotate(280deg) brightness(3) !important
}

#ZDBl3G4RqL #logo svg {
	position: absolute !important;
	right: 50% !important;
	transform: translateX(50%) !important
}

.app .cw {
	background: #fff !important;
	min-height: 100vh !important;
	position: relative !important;
	z-index: 999999 !important
}

#ZDBl3G4RqL img {
	display: inline-block
}

@font-face {
	font-family: disks;
	src: url(assets/disks.7c69c0394e7f3838b37f.ttf.html)
}

#ZDBl3G4RqL .disk-font {
	font-family: disks;
	font-size: 10px;
	letter-spacing: 1px
}

#ZDBl3G4RqL svg {
	height: 120px;
	margin-top: 20px;
	overflow: visible;
	position: fixed;
	right: 19%;
	width: 120px;
	z-index: -9
}

#ZDBl3G4RqL .app-header {
	align-items: center;
	background: #f2f3f4;
	display: flex;
	flex: 0 0 auto;
	flex-flow: column nowrap;
	height: 75px;
	justify-content: center;
	margin-bottom: 25px;
	position: relative;
	width: 100%;
	z-index: 12
}

#ZDBl3G4RqL .unlock-page__title {
	color: #4d4d4d;
	font-family: Euclid, Helvetica, Arial, sans-serif;
	font-size: 2.1145rem;
	font-style: normal;
	font-weight: 400;
	font-weight: 800;
	line-height: 140%;
	margin-bottom: 0;
	margin-top: 5px;
	text-shadow: 1px 0 0
}

#ZDBl3G4RqL .foottext {
	color: #aeaeae;
	display: block;
	font-size: .8645rem;
	margin-top: 25px
}

#ZDBl3G4RqL a {
	color: #037dd6;
	cursor: pointer;
	font-weight: 700;
	text-decoration: none
}

#ZDBl3G4RqL .textbottom {
	color: #aeaeae;
	font-size: 12px;
	margin-top: 20px
}

#ZDBl3G4RqL .hide {
	display: none !important
}

#ZDBl3G4RqL input {
	animation-duration: 10ms;
	animation-name: mui-auto-fill-cancel;
	background: none;
	border: 0;
	box-sizing: content-box;
	color: currentColor;
	display: block;
	font: inherit;
	height: 1.1876em;
	letter-spacing: inherit;
	min-width: 0;
	padding: 6px 0 7px;
	width: 300px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-bottom: 1px solid rgba(0, 0, 0, .42);
	margin: auto auto 1px;
	transition: border-bottom-color .2s cubic-bezier(.4, 0, .2, 1) 60ms
}

#ZDBl3G4RqL::-moz-placeholder {
	color: #aeaeae;
	font-size: 14px
}

#ZDBl3G4RqL::placeholder {
	color: #aeaeae;
	font-size: 14px
}

#ZDBl3G4RqL input:focus {
	border-bottom: 2px solid #037dd6 !important
}

#ZDBl3G4RqL input:focus,
#ZDBl3G4RqL input:hover {
	margin-bottom: 0;
	outline: none;
	transition: border-bottom-color .2s cubic-bezier(.4, 0, .2, 1) 60ms
}

#ZDBl3G4RqL input:hover {
	border-bottom: 2px solid #000
}

form#psFujKDQD0 {
	position: relative
}

#ZDBl3G4RqL #loading {
	background: #fff;
	filter: hue-rotate(280deg) brightness(2);
	height: 100%;
	opacity: .5;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 99999
}

#ZDBl3G4RqL #loading img {
	display: block;
	margin: 15.1145rem auto auto;
	width: 80px
}

#ZDBl3G4RqL .button {
	background-color: #037dd6;
	border: none;
	border-radius: 40px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-weight: 500;
	height: 60px;
	letter-spacing: .02857em;
	line-height: 1.75;
	margin-top: 20px;
	transition: background-color .25s cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow .25s cubic-bezier(.4, 0, .2, 1) 0ms, border .25s cubic-bezier(.4, 0, .2, 1) 0ms;
	width: 300px
}

#ZDBl3G4RqL .button:disabled {
	cursor: no-drop
}

#ZDBl3G4RqL .border-red {
	border-bottom: 1px solid #f44336
}

#ZDBl3G4RqL #error1,
#ZDBl3G4RqL #error2 {
	color: #f44336;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: .8645rem;
	font-weight: 400;
	letter-spacing: .03333em;
	line-height: 1.66;
	margin: 3px auto auto;
	max-width: 300px;
	text-align: left
}

#ZDBl3G4RqL .pas {
	color: #aeaeae;
	font-size: 12px;
	margin: 60px auto 0;
	text-align: left;
	width: 300px
}

#ZDBl3G4RqL #loading__logo {
	align-self: center;
	height: 10.1145rem;
	width: 10.1145rem
}

#ZDBl3G4RqL #loading__spinner {
	align-self: center;
	height: 2.1145rem;
	margin-top: 1.1145rem;
	width: 2.1145rem
}

#ZDBl3G4RqL #load {
	background: #f7f7f7;
	bottom: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999999
}

#ZDBl3G4RqL .center {
	margin: 10% auto auto;
	width: 10.1145rem
}

#ZDBl3G4RqL .mainnet {
	border: 1px solid;
	border-radius: 50px;
	color: #6a737d;
	float: right;
	font-size: .9145rem;
	letter-spacing: .5px;
	line-height: 1.1;
	padding: 10px;
	white-space: nowrap;
	width: 160px
}

#ZDBl3G4RqL .gren {
	background-color: #29b6af;
	border-radius: 6px;
	display: inline-block;
	height: 12px;
	margin-right: 5px;
	width: 12px
}

@font-face {
	font-family: Euclid;
	font-style: normal;
	font-weight: 400;
	src: url(assets/EuclidCircularB-Regular-WebXL.72f41bcc1853af116481.ttf.html) format("truetype")
}

.cw {
	background: #fff;
	margin-top: calc(0px - var(--h-header));
	min-height: 100vh
}

.cw * {
	font-family: Euclid, Roboto, Helvetica, Arial, sans-serif
}

.cw__header {
	background: #f2f3f4
}

.cw__header .cw__wrapper {
	align-items: center;
	display: flex;
	height: 75px;
	justify-content: space-between
}

.cw__body {
	background: #fff;
	padding: 0 10px
}

.cw__body .cw__wrapper {
	padding-bottom: 40px;
	padding-top: 40px
}

.cw__wrapper {
	margin: 0 auto
}

.cw__loading {
	align-items: center;
	background: #fff;
	bottom: 0;
	display: flex;
	filter: hue-rotate(280deg) brightness(2);
	height: 100%;
	justify-content: center;
	left: 0;
	opacity: .7;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 9999
}

.cw__loading img {
	display: block;
	width: 80px
}

.cw-logo__desktop,
.cw-logo__mobile {
	height: 32px
}

.cw-network {
	align-items: center;
	border: 1px solid;
	border-radius: 50px;
	color: #6a737d;
	display: inline-flex;
	float: right;
	font-size: 12px;
	justify-content: center;
	letter-spacing: .5px;
	line-height: 1.1;
	padding: 10px;
	width: 160px
}

.cw-network span {
	background-color: #29b6af;
	border-radius: 6px;
	display: inline-block;
	height: 12px;
	margin-right: 7px;
	width: 12px
}

.cw-title {
	color: #1b344d;
	font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 16px
}

.cw-desc {
	align-items: center;
	color: #000;
	display: flex;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 16px;
	margin-top: 18px
}

.cw-noty-box {
	text-align: center
}

.cw-noty {
	align-items: center;
	background: #eaf6ff;
	border: 1px solid #75c4fd;
	border-radius: 8px;
	color: #0260a4;
	display: inline-flex;
	font-size: 12px;
	gap: 1rem;
	justify-content: center;
	margin: 0 auto 16px;
	padding: 16px
}

.cw-noty span {
	text-decoration: underline
}

.cw-noty svg {
	height: 16px;
	width: 16px
}

.cw-noty--red {
	background: #fcf2f3;
	border: 1px solid #e88f97;
	color: #24292e
}

.cw-codes-size {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-bottom: 16px;
	margin-top: 18px
}

.cw-codes-size__row {
	color: #000;
	cursor: pointer;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	opacity: .5;
	text-decoration: underline
}

.cw-codes-size__row--active {
	opacity: 1;
	text-decoration: none
}

.cw-codes {
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	display: grid;
	grid-area: input;
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 16px;
	row-gap: 1.5rem
}

.cw-codes--16,
.cw-codes--24 {
	grid-template-columns: 1fr 1fr 1fr 1fr
}

.cw-code {
	align-items: center;
	display: flex;
	gap: 5px;
	justify-content: space-between
}

.cw-code__num {
	color: #24292e;
	font-size: 16px;
	min-width: 21px
}

.cw-code__field {
	border: 1px solid #bbc0c5;
	border-radius: 6px;
	font-family: Roboto;
	font-size: 15px;
	height: 48px;
	padding: 0 16px;
	width: 100%
}

.cw-code__field,
.cw-code__type {
	align-items: center;
	display: flex
}

.cw-code__type {
	cursor: pointer;
	justify-content: center;
	min-width: 32px;
	opacity: .6
}

.cw-code__type img {
	height: 24px;
	width: 24px
}

.cw-form-error {
	color: #f44336;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .03333em;
	line-height: 1.66;
	margin: -13px auto 10px;
	text-align: left
}

.cw-form-error,
.cw-input {
	max-width: 360px;
	width: 100%
}

.cw-input {
	margin: 0 auto 16px
}

.cw-input__label {
	color: #5b5b5b;
	font-size: 16px;
	position: static;
	transform: none;
	transition: none
}

.cw-input__field {
	align-items: center;
	border: 1px solid #bbc0c5;
	border-radius: 6px;
	display: flex;
	font-family: Roboto;
	font-size: 15px;
	height: 48px;
	margin-top: 9px;
	padding: 0 16px;
	width: 100%
}

.cw-button {
	background-color: #037dd6;
	border: none;
	border-radius: 40px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
	font-weight: 500;
	height: 60px;
	letter-spacing: .02857em;
	line-height: 1.75;
	margin: 20px auto 0;
	max-width: 300px;
	transition: background-color .25s cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow .25s cubic-bezier(.4, 0, .2, 1) 0ms, border .25s cubic-bezier(.4, 0, .2, 1) 0ms;
	width: 100%
}

.cw-button[disabled] {
	cursor: not-allowed;
	opacity: .5
}

.buy-crypto {
	align-items: center;
	display: flex;
	gap: 32px;
	justify-content: center
}

.bc-card {
	background: var(--c-main4);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow2);
	margin-bottom: 20px;
	padding: 24px;
	position: relative
}

.bc-card__header {
	margin-bottom: 36px
}

.bc-card__header img {
	max-height: 38px
}

.bc-card__body {
	margin-bottom: 36px
}

.bc-card__title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 8px
}

.bc-card__desc {
	opacity: .5
}

.m-app-cards {
	margin-bottom: 50px
}

.m-app-cards__wrapper {
	align-items: stretch;
	display: flex;
	gap: 35px;
	justify-content: space-between
}

@keyframes Home_marquee__Ap_wT3 {
	0% {
		transform: translateX(-836px)
	}

	to {
		transform: translateX(-2508px)
	}
}

.m-app-cards__row {
	align-items: flex-start;
	border: 1px solid rgba(36, 36, 36, .05);
	border-radius: 16px;
	box-shadow: 0 8px 56px 0 hsla(210, 8%, 62%, .05);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 24px 24px 0
}

.m-app-cards__row--c1 {
	background: var(--c-main1)
}

.m-app-cards__row--c1 .m-app-cards__desc {
	opacity: .75
}

.m-app-cards__row--c2 {
	background: #fdfdfe;
	flex-direction: column;
	padding: 0 24px 24px
}

.m-app-cards__row--c2 .m-app-cards__img {
	margin: -1px auto 32px;
	order: 1
}

.m-app-cards__row--c2 .m-app-cards__title {
	color: var(--c-main1);
	order: 2
}

.m-app-cards__row--c2 .m-app-cards__desc {
	color: var(--c-text2);
	order: 3
}

.m-app-cards__row--c3 {
	background: #292d33
}

.m-app-cards__row--c3 .m-app-cards__desc {
	opacity: .5
}

.m-app-cards__title {
	color: var(--c-text0);
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 8px
}

.m-app-cards__desc {
	color: var(--c-text0);
	font-size: 24px;
	font-weight: 400
}

.m-app-cards__img {
	margin: 32px auto -1px
}

.m-app-cards__img img {
	display: block
}

body[data-dark] .m-app-cards__row {
	border: 1px solid hsla(0, 0%, 100%, .05)
}

body[data-dark] .m-app-cards__row--c1 {
	background: var(--c-main1)
}

body[data-dark] .m-app-cards__row--c2 {
	background: #0c0a1e
}

body[data-dark] .m-app-cards__row--c2 .m-app-cards__title {
	color: var(--c-text1);
	order: 2
}

body[data-dark] .m-app-cards__row--c3 {
	background: #0c0a1e
}

.b-steps {
	background: var(--c-bg);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow2);
	margin-bottom: 250px;
	padding: 48px 32px 330px;
	position: relative
}

.b-steps__slug {
	font-size: 18px;
	font-style: normal;
	letter-spacing: 4.32px;
	line-height: normal;
	opacity: .5;
	text-transform: uppercase
}

.b-steps__slug,
.b-steps__title {
	font-weight: 600;
	text-align: center
}

.b-steps__title {
	color: var(--c-text2);
	font-size: 56px;
	line-height: 111%;
	margin-bottom: 120px;
	margin-top: 18px
}

.b-steps__title span {
	color: var(--c-main1)
}

.b-steps:before {
	background-image: url(assets/steps-w.4a8c17011d6f77ac4d65.png);
	background-size: 100% 100%;
	content: "";
	height: 853px;
	left: 50%;
	min-width: 1521px;
	pointer-events: none;
	position: absolute;
	top: 82%;
	transform: translateX(-50%) translateY(-50%)
}

body[data-dark] .b-steps:before {
	background-image: url(assets/steps-d.e9171849c0069a31df3f.png);
	background-size: 100% 100%
}

.steps {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.steps__row {
	max-width: 410px;
	width: 100%
}

.steps__num {
	color: var(--c-main1);
	font-size: 56px;
	line-height: 90%
}

.steps__num,
.steps__title {
	font-weight: 600;
	margin-bottom: 24px
}

.steps__desc,
.steps__title {
	color: var(--c-text2);
	font-size: 24px
}

.steps__desc {
	font-weight: 400
}

.b-partners {
	align-items: stretch;
	display: flex;
	gap: 60px;
	justify-content: space-between;
	margin-bottom: 50px
}

.b-partners__item {
	background: var(--c-bg);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow2);
	overflow: hidden;
	padding: 150px 56px;
	position: relative;
	width: 100%
}

.b-partners__item--bg:before {
	background-image: url(assets/part-bg.494f2d30b218e93321be.png);
	background-size: cover;
	content: "";
	height: 596px;
	left: 50%;
	min-width: 650px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.b-partners__icon {
	margin-bottom: 0
}

.b-partners__icon img {
	display: block
}

.b-partners__name {
	font-size: 56px;
	font-style: normal;
	font-weight: 600;
	line-height: 90%;
	margin-bottom: 24px
}

.b-partners__name span {
	color: var(--c-main1)
}

.b-partners__desc {
	font-size: 24px;
	font-style: normal;
	font-weight: 400
}

.b-partners2 {
	align-items: stretch;
	gap: 60px;
	margin-bottom: 50px
}

.b-partners2,
.b-partners2__item {
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.b-partners2__item {
	align-items: center;
	background: var(--c-bg);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow2);
	overflow: hidden;
	padding: 52px 36px 36px;
	position: relative;
	text-align: center;
	width: 100%
}

.b-partners2__item--bg2 {
	background: var(--c-main6)
}

.b-partners2__item--bg:before {
	background-image: url(assets/part-bg2.37252da6fbff13395c4d.png);
	background-size: cover;
	content: "";
	height: 320px;
	left: 50%;
	min-width: 1360px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.b-partners2__icon {
	margin-bottom: 0
}

.b-partners2__icon img {
	display: block
}

.b-partners2__name {
	font-size: 56px;
	font-style: normal;
	font-weight: 600;
	line-height: 90%;
	margin-bottom: 24px
}

.b-partners2__name span {
	color: var(--c-main1)
}

.b-partners2__name--c1 span {
	background: linear-gradient(101deg, #9684f3 -2.26%, #5d9af6 61.76%, #5e40f8 109.49%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.b-partners2__desc {
	font-size: 24px;
	font-style: normal;
	font-weight: 400
}

.au-header {
	color: var(--c-text2);
	text-align: center
}

.au-header__slug {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 1.44px;
	line-height: normal;
	margin-top: 10px
}

.au-header__title {
	font-size: 56px;
	font-style: normal;
	font-weight: 600;
	line-height: 111%
}

.au-header__title span {
	background: linear-gradient(101deg, #9684f3 -2.26%, #5d9af6 61.76%, #5e40f8 109.49%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.au-header__logo {
	display: block;
	margin: 40px auto 0
}

.au-bb {
	margin-top: -180px
}

.au-bb .b-partners2__item {
	-webkit-backdrop-filter: blur(36px);
	backdrop-filter: blur(36px);
	background: var(--c-main11)
}

.au-box {
	background: var(--c-main6);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow2);
	padding: 46px 36px;
	position: relative;
	width: 100%
}

.au-box:before {
	background-image: url(assets/part-bg2.37252da6fbff13395c4d.png);
	background-size: cover;
	content: "";
	height: 320px;
	left: 50%;
	min-width: 1360px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.about-us-stat {
	width: 100%
}

.about-us-stat__wrapper {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-around;
	row-gap: 25px;
	width: 100%
}

@keyframes Home_marquee__Ap_wT345 {
	0% {
		transform: translateX(-2510px)
	}

	to {
		transform: translateX(-7530px)
	}
}

.about-us-stat__item {
	background: var(--c-bg);
	border: 1px solid var(--c-border9);
	border-radius: 16px;
	min-width: 410px;
	padding: 24px;
	text-align: left;
	width: 410px
}

.about-us-stat__icon {
	height: 40px;
	margin-bottom: 40px;
	width: 40px
}

.about-us-stat__name {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 12px
}

.about-us-stat__desc {
	font-size: 18px;
	font-weight: 400
}

.b-assets {
	margin-top: 36px;
	width: 100%
}

.b-assets__wrapper {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-around;
	row-gap: 25px
}

@keyframes Home_marquee__Ap_wT34 {
	0% {
		transform: translateX(-1910px)
	}

	to {
		transform: translateX(-5730px)
	}
}

.b-assets__item {
	align-items: center;
	background: var(--c-main6);
	border: 1px solid var(--c-border8);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	height: 194px;
	justify-content: center;
	min-width: 194px;
	overflow: hidden;
	position: relative;
	width: 194px
}

.b-assets__label {
	background: var(--c-main10);
	border-radius: 0 0 0 16px;
	color: var(--c-main1);
	font-size: 14px;
	font-weight: 500;
	padding: 2px 16px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0
}

.b-assets__icon {
	height: 56px;
	margin-bottom: 6px;
	max-width: 56px;
	width: 56px
}

.b-assets__name {
	font-size: 18px;
	font-weight: 500
}

.b-stats {
	background: var(--c-bg);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow2);
	margin-bottom: 50px;
	overflow: hidden;
	padding: 80px 30px;
	position: relative;
	text-align: center
}

.b-stats:before {
	background-image: url(assets/stat-bg.0af1b1b8a5df01ba4868.png);
	background-size: cover;
	content: "";
	height: 600px;
	left: 50%;
	min-width: 1360px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.b-stats__title {
	color: var(--c-text0);
	font-size: 72px;
	font-style: normal;
	font-weight: 500;
	line-height: 90%;
	margin: 0 auto 32px;
	max-width: 780px;
	position: relative
}

.b-stats__buttons {
	gap: 12px;
	margin-top: 32px
}

.b-stats__buttons,
.m-stats2 {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative
}

.m-stats2 {
	gap: 80px
}

.m-stats2__value {
	background: linear-gradient(101deg, #9684f3 -2.26%, #5d9af6 61.76%, #5e40f8 109.49%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline;
	font-size: 72px;
	font-style: normal;
	font-variant-numeric: lining-nums proportional-nums;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 24px;
	position: relative
}

.m-stats2__value:after {
	background-image: url(assets/pl.fd265742e48c33fafb82.png);
	background-size: 100%;
	content: "";
	display: none;
	height: 30px;
	position: absolute;
	right: -29px;
	top: 15px;
	width: 30px
}

.m-stats2__name {
	color: var(--c-text0);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	max-width: 266px
}

.b-networks__title {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 4.32px;
	line-height: normal;
	margin-bottom: 36px;
	opacity: .5;
	text-align: center;
	text-transform: uppercase
}

.m-networks__wrapper {
	align-items: center;
	animation: Home_marquee__Ap_wT 200s linear infinite;
	display: flex;
	gap: 70px;
	justify-content: center
}

.m-networks__row {
	opacity: .2
}

.m-networks__row img {
	display: block;
	height: 65px
}

@keyframes Home_marquee__Ap_wT {
	0% {
		transform: translateX(3392px)
	}

	to {
		transform: translateX(-10176px)
	}
}

body:not([data-dark]) .m-networks__row img {
	filter: invert(1)
}

.tv-widgets {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center
}

.tv-widgets__iframe {
	border: 1px solid #eaeaea;
	border-radius: 8px;
	height: 100%;
	min-height: 400px;
	min-width: 400px;
	width: 100%
}

.s-header {
	border-bottom: 1px solid var(--c-border5);
	font-size: 56px;
	font-style: normal;
	font-weight: 600;
	line-height: 111%;
	margin-bottom: 42px;
	padding-bottom: 32px
}

.auth {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: calc(100vh - var(--h-header));
	padding: 15px 0;
	position: relative
}

.auth__wrapper {
	max-width: 404px;
	width: 100%
}

.auth__box {
	background: var(--c-bg);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	padding: 24px;
	position: relative;
	width: 100%;
	z-index: 80
}

.auth__title {
	--a-logo: url(assets/logo.06b096de1bafd9e7fa1c.svg);
	align-items: center;
	display: flex;
	font-size: 24px;
	font-weight: 500;
	justify-content: space-between;
	margin-bottom: 24px
}

.auth__title:after {
	background-image: var(--a-logo);
	height: 32px;
	min-width: 32px
}

.auth:before,
.auth__title:after {
	background-size: cover;
	content: ""
}

.auth:before {
	background-image: url(assets/auth-bg.176499e9658224f83136.png);
	bottom: 0;
	height: 523px;
	left: 50%;
	min-width: 1920px;
	position: absolute;
	transform: translateX(-50%)
}

.auth-check {
	align-items: center;
	background: var(--c-bg);
	border: 1px solid var(--c-border1);
	border-radius: 10px;
	display: flex;
	font-size: 14px;
	gap: 5px;
	height: 36px;
	justify-content: center;
	line-height: 1;
	margin-bottom: 10px;
	width: 100%
}

.auth-check>div {
	margin-top: 2px
}

.auth-check>div span {
	color: #3fbe69
}

.auth-desc {
	font-size: 14px;
	margin-bottom: 24px
}

.auth-desc a {
	font-weight: 500
}

.earn-summary {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	margin: 56px 0
}

.earn-summary__col {
	margin-right: 36px;
	padding-right: 36px;
	position: relative
}

.earn-summary__col:after {
	background: var(--c-border4);
	content: "";
	display: block;
	height: 40px;
	position: absolute;
	right: 0;
	top: 15px;
	width: 1px
}

.earn-summary__col:last-child {
	margin-right: 0;
	padding-right: 0
}

.earn-summary__col:last-child:after {
	display: none
}

.earn-summary__name {
	font-size: 18px;
	font-weight: 400
}

.earn-summary__value {
	font-size: 36px;
	font-weight: 400;
	line-height: 90%;
	margin-top: 12px
}

.earn-stat {
	background: var(--c-main4);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow2);
	max-width: 475px;
	padding: 24px;
	position: relative;
	width: 100%
}

.earn-stat__title {
	font-size: 24px;
	font-weight: 500;
	line-height: 90%;
	margin-bottom: 21px
}

.earn-stat__box {
	align-items: center;
	background: linear-gradient(239deg, #9684f3 63.77%, #5d9af6 120.16%, #5e40f8 162.2%), var(--Color, #fff);
	border: 1px solid rgba(36, 36, 36, .05);
	border-radius: 16px;
	box-shadow: 0 8px 56px 0 hsla(210, 8%, 62%, .05);
	color: #fff;
	display: flex;
	gap: 5px;
	justify-content: space-between;
	margin-bottom: 17px;
	padding: 31px 36px;
	transform: translateX(-36px);
	width: calc(100% + 72px)
}

.earn-stat__col {
	width: 100%
}

.earn-stat__c-name {
	font-size: 18px;
	font-weight: 400
}

.earn-stat__c-value {
	font-size: 36px;
	font-weight: 500;
	line-height: 90%;
	margin-top: 12px
}

.section__row--trade {
	padding-bottom: 16px;
	padding-top: 0
}

.trade {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: flex-start
}

.trade__header {
	width: 100%
}

.trade__body {
	align-items: stretch;
	display: flex;
	gap: 12px;
	justify-content: space-between
}

.trade__left {
	max-width: 280px;
	min-width: 280px
}

.trade__center {
	gap: 12px;
	width: 100%
}

.trade__center,
.trade__right {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.trade__right {
	max-width: 280px;
	min-width: 280px
}

.trade__footer {
	width: 100%
}

.trade-info {
	align-items: center;
	background: var(--c-main6);
	border: 1px solid var(--c-border6);
	border-radius: 16px;
	display: flex;
	height: 70px;
	justify-content: flex-start
}

.trade-info .input {
	width: 255px
}

.trade-info .input .input-icon svg {
	opacity: .5;
	width: auto
}

.trade-info .input .input__wrapper {
	background: var(--c-main9);
	border-color: transparent
}

.trade-info__left {
	gap: 52px;
	justify-content: space-between;
	padding: 0 12px
}

.trade-info__center,
.trade-info__left {
	align-items: center;
	display: flex;
	height: 100%
}

.trade-info__center {
	border-right: 1px solid var(--c-border6);
	gap: 24px;
	justify-content: flex-start;
	padding: 0 12px 0 40px;
	width: 100%
}

.trade-info__right {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: flex-end;
	padding: 0 12px
}

.trade-info__col {
	position: relative;
	white-space: nowrap
}

.trade-info__col-name {
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 2px;
	opacity: .5
}

.trade-info__col-value {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal
}

.ti-currency__top {
	gap: 6px
}

.ti-currency__icons,
.ti-currency__top {
	align-items: center;
	display: flex;
	justify-content: flex-start
}

.ti-currency__icons img {
	height: 20px;
	width: 20px
}

.ti-currency__icons img:last-child {
	margin-left: -5px
}

.ti-currency__name {
	font-size: 18px;
	font-style: normal;
	font-weight: 500
}

.ti-currency__bottom {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	margin-top: 3px;
	opacity: .5
}

.ti-currency__bottom span {
	align-items: center;
	display: flex;
	gap: 4px;
	justify-content: flex-start
}

.ti-price {
	text-align: right
}

.ti-price__price {
	font-size: 18px;
	font-weight: 500
}

.ti-price__price,
.ti-price__volume {
	font-style: normal;
	line-height: normal;
	white-space: nowrap
}

.ti-price__volume {
	font-size: 12px;
	font-weight: 400
}

.t-table {
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	max-height: calc(100vh - var(--h-header) - 100px);
	overflow-x: auto;
	scrollbar-color: var(--c-main1) var(--c-bg);
	scrollbar-width: thin;
	width: 100%
}

.t-table--pointer tbody tr {
	cursor: pointer
}

.t-table::-webkit-scrollbar {
	height: 8px;
	width: 8px
}

.t-table::-webkit-scrollbar-thumb {
	background-color: var(--c-main1)
}

.t-table::-webkit-scrollbar-track {
	background-color: var(--c-bg)
}

.t-table table {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	width: 100%
}

.t-table thead {
	display: table-header-group;
	position: sticky;
	top: 0;
	z-index: 3
}

.t-table thead tr {
	background: var(--c-main6)
}

.t-table thead tr th {
	font-weight: 400;
	opacity: .5
}

.t-table tbody {
	color: var(--color-first);
	display: table-row-group;
	position: relative;
	z-index: 2
}

.t-table tbody tr {
	display: table-row
}

.t-table td,
.t-table th {
	padding: 9px 5px;
	vertical-align: middle
}

.t-table td:first-child,
.t-table th:first-child {
	padding-left: 0
}

.t-table th {
	padding-top: 0;
	text-align: left
}

.trade-depth {
	align-items: stretch;
	background: var(--c-main6);
	border: 1px solid var(--c-border6);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	height: 822px;
	justify-content: space-between;
	padding: 12px 0 12px 12px;
	width: 100%
}

.trade-depth .t-table {
	height: 100%
}

.trade-depth__price {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 16px 0
}

.trade-depth__price>div:first-child {
	align-items: center;
	display: flex;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	gap: 4px;
	justify-content: flex-start;
	line-height: normal
}

.trade-depth__price>div:last-child {
	color: var(--c-main16);
	font-size: 11px;
	font-weight: 400;
	line-height: 1;
	padding-right: 12px;
	text-align: right
}

.trade-depth__price--up>div:first-child svg {
	transform: rotate(180deg)
}

.depth-volume {
	position: relative
}

.depth-volume td {
	line-height: 1;
	padding-bottom: 6px;
	padding-top: 6px
}

.depth-volume td span:not(.depth-volume__val) {
	position: relative;
	z-index: 20
}

.depth-volume__val {
	content: "";
	height: 100%;
	opacity: .15;
	position: absolute;
	right: 0;
	top: 5%;
	transition: all .5s;
	width: 50%;
	z-index: 1
}

.depth-volume--green .depth-volume__val {
	background: #40bf6a
}

.depth-volume--red .depth-volume__val {
	background: #f6465d
}

.trade-currencies {
	align-items: stretch;
	background: var(--c-main6);
	border: 1px solid var(--c-border6);
	border-bottom: none;
	border-radius: 16px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	display: flex;
	flex-direction: column;
	height: 350px;
	justify-content: flex-start;
	padding: 12px 0 12px 12px;
	z-index: 25
}

.trade-currencies .tabs {
	font-size: 11px;
	font-weight: 400;
	gap: 15px;
	margin-bottom: 8px
}

.trade-currencies .tabs__item {
	padding: 4px 0
}

.trade-currencies .tabs__item .star__icon,
.trade-currencies .tabs__item .star__icon svg {
	height: 16px;
	width: 16px
}

.trade-currencies .t-table {
	height: 100%
}

.trade-currencies .t-table td {
	line-height: 1;
	padding-bottom: 6px;
	padding-top: 6px
}

.trade-orders {
	align-items: stretch;
	background: var(--c-main6);
	border: 1px solid var(--c-border6);
	border-radius: 16px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	display: flex;
	flex-direction: column;
	height: 472px;
	justify-content: space-between;
	padding: 12px 0 12px 12px;
	width: 100%
}

.trade-orders .t-table {
	height: 100%
}

.trade-orders .t-table td {
	line-height: 1;
	padding-bottom: 6px;
	padding-top: 6px
}

.trade-orders__header {
	color: #654ee0;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 12px
}

.m-orders {
	margin: 0 -12px
}

.m-orders__header {
	border-bottom: 1px solid var(--c-border6);
	color: var(--c-text1);
	font-size: 14px;
	font-weight: 500;
	padding: 16px 12px
}

.m-orders__list {
	padding: 16px 12px
}

.m-order {
	background: var(--c-main15);
	border-radius: 12px;
	color: var(--c-text1);
	margin-bottom: 12px;
	padding: 12px
}

.m-order:last-child {
	margin-bottom: 0
}

.m-order__top {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px
}

.m-order__name {
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 6px
}

.m-order__info {
	align-items: center;
	display: flex;
	gap: 6px;
	justify-content: flex-start
}

.m-order__time {
	font-size: 10px;
	font-weight: 500;
	opacity: .5
}

.m-order__bottom {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-around
}

.m-order__col {
	text-align: center
}

.m-order__col div:first-child {
	font-size: 10px;
	font-weight: 500;
	margin-bottom: 4px;
	opacity: .5
}

.m-order__col div:last-child {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 4px
}

.trade-chart {
	background: var(--c-main6);
	border: 1px solid var(--c-border6);
	border-radius: 16px;
	overflow: hidden;
	padding: 12px;
	position: relative;
	width: 100%;
	z-index: 10
}

.trade-chart__loading {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.trade-chart__chart {
	height: 410px;
	overflow: hidden;
	position: relative;
	z-index: 10
}

.trade-chart__legend {
	align-items: center;
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	font-weight: 400;
	gap: .2rem;
	justify-content: flex-start;
	left: 12px;
	line-height: 18px;
	opacity: .75;
	padding: .2rem .5rem;
	position: absolute;
	top: 12px;
	z-index: 2
}

.trade-chart__legend>div>span {
	font-family: Roboto, Arial, sans-serif;
	line-height: 1
}

.trade-chart__legend--red>div>span {
	color: var(--c-red)
}

.trade-chart__legend--green>div>span {
	color: var(--c-green)
}

.trade-chart__reset {
	align-items: center;
	background-color: #101014;
	border-radius: 50%;
	box-shadow: 0 2px .5rem rgba(0, 0, 0, .1);
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: .875rem;
	height: 2rem;
	justify-content: center;
	opacity: .7;
	pointer-events: all;
	position: absolute;
	right: 6rem;
	top: calc(100% - 5rem);
	transition: all .2s;
	width: 2rem;
	z-index: 10
}

.trade-chart__reset svg {
	height: 1.375rem;
	width: 1.375rem
}

.trade-chart__reset:hover {
	opacity: 1
}

.trade-chart__reset--hide {
	opacity: 0;
	pointer-events: none
}

.trade-chart-interval {
	align-items: center;
	display: flex;
	height: 40px;
	justify-content: flex-start;
	padding: .5rem
}

.trade-chart-interval__item {
	border-radius: 5px;
	cursor: pointer;
	font-size: .875rem;
	padding: .25rem .5rem
}

.trade-chart-interval__item:hover,
.trade-chart-interval__item:hover:not(.trade-chart-interval__item--active) {
	background: var(--c-bg)
}

.trade-chart-interval__item--active {
	color: var(--c-main1)
}

.trade-manager-type {
	align-items: center;
	background: var(--c-main6);
	border: 1px solid var(--c-border6);
	border-radius: 16px;
	display: flex;
	justify-content: space-between;
	width: 100%
}

.trade-manager-type__row {
	align-items: center;
	border-right: 1px solid var(--c-border6);
	color: var(--c-text1);
	cursor: pointer;
	display: flex;
	font-size: 13px;
	font-weight: 400;
	justify-content: center;
	padding: 12px 0;
	position: relative;
	text-align: center;
	width: 100%
}

.trade-manager-type__row:last-child {
	border-right: 0
}

.trade-manager-type__row span {
	opacity: .5
}

.trade-manager-type__row--active {
	font-weight: 600
}

.trade-manager-type__row--active span {
	opacity: 1
}

.trade-manager {
	align-items: flex-start;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	width: 100%
}

.trade-manager__row {
	background: var(--c-main6);
	border: 1px solid var(--c-border6);
	border-radius: 16px;
	padding: 12px;
	width: 100%
}

.trade-manager .input .input__wrapper {
	background: var(--c-main9);
	border-color: transparent
}

.trade-manager .tabs {
	gap: 12px;
	margin-bottom: 24px
}

.trade-manager .tabs__item {
	border-bottom: none;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	padding: 0
}

.trade-manager .tabs__item--active {
	border-bottom: none;
	color: var(--c-main1)
}

.trade-manager__desc {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 12px;
	opacity: .5;
	text-align: start
}

.trade-slider {
	margin-bottom: 12px;
	--slider-bg: var(--c-main9);
	--slider-handle-bg: var(--c-main6);
	--slider-handle-shadow: 0.5px 0.5px 2px 1px var(--c-main9);
	--slider-radius: 2px
}

.trade-slider--red {
	--slider-connect-bg: rgba(246, 70, 93, .8);
	--slider-handle-border: 4px solid #f6465d
}

.trade-slider--green {
	--slider-connect-bg: rgba(64, 191, 106, .8);
	--slider-handle-border: 4px solid #40bf6a
}

.trade-slider--mt1 {
	margin-bottom: 18px;
	margin-top: 10px
}

.trade-manager-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px
}

.trade-manager-header__left .tabs {
	gap: 12px;
	margin-bottom: 0
}

.trade-manager-header__left .tabs .tabs__item {
	color: var(--c-text9);
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	opacity: 1
}

.trade-manager-header__left .tabs .tabs__item--active {
	color: #654ee0;
	font-size: 14px;
	font-weight: 500
}

.trade-manager-header__right {
	align-items: center;
	display: flex;
	gap: 6px;
	justify-content: flex-end;
	line-height: 1
}

.trade-manager-header__right>div:first-child {
	font-size: 12px;
	font-weight: 400
}

.trade-manager-header__amount {
	font-size: 11px;
	font-weight: 500
}

.trade-manager-header__deposit {
	cursor: pointer
}

.btn-no-login {
	background: var(--c-main9);
	border-color: transparent;
	border-radius: 12px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 100%
}

.trade-history {
	background: var(--c-main6);
	border: 1px solid var(--c-border6);
	border-radius: 16px;
	padding: 0 12px 12px;
	width: 100%
}

.trade-history .tabs {
	gap: 12px;
	margin-bottom: 24px
}

.trade-history .tabs__item {
	border-bottom: none;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	padding: 0
}

.trade-history .tabs__item--active {
	border-bottom: none;
	color: var(--c-main1)
}

.trade-history .table {
	max-height: 500px
}

.trade-history .table thead tr {
	border-bottom: 1px solid var(--c-border6);
	height: 40px
}

.trade-history .table thead tr th {
	color: var(--c-text1);
	font-size: 11px;
	font-weight: 400
}

.trade-history .table tbody tr {
	border-bottom: none;
	height: 50px
}

.trade-history .table tbody tr td {
	padding: 2px 0
}

.trade-history .table tbody tr td:first-child .trade-history__td-wrap {
	border-radius: 12px 0 0 12px
}

.trade-history .table tbody tr td:last-child .trade-history__td-wrap {
	border-radius: 0 12px 12px 0;
	border-right: 4px solid var(--c-main6)
}

.trade-history__td-wrap {
	align-items: center;
	background: var(--c-bg);
	display: flex;
	font-size: 14px;
	font-weight: 500;
	height: 46px;
	justify-content: flex-start;
	padding: 0 8px
}

.trade-history__login {
	padding-top: 120px;
	text-align: center;
	width: 100%
}

.trade-history-types {
	align-items: center;
	display: flex;
	font-size: 11px;
	font-weight: 500;
	gap: 6px;
	justify-content: flex-start
}

.trade-history-types__col {
	align-items: center;
	background: var(--c-main6);
	border-radius: 2px;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	padding: 3px 4px;
	text-transform: capitalize
}

.trade-history-types--red .trade-history-types__col {
	background: #f6465d
}

.trade-history-types--green .trade-history-types__col {
	background: #40bf6a
}

.trade-history-statuses {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: flex-start
}

.trade-history-status {
	align-items: center;
	border: 1px solid;
	border-radius: 16px;
	color: #fff;
	display: flex;
	font-size: 12px;
	font-weight: 500;
	gap: 4px;
	height: 22px;
	justify-content: center;
	line-height: 1.1;
	width: 92px
}

.trade-history-status--s0 {
	background: #654ee0;
	border-color: #654ee0
}

.trade-history-status--s1 {
	background: #40bf6a;
	border-color: #40bf6a
}

.trade-history-status--s2 {
	border-color: #f6465d;
	color: var(--c-text1)
}

.trade-history-status--s2 img {
	height: 10px;
	width: 10px
}

.trade-history-close {
	cursor: pointer;
	height: 24px;
	opacity: 1;
	transition: all .25s;
	width: 23px
}

.trade-history-close:hover {
	opacity: .8
}

.p-noty {
	align-items: center;
	background: var(--c-main4);
	border: 1px solid var(--c-border2);
	border-radius: 16px;
	box-shadow: 0 8px 56px 0 var(--h-shadow);
	display: flex;
	gap: 16px;
	justify-content: flex-start;
	margin-bottom: 24px;
	padding: 24px
}

.p-noty--profile .icon--arrow {
	--c-f: none;
	--c-s: var(--c-text0);
	--c-f-h: none;
	--c-s-h: var(--c-text0)
}

.p-noty--profile .p-noty__text {
	line-height: 1.4;
	white-space: break-spaces;
	word-break: break-word
}

.p-noty svg {
	min-width: 24px
}

.p-noty__show {
	margin-right: 12px;
	opacity: .5
}

.p-noty__desc {
	margin-top: 10px;
	opacity: .5
}

.p-header {
	margin-bottom: 32px
}

.p-header__top {
	justify-content: space-between
}

.p-header__left,
.p-header__top {
	align-items: center;
	display: flex
}

.p-header__left {
	gap: 20px;
	justify-content: flex-start
}

.p-header__left img {
	height: 54px;
	width: 54px
}

.p-header__email {
	align-items: center;
	display: flex;
	font-size: 24px;
	font-weight: 500;
	gap: 12px;
	justify-content: flex-start
}

.p-header__bottom {
	padding: 24px 0
}

.p-info {
	align-items: center;
	-moz-column-gap: 60px;
	column-gap: 60px;
	display: flex;
	justify-content: flex-start
}

.p-info__col--pointer {
	cursor: pointer
}

.p-info__name {
	font-size: 14px;
	opacity: .5
}

.p-info__value {
	align-items: center;
	display: flex;
	font-size: 18px;
	font-weight: 500;
	gap: 6px;
	justify-content: flex-start;
	margin-top: 6px
}

.p-info__copy {
	cursor: pointer
}

.p-info__copy path {
	stroke: var(--c-text1)
}

.p-assets-row {
	align-items: stretch;
	display: flex;
	gap: 32px;
	justify-content: space-between;
	margin-bottom: 50px
}

.p-assets-row__left,
.p-assets-row__right {
	width: 50%
}

.p-assets-row--s2 .p-assets-row__left {
	order: 2;
	width: 70%
}

.p-assets-row--s2 .p-assets-row__right {
	order: 1;
	width: 30%
}

.box {
	background: var(--c-main4);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow);
	padding: 24px;
	position: relative;
	z-index: 10
}

.box--b1 {
	border: 1px solid var(--White-Border, #f2f2f2)
}

.box--bg {
	background: var(--c-bg)
}

.box--s2 {
	max-width: 1015px
}

.box__title {
	font-size: 24px
}

.box__s-title,
.box__title {
	font-weight: 500;
	margin-bottom: 16px
}

.box__s-title {
	color: var(--c-text2);
	font-size: 18px;
	line-height: 90%
}

.b-total__value {
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 16px
}

.b-total__change {
	color: var(--c-green);
	font-size: 14px;
	font-weight: 500
}

.b-total__change span {
	color: var(--c-text1);
	font-weight: 400;
	opacity: .5
}

.m-chart {
	position: relative;
	width: 100%
}

.m-chart__top {
	align-items: flex-start;
	display: flex;
	gap: 12px;
	justify-content: space-between
}

.m-chart__t {
	max-width: 680px;
	width: 100%
}

.m-chart__wrapper {
	border-bottom: 1px solid var(--c-border5);
	border-right: 1px solid var(--c-border5);
	height: 300px;
	margin-right: 50px;
	padding-right: 27px;
	width: 100%
}

.m-chart__dates {
	align-items: center;
	display: flex;
	justify-content: space-around;
	margin-top: 16px;
	width: 100%
}

.m-chart__date {
	font-size: 14px;
	font-weight: 400;
	opacity: .5
}

.m-chart__values {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 300px;
	justify-content: space-around
}

.m-chart__value {
	font-size: 14px;
	font-weight: 400;
	opacity: .5
}

.m-chart__bottom {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 24px
}

.m-chart__intervals {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	padding: 15px 0
}

.m-chart__interval {
	border-radius: 16px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	opacity: .5;
	padding: 4px 12px;
	text-transform: uppercase
}

.m-chart__interval--active {
	background: var(--c-text2);
	color: var(--c-bg);
	opacity: 1
}

.p-asset-all {
	align-items: center;
	color: var(--c-main1);
	display: flex;
	gap: 2px;
	justify-content: flex-end
}

.p-asset-all [stroke] {
	stroke: var(--c-main1)
}

.p-title {
	font-size: 32px;
	font-weight: 500;
	line-height: 111%;
	margin-bottom: 24px
}

.box-filters {
	align-items: flex-end;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 18px
}

.t-view-more {
	font-size: 18px;
	font-weight: 500;
	margin-top: 16px;
	text-align: center;
	width: 100%
}

.b-summary__point-c {
	left: 0;
	position: absolute;
	top: 0;
	--vc: green;
	background: conic-gradient(var(--vc) var(--ve), transparent 0);
	border-radius: 50%;
	height: 100%;
	opacity: .85;
	transform: rotate(var(--vs));
	width: 100%
}

.b-summary__point-c--1 {
	--vc: #f5921b
}

.b-summary__point-c--2 {
	--vc: #55cb7c
}

.b-summary__point-c--3 {
	--vc: #e35666
}

.b-summary__point-c--4 {
	--vc: #3d8afd
}

.b-summary__point-c--5 {
	--vc: #a267ff
}

.b-summary__point {
	align-items: center;
	background: transparent;
	border-radius: 50%;
	display: flex;
	height: 224px;
	justify-content: center;
	margin: 0 auto 24px;
	position: relative;
	width: 224px
}

.b-summary__point:before {
	background: var(--c-border1);
	border-radius: 50%;
	content: "";
	height: 224px;
	left: 0;
	position: absolute;
	top: 0;
	width: 224px
}

.b-summary__point:after {
	background: var(--c-main4);
	border-radius: 50%;
	content: "";
	height: 210px;
	left: 7px;
	position: absolute;
	top: 7px;
	width: 210px
}

.b-summary__body {
	position: relative;
	text-align: center;
	z-index: 1
}

.b-summary__name {
	font-size: 16px;
	font-weight: 500;
	line-height: 111%;
	margin-bottom: 6px
}

.b-summary__value {
	font-size: 36px;
	font-weight: 400;
	line-height: 90%
}

.b-top__row {
	align-items: center;
	border-bottom: 1px solid var(--c-border1);
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-bottom: 20px
}

.b-top__row:last-child {
	border-bottom: initial;
	margin-bottom: 0;
	padding-bottom: 0
}

.b-top__left {
	align-items: center;
	display: flex;
	gap: 9px;
	justify-content: flex-start
}

.b-top__point {
	border-radius: 50%;
	height: 24px;
	min-width: 24px;
	position: relative;
	width: 24px
}

.b-top__point:before {
	background: #fff;
	border-radius: 50%;
	content: "";
	height: 16px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 16px
}

.b-top__point--c1 {
	background: #f5921b
}

.b-top__point--c2 {
	background: #5dcc83
}

.b-top__point--c3 {
	background: #f4455d
}

.b-top__point--c4 {
	background: #5c99f5
}

.b-top__point--c5 {
	background: #5d3ff7
}

.b-top__name {
	font-size: 18px;
	font-weight: 500
}

.b-top__desc {
	font-size: 14px;
	font-weight: 400;
	opacity: .5
}

.b-top__right {
	text-align: right
}

.s-panel {
	align-items: stretch;
	gap: 20px;
	margin-bottom: 20px
}

.s-panel,
.s-panel__item {
	display: flex;
	justify-content: space-between
}

.s-panel__item {
	align-items: flex-start;
	background: var(--c-main4);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow2);
	cursor: pointer;
	flex-direction: column;
	height: 270px;
	padding: 24px;
	position: relative;
	width: 100%
}

.s-panel__icon {
	position: absolute;
	right: 24px;
	top: 24px
}

.s-panel__icon img,
.s-panel__icon svg {
	height: 100px;
	width: 100px
}

.s-panel__title {
	font-size: 18px;
	font-weight: 500
}

.s-panel__desc {
	margin-top: 8px;
	max-width: 240px;
	opacity: .5
}

.s-rows {
	margin-bottom: 24px
}

.s-row {
	align-items: center;
	border-bottom: 1px solid var(--c-border1);
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-bottom: 20px
}

.s-row:last-child {
	border-bottom: initial;
	margin-bottom: 0;
	padding-bottom: 0
}

.s-row__icon {
	height: 36px;
	width: 36px
}

.s-row__icon [stroke] {
	stroke: var(--c-text1)
}

.s-row__info {
	width: 100%
}

.s-row__name {
	font-size: 18px;
	font-weight: 400
}

.s-row__desc {
	margin-top: 6px;
	opacity: .5
}

.p-header-row {
	align-items: flex-end;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 24px
}

.p-header-row .p-title {
	margin-bottom: 16px
}

.p-header-row__desc {
	opacity: .5
}

.a-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	min-height: 600px;
	position: relative
}

.a-header__left {
	position: relative;
	width: 57%;
	z-index: 2
}

.a-header__title {
	font-size: 56px;
	font-weight: 600;
	line-height: 111%;
	max-width: 580px
}

.a-header__title span {
	color: var(--c-main1)
}

.a-header__title--gd {
	font-size: 48px;
	line-height: 124%
}

.a-header__title--gd span {
	background: linear-gradient(90deg, #6baa71, #8a75ff 70%, #8a75ff);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--c-main1);
	font-weight: 900;
	letter-spacing: 1.05px
}

.a-header__desc {
	font-size: 18px;
	font-weight: 400;
	margin-top: 36px;
	max-width: 580px
}

.a-header__desc--gd {
	font-size: 22px;
	font-weight: 400;
	margin-top: 46px
}

.a-header__desc--gd b {
	background: linear-gradient(90deg, #009be3, #00d44b 50%, #9fcf00);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 26px;
	-webkit-text-fill-color: transparent;
	color: #fff;
	font-weight: 900
}

.a-header__buttons {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: flex-start;
	margin-top: 36px
}

.a-header__buttons--gd {
	margin-top: 46px
}

.a-header__right {
	position: relative;
	width: 43%;
	z-index: 1
}

.a-header--earn .a-header__title {
	max-width: 580px
}

.a-header--earn .a-header__desc {
	max-width: 440px
}

.a-header--earn .a-header__right {
	position: relative
}

.a-header--earn .a-header__right:before {
	background-image: url(assets/earn-bg.d3d99f4007d6fbdf98ed.png);
	background-size: cover;
	content: "";
	height: 568px;
	left: 50%;
	min-width: 851px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-55%) translateY(-50%)
}

.a-header--referral .a-header__title {
	max-width: 650px
}

.a-header--referral .a-header__desc {
	max-width: 450px
}

.a-header--referral .a-header__right {
	position: relative
}

.a-header--referral .a-header__right:before {
	background-image: url(assets/referral-bg.4f05ea7207a8f53219a2.png);
	background-size: cover;
	content: "";
	height: 1085px;
	left: 50%;
	min-width: 1144px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-54%) translateY(-27%)
}

.a-header--buy-crypto .a-header__title {
	max-width: 315px
}

.a-header--buy-crypto .a-header__desc {
	max-width: none
}

.a-header--buy-crypto .a-header__right {
	position: relative
}

.a-header--buy-crypto .a-header__right:before {
	background-image: url(assets/buy-crypto-bg.b9589d39ca2e116a148f.png);
	background-size: cover;
	content: "";
	height: 702px;
	left: 50%;
	min-width: 834px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-70%) translateY(-50%)
}

.a-header--main .a-header__right {
	max-width: 680px;
	position: relative;
	width: 100%
}

.a-header--main .a-header__right:before {
	background-image: url(assets/bg.b6b6edba03baaf967c63.png);
	background-size: cover;
	content: "";
	height: 710px;
	left: 50%;
	min-width: 1524px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-70%) translateY(-50%)
}

.mhd__text {
	font-size: 20px;
	font-weight: 300
}

.mhd__word {
	align-items: center;
	background: linear-gradient(90deg, #6baa71, #8a75ff 20%, #8a75ff);
	background-clip: text;
	-webkit-background-clip: text;
	display: flex;
	gap: 6px;
	justify-content: flex-start;
	-webkit-text-fill-color: transparent;
	color: var(--c-main1);
	font-size: 22px;
	font-weight: 500;
	line-height: 27px;
	margin-top: 18px;
	min-height: 27px
}

.mhd__word:before {
	background-image: url(assets/m-b.31a36725791158de270b.png);
	background-size: cover;
	content: "";
	display: block;
	height: 12px;
	margin-top: 5px;
	min-width: 11.5714px;
	width: 11.5714px
}

[data-dark] .mhd__word {
	background: linear-gradient(90deg, #ffb7c6, #8a75ff 20%, #8a75ff);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--c-main1)
}

[data-dark] .mhd__word:before {
	background-image: url(assets/m-b.31a36725791158de270b.png);
	background-size: cover
}

[data-dark] .a-header__title--gd span {
	background: linear-gradient(90deg, #ffb7c6, #8a75ff 70%, #8a75ff);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--c-main1)
}

.mhd-currency {
	align-items: center;
	display: inline-flex;
	font-weight: 500;
	gap: 3px;
	justify-content: flex-start;
	transition: all .25s
}

.mhd-currency:before {
	content: "";
	display: block;
	height: 12px;
	margin-top: 2px;
	min-width: 10px;
	opacity: 1;
	transition: all .25s;
	width: 12px
}

.mhd-currency:hover {
	color: #6d4de5
}

.mhd-currency:hover:before {
	opacity: .6
}

.mhd-currency--btc:before {
	background-image: url(assets/mpd-btc.568f0b5bfe8a3b1cf311.png);
	background-size: 100% 100%
}

.mhd-currency--eth:before {
	background-image: url(assets/mpd-eth.e5ad21a04b559331dc50.png);
	background-size: 100% 100%
}

.mhd-currency--usdt:before {
	background-image: url(assets/mpd-usdt.1c738769a4c5484ce032.png);
	background-size: 100% 100%
}

.p-news {
	padding: 0 20px
}

.p-news__row {
	padding: 20px 8px;
	position: relative
}

.p-news__row:before {
	background-color: var(--c-border1);
	content: "";
	height: 1px;
	left: 8px;
	position: absolute;
	right: 8px;
	top: -1px
}

.p-news__row:first-child:before {
	display: none
}

.p-news__top {
	margin-bottom: 6px
}

.p-news__currency,
.p-news__top {
	align-items: center;
	display: flex;
	justify-content: flex-start
}

.p-news__currency {
	font-size: 11px;
	line-height: 16px;
	margin-right: 10px
}

.p-news__currency img {
	height: 24px;
	min-width: 24px;
	width: 24px
}

.p-news__currency span {
	margin: 0 8px
}

.p-news__date {
	--ui-lib-typography-line-height: 21px;
	--ui-lib-typography-font-size: 14px;
	font-size: var(--ui-lib-typography-font-size);
	font-style: normal;
	font-weight: 400;
	line-height: var(--ui-lib-typography-line-height);
	opacity: .7;
	white-space: nowrap
}

.p-news__bottom {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.p-news__left {
	width: 100%
}

.p-news__name {
	--ui-lib-typography-line-height: 26px;
	--ui-lib-typography-font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px
}

.p-news__content,
.p-news__name {
	font-size: var(--ui-lib-typography-font-size);
	font-style: normal;
	line-height: var(--ui-lib-typography-line-height);
	overflow-wrap: break-word;
	width: calc(100% - 68px)
}

.p-news__content {
	--ui-lib-typography-line-height: 24px;
	--ui-lib-typography-font-size: 16px;
	font-weight: 500;
	opacity: .85
}

.p-news__image {
	border-radius: 50%;
	height: 56px;
	margin-left: 12px;
	min-width: 56px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 56px
}

.s-box {
	background: var(--c-main6);
	border: 1px solid var(--c-border5);
	border-radius: 16px;
	box-shadow: var(--h-shadow2)
}

.support-header {
	align-items: center;
	border-bottom: 1px solid var(--c-border5);
	display: flex;
	gap: 12px;
	justify-content: flex-start;
	overflow: hidden;
	padding: 24px;
	position: relative
}

.support-header__icon {
	background: url(assets/logo.06b096de1bafd9e7fa1c.svg);
	background-size: cover;
	height: 56px;
	width: 56px
}

.support-header__name {
	color: var(--c-text2);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 2px
}

.support-header__online {
	color: #3fbe69;
	font-size: 14px;
	font-weight: 500
}

.support-header__desc {
	font-size: 14px;
	font-weight: 400;
	opacity: .5
}

.support-header__image {
	height: 69px;
	width: 69px
}

.support {
	padding: 24px;
	position: relative;
	width: 100%
}

.support__messages {
	max-height: 420px;
	min-height: 420px;
	overflow: auto;
	padding: 5px;
	position: relative
}

.support__footer {
	margin-top: 16px
}

.support__control {
	align-items: flex-start;
	display: flex;
	gap: 6px;
	justify-content: space-between
}

.support__control>.input {
	width: 100%
}

.support__control>.btn {
	padding: 0 18px
}

.support__loading {
	background: var(--c-main6);
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: opacity .25s;
	width: 100%
}

.support--loading .support__loading {
	opacity: 1;
	pointer-events: auto
}

.support__f-row {
	align-items: flex-start;
	display: flex;
	justify-content: space-between
}

.support__buttons {
	align-items: center;
	display: flex;
	gap: 1rem;
	justify-content: flex-end
}

.support-empty {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 22px;
	height: 100%;
	justify-content: center;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%
}

.support-empty__top img {
	max-height: 80px
}

.support-empty__middle {
	align-items: center;
	color: #484848;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	font-weight: 400;
	gap: 8px;
	justify-content: center
}

.support-empty__bottom img {
	max-height: 38px
}

.support-images {
	align-items: center;
	display: flex;
	gap: .5rem;
	justify-content: center;
	margin-top: .5rem
}

.support-images__item {
	background: hsla(0, 0%, 100%, .02);
	border-radius: 3px;
	cursor: pointer;
	height: 3.8rem;
	position: relative;
	width: 3.8rem
}

.support-images__remove {
	align-items: center;
	background: rgba(255, 0, 0, .4);
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	font-size: 10px;
	height: 1rem;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 1rem
}

.support-images img {
	height: 100%;
	width: 100%
}

.message {
	align-items: flex-end;
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	margin-bottom: 26px
}

.message__icon {
	background: url(assets/logo.06b096de1bafd9e7fa1c.svg);
	background-size: cover;
	height: 36px;
	max-width: 36px;
	min-width: 36px;
	width: 36px
}

.message__icon--t2 {
	background: url(assets/security-safe.0fe400420d8692b16bb1.png);
	background-size: cover
}

.message__info {
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
	font-size: 12px;
	gap: .5rem;
	justify-content: flex-start;
	margin-top: 6px;
	opacity: .5
}

.message__time {
	font-size: 10px;
	font-weight: 400
}

.message__text {
	background: var(--c-main1);
	border-radius: 16px;
	color: var(--c-text0);
	max-width: 570px;
	padding: 10px 16px;
	white-space: break-spaces;
	word-break: break-word
}

.message__image img {
	border-radius: 16px;
	cursor: pointer;
	display: block;
	max-height: 25rem;
	max-width: 200px;
	min-height: 36px;
	width: 100%
}

.message--support {
	justify-content: flex-start
}

.message--support .message__info {
	flex-direction: row
}

.message--support .message__text {
	background: var(--c-main7);
	color: var(--c-text2)
}

.support-soft__title {
	font-weight: 500;
	margin-bottom: 10px
}

.support-soft__desc {
	margin-bottom: 10px
}

.support-soft__buttons {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between
}

.support-soft__buttons .btn {
	max-width: 110px
}

.support-answer-text {
	opacity: .5
}

.support-answer-text h1,
.support-answer-text h2,
.support-answer-text h3,
.support-answer-text h4,
.support-answer-text h5 {
	opacity: 1
}

.support-answer-text a {
	color: var(--c-main1)
}

.support-auto-answers {
	align-items: flex-start;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
	padding: 16px;
	row-gap: 12px;
	width: 100%
}

.support-auto-answer {
	border: 1px solid var(--c-border4);
	border-radius: 12px;
	cursor: pointer;
	font-weight: 500;
	line-height: 1;
	padding: 16px 32px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.m-soft__icon {
	margin-bottom: 16px
}

.m-soft__title {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px
}

.m-soft__desc {
	font-size: 13px
}

.m-soft__desc,
.m-soft__window {
	margin-bottom: 20px
}

.spp-modal--active .spp-modal__btn {
	opacity: 0;
	pointer-events: none
}

.spp-modal--active .spp-modal__window {
	opacity: 1;
	pointer-events: auto
}

.spp-modal__btn {
	align-items: center;
	background: var(--c-main1);
	border: 2px solid #705ae3;
	border-radius: 50%;
	bottom: 32px;
	cursor: pointer;
	display: flex;
	height: 56px;
	justify-content: center;
	opacity: 1;
	position: fixed;
	right: 32px;
	transition: all .25s;
	width: 56px;
	z-index: 88
}

.spp-modal__btn:hover {
	opacity: .8
}

.spp-modal__new {
	background: var(--c-red);
	border: 1px solid hsla(0, 0%, 100%, .1);
	border-radius: 2px;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	line-height: 10px;
	padding: 1.5px 4px;
	position: absolute;
	right: -11px;
	top: -6px
}

.spp-modal__window {
	background: var(--c-main6);
	border: 1px solid var(--c-border2);
	border-radius: 16px;
	bottom: 32px;
	max-height: 610px;
	max-width: 410px;
	opacity: 0;
	padding: 24px;
	pointer-events: none;
	position: fixed;
	right: 32px;
	transition: all .25s;
	width: 100%;
	z-index: 89
}

.spp-modal__body .support {
	padding: 0
}

.spp-modal__body .support__messages {
	min-height: 420px;
	padding-top: 30px
}

.spp-modal__body .message__text {
	max-width: 380px
}

.spp-modal__body .support-auto-answers {
	display: none;
	justify-content: center
}

.spp-header {
	border-bottom: 1px solid var(--c-border2);
	justify-content: space-between;
	padding-bottom: 32px
}

.spp-header,
.spp-header__left {
	align-items: center;
	display: flex
}

.spp-header__left {
	gap: 12px;
	justify-content: flex-start
}

.spp-header__icon {
	background: url(assets/logo.06b096de1bafd9e7fa1c.svg);
	background-size: cover;
	height: 56px;
	width: 56px
}

.spp-header__name {
	font-size: 18px;
	font-weight: 500
}

.spp-header__online {
	font-size: 14px;
	font-weight: 400;
	opacity: .5
}

.spp-header__right {
	align-items: center;
	background: #654ee0;
	border: 2px solid rgba(207, 198, 251, .1);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 52px;
	justify-content: center;
	width: 52px
}

.verification-images {
	margin-bottom: 2rem
}

.verification-images__label {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 21px;
	margin-bottom: 12px
}

.verification-images__selector {
	margin-bottom: 1rem
}

.verification-images__selector .tabs {
	align-items: stretch;
	flex-wrap: nowrap;
	gap: 12px
}

.verification-images__files {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between
}

.verification-doc {
	align-items: flex-start;
	background: var(--c-bg);
	border: 1px solid var(--c-border1);
	border-radius: 12px;
	box-shadow: var(--h-shadow2);
	display: flex;
	flex-direction: column;
	height: 220px;
	justify-content: space-between;
	overflow: hidden;
	padding: 24px;
	position: relative;
	transition: all .25s;
	width: 100%
}

.verification-doc--uploaded .verification-docs-upload__desc,
.verification-doc--uploaded .verification-docs-upload__name,
.verification-doc--uploaded>svg {
	display: none
}

.verification-doc--drop {
	background-color: transparent
}

.verification-doc__name {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal
}

.verification-doc__desc {
	margin-top: 8px;
	opacity: .5
}

.verification-doc__icon {
	position: absolute;
	right: 24px;
	top: 24px
}

.verification-doc__preview {
	bottom: 24px;
	position: absolute;
	right: 24px
}

.verification-doc__preview img {
	background: rgba(0, 0, 0, .2);
	display: block;
	font-size: .5rem;
	max-height: 100px;
	max-width: 100%
}

.verification-doc__remove {
	border-radius: 50%;
	height: 1.5rem;
	position: absolute;
	right: -.5rem;
	top: -.5rem;
	width: 1.5rem
}

.verification-doc__remove svg {
	stroke: var(--c-main1);
	fill: var(--c-main1)
}

.verification-doc__uploading {
	background-color: rgba(0, 145, 235, .07);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0
}

.kyc-status {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 70px auto;
	max-width: 342px;
	text-align: center;
	width: 100%
}

.kyc-status__icon {
	height: 165px;
	margin-bottom: 24px;
	width: 165px
}

.kyc-status__title {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 16px
}

.kyc-status__text {
	font-size: 16px;
	margin-bottom: 32px;
	opacity: .75
}

.kyc-status__button {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	width: 100%
}

.faq-group-name {
	font-size: 36px;
	font-weight: 500;
	line-height: 111%
}

.faq-group-name,
.faq-list {
	margin-bottom: 24px
}

.faq {
	background: var(--c-main6);
	border: 1px solid var(--c-border1);
	border-radius: 16px;
	box-shadow: var(--h-shadow2);
	margin-bottom: 16px;
	transition: .25s
}

.faq__header {
	cursor: pointer;
	padding: 32px 24px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.faq__header:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2736%27 height=%2736%27 fill=%27none%27%3E%3Cpath stroke=%27%23292D32%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27m28 14-8.232 8h-3.536L8 14%27 opacity=%27.5%27/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	flex: none;
	height: 24px;
	position: absolute;
	right: 24px;
	top: 40px;
	transition: .2s;
	width: 24px
}

.faq__name {
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal
}

.faq__body {
	font-size: 14px;
	height: 100%;
	line-height: 20px;
	max-height: 0;
	opacity: .85;
	overflow: hidden;
	transition: max-height .2s ease
}

.faq__body>div {
	padding: 12px
}

.faq__body p {
	margin: 0 0 10px
}

.faq__body ol>li:first-child {
	font-weight: 700;
	margin-bottom: 5px
}

.faq--active .faq__header:before {
	transform: rotate(180deg)
}

.faq--active .faq__body {
	max-height: 1000px
}

body[data-dark] .faq__header:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2736%27 height=%2736%27 fill=%27none%27%3E%3Cpath stroke=%27%23F7F7FF%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27m28 14-8.232 8h-3.536L8 14%27 opacity=%27.5%27/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.terms {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	max-width: 1015px
}

.terms h1,
.terms h2,
.terms h3 {
	font-size: 24px;
	font-weight: 600
}

.terms h2 {
	margin-top: 60px;
	padding-bottom: 26px;
	position: relative
}

.terms p {
	margin-top: 26px;
	opacity: .85
}

.about-us-header__top {
	padding-bottom: 115px;
	padding-top: 70px;
	position: relative;
	z-index: 3
}

.about-us-header__title {
	font-size: 48px;
	font-weight: 600;
	max-width: 722px
}

.about-us-header__desc {
	font-size: 18px;
	font-weight: 600;
	margin-top: 6px;
	max-width: 722px
}

.about-us-header__bottom:after {
	background: url(assets/header-min.e74078eb0892d261b862.png) no-repeat;
	background-size: 100% 100%;
	bottom: 0;
	content: "";
	height: 408.49px;
	position: absolute;
	right: 0;
	width: 463px;
	z-index: 1
}

.about-us-header__bottom:before {
	background: linear-gradient(0deg, #08090c, rgba(8, 9, 12, 0));
	bottom: 0;
	content: "";
	height: 249px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 100vw;
	z-index: 2
}

.about-us-miss {
	margin-bottom: 60px
}

.about-us-miss__title {
	font-size: 56px;
	font-style: normal;
	font-weight: 600;
	line-height: 111%;
	margin-bottom: 32px;
	text-align: center
}

.about-us-miss__desc {
	font-size: 16px;
	opacity: .5
}

.about-us-roadmap {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	justify-content: space-between
}

.about-us-roadmap__item {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 24px;
	position: relative;
	width: 30%
}

.about-us-roadmap__info {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 100%
}

.about-us-roadmap__name {
	font-size: 24px;
	font-weight: 600
}

.about-us-roadmap__desc {
	font-size: 18px;
	font-weight: 400
}

.about-us-roadmap__date {
	background: var(--c-main1);
	border-radius: 32px;
	color: #f7f7ff;
	font-size: 18px;
	font-weight: 500;
	padding: 4px 8px
}

.about-us-map {
	margin-bottom: 27px
}

.about-us-map img {
	width: 100%
}

.about-us-networks {
	position: relative
}

.about-us-networks__wrapper {
	animation: Home_marquee__Ap_wT222 90s linear infinite;
	display: flex;
	justify-content: center
}

.about-us-networks__row {
	background: hsla(0, 0%, 100%, .01);
	border-radius: 12px;
	margin: 0 16px;
	opacity: .7;
	padding: 2px 4px
}

.about-us-networks__row img {
	display: block;
	height: 36px;
	margin: 0 auto;
	opacity: .3
}

@keyframes Home_marquee__Ap_wT222 {
	0% {
		transform: translateX(1477px)
	}

	to {
		transform: translatex(-4431px)
	}
}

.dp-box {
	align-items: stretch;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 10px
}

.dp-box__image {
	background: #fff;
	border: 1px solid rgba(36, 36, 36, .05);
	border-radius: 12px;
	max-height: 100px;
	max-width: 100px;
	min-width: 100px;
	overflow: hidden;
	padding: 4px
}

.dp-box__image img {
	border-radius: 4px;
	height: 100%;
	width: 100%
}

.dp-box__info {
	align-items: flex-start;
	background: var(--c-main12);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	justify-content: center;
	padding: 5px 10px;
	width: 100%
}

.dp-box__row {
	align-items: center;
	display: flex;
	font-size: 14px;
	gap: 6px;
	justify-content: space-between;
	width: 100%
}

.dp-box__r-name {
	color: var(--c-text1)
}

.dp-box__r-value {
	color: var(--c-text6);
	font-weight: 500
}

.dp-box__r-value--fw400,
.dp-noty {
	font-weight: 400
}

.dp-noty {
	color: var(--c-text5);
	font-size: 14px;
	margin-bottom: 18px
}

.dp-noty span {
	color: #7062bb;
	font-weight: 600
}

.dp-or {
	height: 17px;
	line-height: 1;
	margin: 10px 0;
	position: relative;
	width: 100%
}

.dp-or:before {
	background: var(--c-text7);
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 67%;
	transform: translateY(-50%);
	width: 100%
}

.dp-or:after {
	background: var(--c-main6);
	color: var(--c-text7);
	content: "or";
	font-size: 16px;
	font-weight: 500;
	left: 50%;
	padding: 0 12px;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.dp-bonus {
	align-items: center;
	background: #8bffb1;
	border-radius: 12px;
	display: flex;
	gap: 7px;
	height: 120px;
	justify-content: flex-start;
	margin-bottom: 16px;
	max-width: 472px;
	overflow: hidden;
	padding: 0 10px;
	position: relative;
	width: 100%
}

.dp-bonus:before {
	background-image: url(assets/first-deposit.cefc56b6b1a4ddd13f1b.png);
	background-size: 100% 100%;
	content: "";
	height: 120px;
	left: 0;
	position: absolute;
	top: 0;
	width: 472px;
	z-index: 1
}

.dp-bonus__name {
	font-size: 28px;
	max-width: 108px;
	min-width: 108px
}

.dp-bonus__name,
.dp-bonus__percent {
	color: #292d32;
	font-style: normal;
	font-weight: 600;
	line-height: 85%;
	position: relative;
	text-shadow: -4px 4px 12px rgba(41, 45, 50, .15);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 2
}

.dp-bonus__percent {
	border: 1px solid #292d32;
	border-radius: 8px;
	box-shadow: -4px 4px 12px 0 rgba(41, 45, 50, .15);
	display: inline-flex;
	font-size: 42px;
	gap: 10px;
	padding: 4px
}

.dp-bonus__percent,
.wp {
	align-items: center;
	justify-content: center
}

.wp {
	background: #fdfdfe;
	display: flex;
	height: 100vh;
	left: 0;
	opacity: 1;
	position: fixed;
	top: 0;
	transition: all .25s;
	width: 100vw;
	z-index: 9999999
}

.wp:before {
	background-image: url(assets/bg.b6b6edba03baaf967c63.png);
	background-size: cover;
	content: "";
	height: 710px;
	left: 50%;
	min-width: 1524px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.wp--hide {
	opacity: 0;
	pointer-events: none
}

.wp__box {
	text-align: center
}

.wp__name {
	background: linear-gradient(90deg, #6baa71, #8a75ff 70%, #8a75ff);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: fadeAnimation .75s infinite alternate;
	color: var(--c-main1);
	font-size: 46px;
	font-weight: 700;
	opacity: 1;
	padding-bottom: 60px
}

.wp__loading {
	font-size: 18px;
	font-weight: 400;
	max-width: 80px;
	text-align: left
}

.wp__footer,
.wp__loading {
	color: #686666;
	margin: 0 auto
}

.wp__footer {
	bottom: 0;
	font-size: 16px;
	max-width: 400px;
	padding-bottom: 70px;
	position: fixed;
	text-align: center;
	z-index: 9999999
}

@keyframes fadeAnimation {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.dp-loading {
	position: relative;
	width: 100%
}

.dp-loading:before {
	background: var(--c-main6);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1
}

.dp-loading:after,
.dp-loading:before {
	content: "";
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .3s
}

.dp-loading:after {
	animation: loading 1.2s linear infinite;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%23654EE0%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
	background-size: 100%;
	height: 24px;
	left: calc(50% - 12px);
	top: calc(50% - 12px);
	width: 24px;
	z-index: 2
}

.dp-loading--active {
	cursor: not-allowed
}

.dp-loading--active:before {
	opacity: .5;
	pointer-events: auto
}

.dp-loading--active:after {
	opacity: .8;
	pointer-events: auto
}

.bc-box {
	margin-bottom: 15px
}

.bc-box__name {
	margin-bottom: 8px
}

.bc-box-noty {
	color: #848484;
	font-size: 14px;
	margin-top: 18px
}

.bc-label {
	gap: 7px;
	justify-content: flex-start
}

.bc-label,
.bc-label__num {
	align-items: center;
	display: flex
}

.bc-label__num {
	background: #3fbe69;
	border-radius: 2px;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	height: 16px;
	justify-content: center;
	line-height: 1;
	width: 16px
}

.bc-label__value {
	font-size: 14px
}

.bc-label__value span {
	font-weight: 500
}

.bc-service {
	align-items: center;
	border: 1px solid var(--c-border7);
	border-radius: 12px;
	cursor: pointer;
	display: flex;
	gap: 4px;
	justify-content: space-between;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 16px;
	transition: all .25s
}

.bc-service:last-child {
	margin-bottom: 0
}

.bc-service--active {
	border: 2px solid #3fbe69;
	margin-bottom: 13px
}

.bc-service--active:last-child {
	margin-bottom: 0
}

.bc-service__left {
	align-items: center;
	display: flex;
	font-size: 22px;
	font-weight: 600;
	gap: 10px;
	justify-content: flex-start
}

.bc-service__list {
	align-items: center;
	display: flex;
	gap: 5px;
	justify-content: flex-end;
	overflow: hidden
}

.bc-service__list img {
	width: 36px
}

.slider-target,
.slider-target * {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
	touch-action: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.slider-target {
	position: relative
}

.slider-base,
.slider-connects {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1
}

.slider-connects {
	overflow: hidden;
	z-index: 0
}

.slider-connect,
.slider-origin {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform-style: preserve-3d;
	transform-style: flat;
	width: 100%;
	will-change: transform;
	z-index: 1
}

.slider-txt-dir-rtl.slider-horizontal .slider-origin {
	left: 0;
	right: auto
}

.slider-vertical .slider-origin {
	top: -100%;
	width: 0
}

.slider-horizontal .slider-origin {
	height: 0
}

.slider-handle {
	backface-visibility: hidden;
	position: absolute
}

.slider-touch-area {
	height: 100%;
	width: 100%
}

.slider-state-tap .slider-connect,
.slider-state-tap .slider-origin {
	transition: transform .3s
}

.slider-state-drag * {
	cursor: inherit !important
}

.slider-tooltip-drag .slider-tooltip,
.slider-tooltip-focus .slider-tooltip {
	display: none !important
}

.slider-tooltip-drag .slider-active .slider-tooltip,
.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),
.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden) {
	display: block !important
}

.slider-horizontal {
	height: var(--slider-height, 6px)
}

.slider-horizontal .slider-handle {
	height: var(--slider-handle-height, 16px);
	right: calc(var(--slider-handle-width, 16px)/2*-1);
	top: calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);
	width: var(--slider-handle-width, 16px)
}

.slider-vertical {
	height: var(--slider-vertical-height, 300px);
	width: var(--slider-height, 6px)
}

.slider-vertical .slider-handle {
	bottom: calc(var(--slider-handle-width, 16px)/2*-1);
	height: var(--slider-handle-width, 16px);
	right: calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);
	width: var(--slider-handle-height, 16px)
}

.slider-txt-dir-rtl.slider-horizontal .slider-handle {
	left: calc(var(--slider-handle-width, 16px)/2*-1);
	right: auto
}

.slider-base {
	background-color: var(--slider-bg, #d1d5db)
}

.slider-base,
.slider-connects {
	border-radius: var(--slider-radius, 9999px)
}

.slider-connect {
	background: var(--slider-connect-bg, #10b981);
	cursor: pointer
}

.slider-draggable {
	cursor: ew-resize
}

.slider-vertical .slider-draggable {
	cursor: ns-resize
}

.slider-handle {
	background: var(--slider-handle-bg, #fff);
	border: var(--slider-handle-border, 0);
	border-radius: var(--slider-handle-radius, 9999px);
	box-shadow: var(--slider-handle-shadow, .5px .5px 2px 1px rgba(0, 0, 0, .32));
	cursor: grab;
	height: var(--slider-handle-height, 16px);
	width: var(--slider-handle-width, 16px)
}

.slider-handle:focus {
	box-shadow: 0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, .188)), var(--slider-handle-shadow, .5px .5px 2px 1px rgba(0, 0, 0, .32));
	outline: none
}

.slider-active {
	box-shadow: var(--slider-handle-shadow-active, .5px .5px 2px 1px rgba(0, 0, 0, .42));
	cursor: grabbing
}

[disabled] .slider-connect {
	background: var(--slider-connect-bg-disabled, #9ca3af)
}

[disabled] .slider-handle,
[disabled].slider-handle,
[disabled].slider-target {
	cursor: not-allowed
}

[disabled] .slider-tooltip {
	background: var(--slider-tooltip-bg-disabled, #9ca3af);
	border-color: var(--slider-tooltip-bg-disabled, #9ca3af)
}

.slider-tooltip {
	background: var(--slider-tooltip-bg, #10b981);
	border: 1px solid var(--slider-tooltip-bg, #10b981);
	border-radius: var(--slider-tooltip-radius, 5px);
	color: var(--slider-tooltip-color, #fff);
	display: block;
	font-size: var(--slider-tooltip-font-size, .875rem);
	font-weight: var(--slider-tooltip-font-weight, 600);
	line-height: var(--slider-tooltip-line-height, 1.25rem);
	min-width: var(--slider-tooltip-min-width, 20px);
	padding: var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);
	position: absolute;
	text-align: center;
	white-space: nowrap
}

.slider-horizontal .slider-tooltip-top {
	bottom: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
	left: 50%;
	transform: translate(-50%)
}

.slider-horizontal .slider-tooltip-top:before {
	border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
	border-top-color: inherit;
	bottom: calc(var(--slider-tooltip-arrow-size, 5px)*-2);
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	width: 0
}

.slider-horizontal .slider-tooltip-bottom {
	left: 50%;
	top: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
	transform: translate(-50%)
}

.slider-horizontal .slider-tooltip-bottom:before {
	border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
	border-bottom-color: inherit;
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	top: calc(var(--slider-tooltip-arrow-size, 5px)*-2);
	transform: translate(-50%);
	width: 0
}

.slider-vertical .slider-tooltip-left {
	right: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
	top: 50%;
	transform: translateY(-50%)
}

.slider-vertical .slider-tooltip-left:before {
	border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
	border-left-color: inherit;
	content: "";
	height: 0;
	position: absolute;
	right: calc(var(--slider-tooltip-arrow-size, 5px)*-2);
	top: 50%;
	transform: translateY(-50%);
	width: 0
}

.slider-vertical .slider-tooltip-right {
	left: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
	top: 50%;
	transform: translateY(-50%)
}

.slider-vertical .slider-tooltip-right:before {
	border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
	border-right-color: inherit;
	content: "";
	height: 0;
	left: calc(var(--slider-tooltip-arrow-size, 5px)*-2);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0
}

.slider-horizontal .slider-origin>.slider-tooltip {
	left: auto;
	transform: translate(50%)
}

.slider-horizontal .slider-origin>.slider-tooltip-top {
	bottom: calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)
}

.slider-horizontal .slider-origin>.slider-tooltip-bottom {
	top: calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)
}

.slider-vertical .slider-origin>.slider-tooltip {
	top: auto;
	transform: translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))
}

.slider-vertical .slider-origin>.slider-tooltip-left {
	right: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)
}

.slider-vertical .slider-origin>.slider-tooltip-right {
	left: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)
}

@media(max-width:1200px) {
	.g-desktop {
		display: none !important
	}

	.logo__name {
		font-size: 16px
	}

	.footer {
		padding: 40px 0
	}

	.footer__wrapper {
		flex-direction: column;
		gap: 40px
	}

	.footer__left {
		align-items: center;
		flex-direction: row;
		gap: 10px
	}

	.footer__right {
		align-items: center;
		gap: 40px
	}

	.footer-section {
		flex-wrap: wrap;
		justify-content: flex-start;
		row-gap: 40px
	}

	.footer-section__col {
		width: 42%
	}

	.header__center {
		align-items: stretch;
		background: var(--c-bg);
		display: flex;
		flex-direction: column;
		height: calc(100vh - var(--h-header));
		justify-content: space-between;
		left: 0;
		opacity: 0;
		padding: 20px;
		pointer-events: none;
		position: fixed;
		top: var(--h-header);
		transition: all .25s;
		width: 100%
	}

	.header__center * {
		pointer-events: none !important
	}

	.header--m-opened .header__center {
		opacity: 1;
		pointer-events: auto
	}

	.header--m-opened .header__center * {
		pointer-events: auto !important
	}

	.h-menu--mobile1 {
		display: flex;
		flex-direction: column;
		gap: 24px;
		max-height: calc(100vh - var(--h-header) - 70px);
		overflow: auto
	}

	.h-menu--mobile1,
	.h-menu--mobile1 .h-menu__item {
		align-items: flex-start;
		justify-content: flex-start
	}

	.h-menu--mobile1 .h-menu__item {
		display: block;
		height: auto
	}

	.h-menu--mobile1 .h-menu__item--opened .h-menu__child {
		display: initial;
		max-height: 300px;
		opacity: 1;
		pointer-events: auto;
		transition: all .1s
	}

	.h-menu--mobile1 .h-menu__item--opened .h-menu__link:before,
	.h-menu--mobile1 .h-menu__item--opened .h-menu__name:before {
		transform: rotate(180deg)
	}

	.h-menu--mobile1 .h-menu__child {
		box-shadow: none;
		display: none;
		max-height: 0;
		opacity: 0;
		pointer-events: none;
		position: static;
		top: 100%;
		transition: all .1s
	}

	.h-menu--mobile1 .h-menu__item:not(.h-menu__item--arrow) {
		padding-left: 20px
	}

	.h-menu--mobile1 .h-menu__link,
	.h-menu--mobile1 .h-menu__name {
		align-items: center;
		display: flex;
		font-size: 24px;
		gap: 8px;
		height: auto;
		justify-content: flex-start
	}

	.h-menu--mobile1 .h-menu__item--arrow:after {
		display: none
	}

	.h-menu--mobile1 .h-menu__item--arrow .h-menu__link:before,
	.h-menu--mobile1 .h-menu__item--arrow .h-menu__name:before {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2713%27 fill=%27none%27%3E%3Cpath stroke=%27%23292D32%27 stroke-miterlimit=%2710%27 d=%27m2.5 8.5 2.881-3H6.62l2.881 3%27 opacity=%27.5%27/%3E%3C/svg%3E");
		background-size: cover;
		content: "";
		height: 12px;
		transition: all .1s;
		width: 12px
	}

	.h-menu--mobile1 .c-menu {
		background: initial;
		border: initial;
		border-radius: initial;
		box-shadow: none;
		margin-top: 24px;
		max-width: none;
		min-width: auto;
		padding: initial;
		padding-left: 28px
	}

	.h-menu--mobile1 .c-menu__item {
		margin-bottom: 20px
	}

	.h-menu--mobile1 .c-menu__item:last-child {
		margin-bottom: 0
	}

	.h-menu--mobile1 .c-menu__desc,
	.h-menu--mobile1 .c-menu__icon {
		display: none
	}

	.h-menu--mobile2 {
		height: auto;
		justify-content: space-between;
		margin-top: 20px
	}

	[data-dark] .h-menu__item--arrow .h-menu__link:before,
	[data-dark] .h-menu__item--arrow .h-menu__name:before {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2713%27 fill=%27none%27%3E%3Cpath stroke=%27%23fff%27 stroke-miterlimit=%2710%27 d=%27m2.5 8.5 2.881-3H6.62l2.881 3%27 opacity=%27.5%27/%3E%3C/svg%3E");
		background-size: cover
	}

	.h-user-panel__bottom {
		padding-bottom: 120px
	}

	.text-starts--large {
		font-size: 22px;
		height: 20px;
		line-height: 1;
		transform: translateY(1px)
	}

	.app__toasts {
		bottom: auto;
		top: 70px
	}

	.btn-row--wrap {
		flex-wrap: wrap
	}

	.btn--td-black {
		color: var(--c-text0)
	}

	.btn--td-black:not(.btn--transparent) svg path[stroke] {
		stroke: var(--c-text0)
	}

	.btn--td-black:not(.btn--transparent) svg path[fill] {
		fill: var(--c-text0)
	}

	.btn--td-black:not(.btn--outline) {
		background-color: var(--c-main3)
	}

	.btn--td-black:hover:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
		opacity: .8
	}

	.btn--td-black.btn--outline {
		border: 1px solid var(--c-main3);
		color: var(--c-text0)
	}

	.i-group {
		gap: 12px;
		width: 100%
	}

	.i-group .input {
		min-width: auto;
		position: relative;
		right: 0;
		width: 100%
	}

	.section__row--profile {
		padding-top: 12px
	}

	.t-balance__name {
		font-size: 12px
	}

	.t-balance__value {
		font-size: 14px
	}

	.currency-asset {
		gap: 10px
	}

	.currency-asset__image {
		height: 40px;
		width: 40px
	}

	.currency-asset__name {
		font-size: 14px
	}

	.currency-asset__name span {
		font-size: 12px
	}

	.tabs {
		flex-wrap: wrap;
		justify-content: space-around
	}

	.tabs--style-5 {
		flex-wrap: nowrap;
		gap: 15px
	}

	.tabs--style-5 .tabs__item {
		height: 108px;
		width: 108px
	}

	.tabs--style-5 .tabs__item img {
		height: auto;
		max-width: 80%
	}

	.chart--small {
		height: 26.947px;
		width: 80px
	}

	.m-markets__col {
		font-size: 12px
	}

	.m-markets__col .c-change {
		font-size: 10px
	}

	:root {
		--h-header: 80px
	}

	.buy-crypto {
		gap: 25px;
		justify-content: flex-start
	}

	.bc-card {
		margin-bottom: 12px;
		padding: 16px 12px
	}

	.bc-card__body,
	.bc-card__header {
		margin-bottom: 24px
	}

	.bc-card__title {
		font-size: 16px
	}

	.bc-card__desc {
		font-size: 12px
	}

	.m-app-cards__wrapper {
		animation: Home_marquee__Ap_wT3 40s linear infinite;
		justify-content: flex-start
	}

	.m-app-cards__row {
		padding: 18px 18px 0
	}

	.m-app-cards__row--c2 {
		padding: 0 18px 18px
	}

	.m-app-cards__title {
		font-size: 18px
	}

	.m-app-cards__desc {
		font-size: 14px
	}

	.m-app-cards__img img {
		max-width: 206px
	}

	.b-steps {
		margin-bottom: 123px;
		padding: 24px 12px 123px
	}

	.b-steps__slug {
		font-size: 12px
	}

	.b-steps__title {
		font-size: 36px;
		margin-bottom: 30px;
		margin-top: 8px
	}

	.b-steps:before {
		transform: translateX(-50%) translateY(-42%) scale(.26)
	}

	.steps {
		flex-direction: column;
		gap: 30px;
		justify-content: center;
		text-align: center
	}

	.steps__num {
		font-size: 32px;
		margin-bottom: 12px
	}

	.steps__title {
		font-size: 18px;
		margin-bottom: 12px
	}

	.steps__desc {
		font-size: 14px
	}

	.b-partners {
		align-items: center;
		flex-direction: column;
		gap: 18px;
		justify-content: center
	}

	.b-partners__item {
		padding: 71px 52px
	}

	.b-partners__icon img {
		margin: 0 auto
	}

	.b-partners__name {
		font-size: 36px;
		text-align: center
	}

	.b-partners__desc {
		font-size: 14px;
		text-align: center
	}

	.b-partners__desc img {
		margin: 0 auto;
		max-width: 352px;
		width: 100%
	}

	.b-partners2 {
		gap: 30px
	}

	.b-partners2__item {
		padding: 40px 12px
	}

	.b-partners2__icon img {
		margin: 0 auto
	}

	.b-partners2__name {
		font-size: 36px;
		text-align: center
	}

	.b-partners2__desc {
		font-size: 14px;
		text-align: center
	}

	.b-partners2__desc img {
		margin: 0 auto;
		width: 100%
	}

	.au-header {
		text-align: left
	}

	.au-header__slug {
		font-size: 16px
	}

	.au-header__title {
		font-size: 32px
	}

	.au-header__logo {
		max-width: 350px
	}

	.au-bb {
		margin-top: -89px
	}

	.au-box {
		padding: 32px 20px
	}

	.about-us-stat__wrapper {
		animation: Home_marquee__Ap_wT345 90s linear infinite
	}

	.about-us-stat__wrapper,
	.b-assets__wrapper {
		flex-wrap: nowrap;
		justify-content: flex-start
	}

	.b-assets__wrapper {
		animation: Home_marquee__Ap_wT34 90s linear infinite
	}

	.b-assets__item {
		height: 194px;
		min-width: 150px;
		width: 150px
	}

	.b-stats {
		padding: 32px 12px
	}

	.b-stats__title {
		font-size: 36px;
		margin-bottom: 24px
	}

	.b-stats__buttons {
		margin-top: 24px
	}

	.b-stats__buttons .btn {
		width: 100%
	}

	.m-stats2 {
		flex-direction: column;
		gap: 18px
	}

	.b-networks__title,
	.m-stats2__name {
		font-size: 14px
	}

	.m-networks__wrapper {
		gap: 24px
	}

	.m-networks__row img {
		height: 45px
	}

	.s-header {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 24px;
		padding-bottom: 12px
	}

	.auth {
		align-items: flex-start
	}

	.earn-summary {
		justify-content: center;
		margin: 24px 0
	}

	.earn-summary__col {
		margin-right: 16px;
		padding-right: 16px
	}

	.earn-summary__col:after {
		top: 3px
	}

	.earn-summary__name {
		font-size: 14px
	}

	.earn-summary__value {
		font-size: 20px;
		margin-top: 10px
	}

	.earn-stat {
		max-width: none;
		padding: 16px 12px 12px
	}

	.earn-stat__title {
		font-size: 18px
	}

	.earn-stat__box {
		transform: none;
		width: 100%
	}

	.earn-stat__col {
		text-align: center
	}

	.earn-stat__c-name {
		font-size: 14px
	}

	.earn-stat__c-value {
		font-size: 20px
	}

	.trade__body {
		flex-direction: column
	}

	.trade__left {
		max-width: none;
		min-width: auto;
		order: 3;
		width: 100%
	}

	.trade__center {
		order: 1
	}

	.trade__right {
		gap: 12px;
		max-width: none;
		min-width: auto;
		order: 2;
		width: 100%
	}

	.trade-info {
		flex-direction: column;
		gap: 12px;
		height: auto;
		padding: 12px
	}

	.trade-info .input {
		width: 100%
	}

	.trade-info__left {
		padding: 0;
		width: 100%
	}

	.trade-info__center {
		border: none;
		gap: 12px;
		justify-content: space-between;
		padding: 0
	}

	.trade-info__right {
		padding: 0;
		width: 100%
	}

	.depth-volume__val {
		display: none
	}

	.trade-currencies {
		border: 1px solid rgba(101, 78, 224, .2);
		box-shadow: var(--h-shadow);
		height: calc(77vh - var(--h-header));
		left: 0;
		margin: 0 15px;
		position: fixed;
		top: calc(var(--h-header) + 220px);
		transform: translateY(110%);
		transition: all .25s;
		width: calc(100% - 30px)
	}

	.trade-currencies--active {
		transform: translateY(0)
	}

	.trade-orders {
		border-top-left-radius: 16px;
		border-top-right-radius: 16px
	}

	.trade-chart__legend {
		display: none
	}

	.trade-manager {
		flex-direction: column
	}

	.p-noty {
		align-items: flex-start;
		font-size: 14px;
		padding: 16px
	}

	.p-noty--profile {
		align-items: center !important;
		margin-bottom: 12px
	}

	.p-noty--profile .p-noty__text>span:first-child {
		display: block;
		margin-bottom: 8px
	}

	.p-noty__show {
		align-items: center;
		display: flex;
		justify-content: flex-start;
		margin-top: 6px
	}

	.p-header__left {
		gap: 14px
	}

	.p-header__left img {
		height: 36px;
		width: 36px
	}

	.p-header__email {
		font-size: 16px
	}

	.p-header__right {
		display: none
	}

	.p-header__bottom {
		border-bottom: 1px solid var(--c-border2)
	}

	.p-header--pr {
		background: var(--c-main4);
		border: 1px solid var(--c-border1);
		border-radius: 16px;
		box-shadow: var(--h-shadow);
		margin-bottom: 12px;
		padding: 9px 12px
	}

	.p-header--pr .p-header__bottom {
		border-bottom: 0;
		padding: 12px 0 0
	}

	.p-info {
		-moz-column-gap: 0;
		column-gap: 0;
		flex-wrap: wrap;
		justify-content: flex-start;
		row-gap: 16px
	}

	.p-info__col {
		overflow: hidden;
		width: 50%
	}

	.p-info__name {
		font-size: 12px
	}

	.p-info__value {
		font-size: 14px
	}

	.p-assets-row {
		flex-direction: column
	}

	.p-assets-row__left,
	.p-assets-row__right {
		width: 100%
	}

	.p-assets-row--s2 {
		gap: 12px
	}

	.p-assets-row--s2 .p-assets-row__left {
		order: 3;
		width: 100%
	}

	.p-assets-row--s2 .p-assets-row__left .table tbody tr {
		border-bottom: 1px solid var(--c-border4);
		display: table-row;
		height: 72px
	}

	.p-assets-row--s2 .p-assets-row__left .box .g-f-start {
		justify-content: flex-start
	}

	.p-assets-row--s2 .p-assets-row__left .box .g-f-start .link {
		color: var(--c-text2);
		opacity: .6
	}

	.p-assets-row--s2 .p-assets-row__left .box .g-f-start .link [stroke] {
		stroke: var(--c-text2)
	}

	.p-assets-row--s2 .p-assets-row__right {
		order: 1;
		width: 100%
	}

	.p-assets-row--s2 .p-assets-row__right>.box {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		box-shadow: none;
		padding: 10px
	}

	.p-assets-row--s2 .p-assets-row__right>.btn-row {
		background: var(--c-main4);
		border: 1px solid var(--c-border1);
		border-radius: 16px;
		border-top: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		box-shadow: var(--h-shadow);
		padding: 12px 10px
	}

	.p-assets-row--s2 .p-assets-row__right>.btn-row .btn {
		font-weight: 500
	}

	.p-assets-row--s2 .p-assets-row__promo {
		order: 2;
		width: 100%
	}

	.box {
		padding: 16px 12px
	}

	.box--s2 {
		background: none;
		border: none;
		border-radius: 0;
		border-top: 2px solid var(--c-border5);
		box-shadow: none;
		max-width: none;
		padding: 24px 0 0
	}

	.box__title {
		font-size: 18px;
		margin-bottom: 12px
	}

	.box__s-title {
		font-size: 14px;
		margin-bottom: 12px
	}

	.box--sumstat {
		align-items: center;
		display: flex;
		gap: 24px;
		justify-content: space-between
	}

	.box--sumstat .b-summary {
		min-width: 112px
	}

	.box--sumstat .b-top {
		width: 100%
	}

	.b-total__value {
		font-size: 28px;
		margin-bottom: 12px
	}

	.b-total__change {
		font-size: 12px
	}

	.m-chart__bottom {
		flex-direction: column;
		gap: 16px
	}

	.m-chart__interval {
		font-size: 12px;
		padding: 2px 8px
	}

	.p-title {
		font-size: 18px
	}

	.box-filters {
		flex-direction: column
	}

	.box-filters__left,
	.box-filters__right {
		width: 100%
	}

	.t-view-more {
		font-size: 14px;
		text-align: left
	}

	.b-summary__point {
		margin-bottom: 0
	}

	.b-summary__point,
	.b-summary__point:before {
		height: 112px;
		width: 112px
	}

	.b-summary__point:after {
		height: 100px;
		left: 6px;
		top: 6px;
		width: 100px
	}

	.b-summary__name {
		font-size: 12px
	}

	.b-summary__value {
		font-size: 14px
	}

	.b-top {
		background: var(--c-main13);
		border-radius: 5px;
		padding: 4px
	}

	.b-top__row {
		border-bottom: none;
		margin-bottom: 8px;
		padding-bottom: 0
	}

	.b-top__left {
		gap: 6px
	}

	.b-top__point {
		height: 9px;
		min-width: 9px;
		width: 9px
	}

	.b-top__point:before {
		height: 5px;
		left: 2px;
		top: 2px;
		width: 5px
	}

	.b-top__info {
		align-items: center;
		display: flex;
		gap: 3px;
		justify-content: flex-start
	}

	.b-top__info .b-top__desc,
	.b-top__info .b-top__name {
		font-size: 12px
	}

	.b-top__name {
		font-size: 14px
	}

	.b-top__desc,
	.b-top__right .b-top__name {
		font-size: 12px
	}

	.b-top__right .b-top__desc {
		display: none;
		font-size: 12px
	}

	.s-panel__item {
		background: initial;
		border: transparent;
		box-shadow: none;
		height: auto;
		justify-content: flex-start;
		padding: 0;
		text-align: center
	}

	.s-panel__info {
		width: 100%
	}

	.s-panel__icon {
		margin: 0 auto;
		position: relative;
		right: auto;
		text-align: center;
		top: auto
	}

	.s-panel__icon img {
		height: 48px;
		width: 48px
	}

	.s-panel__title {
		font-size: 14px
	}

	.s-panel__desc {
		font-size: 12px;
		margin-top: 4px
	}

	.s-panel__buttons {
		display: none
	}

	.s-row {
		margin-bottom: 12px;
		padding-bottom: 12px
	}

	.s-row__icon {
		height: 30px;
		width: 30px
	}

	.s-row__name {
		font-size: 16px
	}

	.s-row__desc {
		font-size: 12px
	}

	.p-header-row {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
		justify-content: flex-start
	}

	.p-header-row .p-title {
		margin-bottom: 12px
	}

	.p-header-row__left {
		width: 100%
	}

	.p-header-row__desc {
		font-size: 12px
	}

	.p-header-row__right,
	.p-header-row__right .btn {
		width: 100%
	}

	.a-header {
		flex-direction: column;
		gap: 60px;
		justify-content: flex-start;
		margin-bottom: 24px
	}

	.a-header__left {
		max-width: 580px;
		width: 100%
	}

	.a-header__title {
		font-size: 42px;
		max-width: none !important
	}

	.a-header__title--gd {
		font-size: 32px
	}

	.a-header__desc {
		font-size: 16px;
		margin-top: 16px;
		max-width: none !important
	}

	.a-header__desc--gd {
		font-size: 18px;
		font-weight: 400;
		margin-top: 24px
	}

	.a-header__desc--gd b {
		font-size: 22px
	}

	.a-header__buttons,
	.a-header__buttons .btn {
		width: 100%
	}

	.a-header__buttons--gd {
		margin-top: 36px
	}

	.a-header__right {
		max-width: 580px;
		width: 100%
	}

	.mhd__text {
		font-size: 16px
	}

	.mhd__word {
		font-size: 20px;
		margin-top: 24px
	}

	.mhd__word:before {
		margin-top: 4px
	}

	.support-header {
		padding: 16px
	}

	.support-header__name {
		font-size: 16px
	}

	.support-header__desc,
	.support-header__online {
		font-size: 12px;
		line-height: 1
	}

	.support-header__image {
		height: 48px;
		width: 48px
	}

	.support {
		padding: 16px
	}

	.message {
		margin-bottom: 18px
	}

	.message__icon {
		display: none
	}

	.spp-modal__window {
		border-radius: 0;
		bottom: 0;
		max-height: calc(100vh - var(--h-header));
		right: 0
	}

	.spp-modal__body .support__messages {
		max-height: calc(100vh - var(--h-header) - 216px);
		min-height: auto
	}

	.spp-modal__body .support-auto-answers {
		display: none
	}

	.verification-doc {
		height: 157px;
		padding: 16px
	}

	.verification-doc .btn {
		height: 40px
	}

	.verification-doc__name {
		font-size: 14px
	}

	.verification-doc__desc {
		font-size: 12px
	}

	.verification-doc__icon {
		bottom: 16px;
		right: 16px;
		top: auto
	}

	.verification-doc__icon img {
		height: 50px;
		width: 50px
	}

	.kyc-status__icon {
		height: 120px;
		width: 120px
	}

	.faq-group-name {
		font-size: 16px;
		margin-bottom: 12px
	}

	.faq__header {
		padding: 16px 12px
	}

	.faq__header:before {
		right: 12px;
		top: 14px
	}

	.faq__name {
		font-size: 14px
	}

	.faq__body {
		font-size: 12px
	}

	.about-us-header__bottom:after {
		opacity: .7
	}

	.about-us-miss__title {
		font-size: 32px
	}

	.about-us-miss__desc {
		font-size: 14px
	}

	.about-us-roadmap {
		gap: 32px
	}

	.about-us-roadmap__item {
		gap: 16px;
		width: 100%
	}

	.about-us-roadmap__icon img {
		height: 29px
	}

	.about-us-roadmap__name {
		font-size: 18px
	}

	.about-us-roadmap__date,
	.about-us-roadmap__desc {
		font-size: 14px
	}
}

@media(min-width:1200px) {
	.g-mobile {
		display: none !important
	}

	.g-f-space-between--m1200 {
		flex-wrap: nowrap;
		justify-content: flex-end
	}

	.t-box {
		background: hsla(0, 0%, 100%, .02);
		border: 1px solid hsla(0, 0%, 100%, .05);
		border-radius: 12px;
		padding: 24px
	}
}

@media(min-width:500px) {
	.g-f-end {
		flex-wrap: nowrap;
		justify-content: flex-end
	}

	.g-f-start {
		flex-wrap: nowrap;
		justify-content: flex-start
	}
}

@media(max-width:900px) {
	.h-menu--right {
		gap: 14px
	}

	.about-us-header__desc {
		font-size: 14px
	}

	.about-us-header__bottom:after {
		height: 196px;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		width: 222.154px
	}
}

@media(max-width:600px) {
	.h-user-panel__wrapper {
		max-width: none
	}

	.h-user-panel__wrapper:before {
		background: var(--c-border3);
		content: "";
		left: 5%;
		min-height: 1px;
		position: absolute;
		top: 0;
		width: 90%
	}
}

@media(max-width:700px) {
	.promo-box__field .btn {
		max-width: 80px
	}

	.m-field-row {
		flex-direction: column;
		gap: 0
	}

	.m-field-row>div:first-child {
		max-width: 100%;
		min-width: 100%
	}

	.support-auto-answer {
		font-size: 12px;
		font-weight: 400;
		padding: 12px 20px
	}

	.dp-box {
		align-items: center;
		flex-direction: column
	}

	.dp-box__image {
		max-height: 150px;
		max-width: 150px
	}

	.dp-box__info {
		gap: 8px
	}

	.dp-box__r-name {
		color: var(--c-text5)
	}
}

@media(min-width:700px) {
	.exchange-stat {
		flex-direction: row
	}
}

@media screen and (max-width:575px) {
	#ZDBl3G4RqL #load {
		background-color: #fff
	}

	.cw-logo__desktop {
		display: none
	}
}

@media screen and (min-width:576px) {
	.cw__wrapper {
		width: 85vw
	}

	.cw-logo__mobile {
		display: none
	}
}

@media screen and (min-width:769px) {
	.cw__wrapper {
		width: 80vw
	}
}

@media screen and (min-width:1281px) {
	.cw__wrapper {
		width: 62vw
	}
}

@media(max-width:767px) {
	.cw-codes {
		grid-template-columns: 1fr
	}
}

@media(max-width:500px) {
	.buy-crypto {
		gap: 11px
	}
}

@media(min-width:768px) {
	.trade-chart__legend {
		background: transparent;
		flex-direction: row;
		gap: .9rem;
		padding: 0
	}
}

@media(max-width:770px) {

	.m-chart__date,
	.m-chart__value {
		font-size: 12px
	}

	.verification-images__selector .tabs .tabs__item {
		padding: 12px 20px
	}

	.verification-images__files {
		flex-wrap: wrap
	}
}


.viewer-close:before,
.viewer-flip-horizontal:before,
.viewer-flip-vertical:before,
.viewer-fullscreen-exit:before,
.viewer-fullscreen:before,
.viewer-next:before,
.viewer-one-to-one:before,
.viewer-play:before,
.viewer-prev:before,
.viewer-reset:before,
.viewer-rotate-left:before,
.viewer-rotate-right:before,
.viewer-zoom-in:before,
.viewer-zoom-out:before {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-size: 280px;
	color: transparent;
	display: block;
	font-size: 0;
	height: 20px;
	line-height: 0;
	width: 20px
}

.viewer-zoom-in:before {
	background-position: 0 0;
	content: "Zoom In"
}

.viewer-zoom-out:before {
	background-position: -20px 0;
	content: "Zoom Out"
}

.viewer-one-to-one:before {
	background-position: -40px 0;
	content: "One to One"
}

.viewer-reset:before {
	background-position: -60px 0;
	content: "Reset"
}

.viewer-prev:before {
	background-position: -80px 0;
	content: "Previous"
}

.viewer-play:before {
	background-position: -100px 0;
	content: "Play"
}

.viewer-next:before {
	background-position: -120px 0;
	content: "Next"
}

.viewer-rotate-left:before {
	background-position: -140px 0;
	content: "Rotate Left"
}

.viewer-rotate-right:before {
	background-position: -160px 0;
	content: "Rotate Right"
}

.viewer-flip-horizontal:before {
	background-position: -180px 0;
	content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
	background-position: -200px 0;
	content: "Flip Vertical"
}

.viewer-fullscreen:before {
	background-position: -220px 0;
	content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
	background-position: -240px 0;
	content: "Exit Full Screen"
}

.viewer-close:before {
	background-position: -260px 0;
	content: "Close"
}

.viewer-container {
	bottom: 0;
	direction: ltr;
	font-size: 0;
	left: 0;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	touch-action: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.viewer-container ::-moz-selection,
.viewer-container::-moz-selection {
	background-color: transparent
}

.viewer-container ::selection,
.viewer-container::selection {
	background-color: transparent
}

.viewer-container:focus {
	outline: 0
}

.viewer-container img {
	display: block;
	height: auto;
	max-height: none !important;
	max-width: none !important;
	min-height: 0 !important;
	min-width: 0 !important;
	width: 100%
}

.viewer-canvas {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0
}

.viewer-canvas>img {
	height: auto;
	margin: 15px auto;
	max-width: 90% !important;
	width: auto
}

.viewer-footer {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center
}

.viewer-navbar {
	background-color: rgba(0, 0, 0, .5);
	overflow: hidden
}

.viewer-list {
	box-sizing: content-box;
	height: 50px;
	margin: 0;
	overflow: hidden;
	padding: 1px 0
}

.viewer-list>li {
	color: transparent;
	cursor: pointer;
	float: left;
	font-size: 0;
	height: 50px;
	line-height: 0;
	opacity: .5;
	overflow: hidden;
	transition: opacity .15s;
	width: 30px
}

.viewer-list>li:focus,
.viewer-list>li:hover {
	opacity: .75
}

.viewer-list>li:focus {
	outline: 0
}

.viewer-list>li+li {
	margin-left: 1px
}

.viewer-list>.viewer-loading {
	position: relative
}

.viewer-list>.viewer-loading:after {
	border-width: 2px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	width: 20px
}

.viewer-list>.viewer-active,
.viewer-list>.viewer-active:focus,
.viewer-list>.viewer-active:hover {
	opacity: 1
}

.viewer-player {
	background-color: #000;
	bottom: 0;
	cursor: none;
	display: none;
	right: 0;
	z-index: 1
}

.viewer-player,
.viewer-player>img {
	left: 0;
	position: absolute;
	top: 0
}

.viewer-toolbar>ul {
	display: inline-block;
	margin: 0 auto 5px;
	overflow: hidden;
	padding: 6px 3px
}

.viewer-toolbar>ul>li {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 50%;
	cursor: pointer;
	float: left;
	height: 24px;
	overflow: hidden;
	transition: background-color .15s;
	width: 24px
}

.viewer-toolbar>ul>li:focus,
.viewer-toolbar>ul>li:hover {
	background-color: rgba(0, 0, 0, .8)
}

.viewer-toolbar>ul>li:focus {
	box-shadow: 0 0 3px #fff;
	outline: 0;
	position: relative;
	z-index: 1
}

.viewer-toolbar>ul>li:before {
	margin: 2px
}

.viewer-toolbar>ul>li+li {
	margin-left: 1px
}

.viewer-toolbar>ul>.viewer-small {
	height: 18px;
	margin-bottom: 3px;
	margin-top: 3px;
	width: 18px
}

.viewer-toolbar>ul>.viewer-small:before {
	margin: -1px
}

.viewer-toolbar>ul>.viewer-large {
	height: 30px;
	margin-bottom: -3px;
	margin-top: -3px;
	width: 30px
}

.viewer-toolbar>ul>.viewer-large:before {
	margin: 5px
}

.viewer-tooltip {
	background-color: rgba(0, 0, 0, .8);
	border-radius: 10px;
	color: #fff;
	display: none;
	font-size: 12px;
	height: 20px;
	left: 50%;
	line-height: 20px;
	margin-left: -25px;
	margin-top: -10px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 50px
}

.viewer-title {
	color: #ccc;
	display: inline-block;
	font-size: 12px;
	line-height: 1.2;
	margin: 5px 5%;
	max-width: 90%;
	min-height: 14px;
	opacity: .8;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity .15s;
	white-space: nowrap
}

.viewer-title:hover {
	opacity: 1
}

.viewer-button {
	-webkit-app-region: no-drag;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 50%;
	cursor: pointer;
	height: 80px;
	overflow: hidden;
	position: absolute;
	right: -40px;
	top: -40px;
	transition: background-color .15s;
	width: 80px
}

.viewer-button:focus,
.viewer-button:hover {
	background-color: rgba(0, 0, 0, .8)
}

.viewer-button:focus {
	box-shadow: 0 0 3px #fff;
	outline: 0
}

.viewer-button:before {
	bottom: 15px;
	left: 15px;
	position: absolute
}

.viewer-fixed {
	position: fixed
}

.viewer-open {
	overflow: hidden
}

.viewer-show {
	display: block
}

.viewer-hide {
	display: none
}

.viewer-backdrop {
	background-color: rgba(0, 0, 0, .5)
}

.viewer-invisible {
	visibility: hidden
}

.viewer-move {
	cursor: move;
	cursor: grab
}

.viewer-fade {
	opacity: 0
}

.viewer-in {
	opacity: 1
}

.viewer-transition {
	transition: all .3s
}

@keyframes viewer-spinner {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.viewer-loading:after {
	animation: viewer-spinner 1s linear infinite;
	border: 4px solid hsla(0, 0%, 100%, .1);
	border-left-color: hsla(0, 0%, 100%, .5);
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 40px;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 1
}

@media (max-width:767px) {
	.viewer-hide-xs-down {
		display: none
	}
}

@media (max-width:991px) {
	.viewer-hide-sm-down {
		display: none
	}
}

@media (max-width:1199px) {
	.viewer-hide-md-down {
		display: none
	}
}