* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

video {
  display: block;
  border: none;
  outline: none;
  background: transparent;
}

h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #000;
  display: block;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  top: 0;
  left: 0;
  padding: 0;
  background: #141414;
  width: 100%;
  color: #fff;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

html,
body {
  width: 100vw;
  overflow-x: hidden;
  position: relative;
  display: flex;
  height: 100%;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

::-webkit-scrollbar {
  width: 5px;
  background-color: #fff;
  height: 5px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #008BFF;
  width: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #1f1f1f;
  border-radius: 10px;
  background-color: #fff;
}

@font-face {
  font-family: "SF Pro";
  src: url("../fonts/SF-Pro-Display-Medium.otf") format("opentype");
  font-weight: 500;
}

@font-face {
  font-family: "SF Pro";
  src: url("../fonts/SF-Pro-Display-Regular.otf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "Aeonik Pro";
  src: url("../fonts/SF-Pro-Display-Medium.otf") format("opentype");
  font-weight: 500;
}


.loading {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: #120127;
    display: flex;
  flex-direction: column;
  position: relative;
  z-index: 50;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
}
.loading_main {
 margin-top: auto;
 margin-bottom: auto;
}





.loading_liner_left {
  position: absolute;
 left: -300px;
    top: -400px;
  z-index: 1;
}
.loading_image_hat {
    position: absolute;
    right: calc(50% - 250px);
    top: 0;
    z-index: 2;

}
.loading_image_skull {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.loading_image_bal {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.loading_liner_right {
      position: absolute;
    right: -270px;
    bottom: -220px;
    z-index: 1;
}
.loading_logo {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}





.loading_logo {
  display: block;
  margin: 0 auto;
}
.loading_rect {
  margin: 0 auto;
  margin-top: 26px;
  width: 100%;
  max-width: 152.04px;
  display: block;
  border-radius: 30.782px;
background: #505462;
height: 6.529px;
}
.loading_rect_load {
  width: 70%;
  height: 100%;
  border-radius: 30.782px;
background: #FFF;
}

.container{
padding-left: 11.17px;
padding-right: 11.17px;
width: 100%;
display: block;
margin: 0 auto;
max-width: 432px;
}

header{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: auto;
  padding-top: 15.68px;
  padding-bottom: 12.39px;
  background: #141414;

}
.header_items {
  display: flex;
  align-items: center;
}
.header_balance {
  border-radius: 17.867px;
border: 0.298px solid rgba(255, 255, 255, 0.15);
background: conic-gradient(from 180deg at 49.02% 50%, rgba(196, 196, 196, 0.05) 155.0852608680725deg, rgba(196, 196, 196, 0.00) 335.92047929763794deg), linear-gradient(0deg, rgba(12, 12, 15, 0.25) 0%, rgba(12, 12, 15, 0.25) 100%), #282727;
box-shadow: 0 0.744px 2.978px 0 rgba(228, 228, 231, 0.06), 0 0 2.978px 0 rgba(228, 228, 231, 0.25) inset;
display: flex;
align-items: center;
gap: 4.47px;
transition: all .5s;
padding: 4.47px 10.42px ;
cursor: pointer;
}
.header_balance:hover{
  opacity: .5;
}
.header_balance svg{
  vertical-align: middle;
}
.header_balance span{
  color:#E4E4E7;
font-family: "Open Sans", sans-serif;
font-size: 11.911px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 17.867px */
letter-spacing: -0.357px;
}
.header_button {
  margin-left: auto;
  border-radius: 24834478px;
background: #282727;
outline: none;
border: none;
display: flex;
align-items: center;
padding: 7.4px 8.88px;
color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 11.842px;
font-style: normal;
font-weight: 500;
line-height: 17.763px; /* 150% */
cursor: pointer;
transition: all .5s;
}

.header_button:hover{
  opacity: .5;
}

.header_button svg{
  vertical-align: middle;
}

.header_button svg:first-child{
  margin-right: 5.92px;
}

.header_button svg:last-child{
  margin-left: 2.95px;
}


.banner {
  margin-top: 55px;
}
.banner_rect {
  width: 100%;
  height: auto;
  border-radius: 11.911px;
border: 1.117px solid rgba(255, 255, 255, 0.05);
background: #191919 url(../img/main/banner_bg.png)center center no-repeat;
background-size: 100% 100%;
position: relative;

}
.banner_rect_content {
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 15px;
  padding-right: 15px;
}
.banner_rect_title {
  color: #FFF;
text-align: center;
font-family: "Aeonik Pro", sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 18.7px */
letter-spacing: -0.34px;
}

.banner_rect_title img{
  vertical-align: middle;
}

.banner_rect_image_left{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 75px;
}

.banner_rect_image_right{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}


.navigations {
  position: fixed;
  left: 0;
  bottom: 25px;
  z-index: 10;
  left: 32px;
  width: calc(100% - 64px);
}

/* Стили из glass проекта */
.nav {
  position: fixed;
  bottom: 25px;
  bottom: max(25px, env(safe-area-inset-bottom, 25px));
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 320px;
  min-height: 63px;
  background: url(../img/main/navigations_bg.png) center center no-repeat;
  background-size: 100% 100%;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  padding-bottom: max(0px, env(safe-area-inset-bottom, 0px));
  overflow: hidden;
  z-index: 10;
  box-sizing: border-box;
}

.tab {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  z-index: 10;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}



.tab-icon-wrapper {
  position: relative;
  display: inline-block;
}

.tab-icon {
  width: 26px;
  height: 26px;
}

.tab-icon path {
  transition: fill 0.35s ease;
}

.tab-notification {
  position: absolute;
  top: -5px;
  right: -13px;
  min-width: 16px;
  height: 16px;
  border: 2px solid rgba(0, 0, 0, 0.00);
background: #FFF;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-align: center;
  font-family: "SF Pro", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 590;
  line-height: 10px; /* 100% */
  padding: 0 4px;
  box-sizing: border-box;
  z-index: 15;
  pointer-events: none;
}

.tab-text {
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  transition: color 0.35s ease;
}

.slider {
  position: absolute;
  top: 5px;
  left: 0;
  height: calc(100% - 10px);
  background: rgba(237, 237, 237, 0.06);
  mix-blend-mode: plus-lighter;
  border-radius: 100px;
  pointer-events: auto;
  z-index: 0;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  will-change: transform;
  transition: transform 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  touch-action: none;
}

.slider-no-transition {
  transition: none !important;
}
.navigations_main {
  width: 100%;
  max-width: 320px;
  display: block;
  margin: 0 auto;
  height: auto;
  border-radius: 296px;
  background: url(../img/main/navigations_bg.png) center center no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.navigations_main_content {
  padding: 4px;
}
.navigations_main_items {
  display: flex;
  align-items: center;
  position: relative;
  overflow: visible;
}

/* Slider элемент с эффектом стекла */
.navigations_slider {
  position: absolute;
  top: 5px;
  left: 0;
  height: calc(100% - 10px);
  background: rgba(237, 237, 237, 0.06);
  mix-blend-mode: plus-lighter;
  border-radius: 100px;
  pointer-events: none;
  z-index: 0;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  will-change: transform;
  transition: transform 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.navigations_main_items a{
  width: 100%;
}
.navigations_main_item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 8px;
width: 100%;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
z-index: 2;
}

.navigations_main_items > a:nth-child(3) .navigations_main_item::after{
content: '1';
display: inline-block;
position: absolute;
right: 12px;
top: 0;
z-index: 10;
color: #000;
width: fit-content;
text-align: center;
font-family: "SF Pro", sans-serif;
padding: 0px 4px;
border-radius: 12px;
border: 2px solid rgba(0, 0, 0, 0.00);
background: #FFF;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 10px; /* 100% */
}

.navigations_main_item:hover{
  opacity: .5;
}

/* Ripple эффект (круглый блок при нажатии) */
.navigations_main_item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(30px) saturate(180%);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%);
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), 
              height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.25s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.navigations_main_item.pressed::before {
  width: 90px;
  height: 90px;
  opacity: 1;
}

.navigations_main_item.pressed {
  transform: scale(0.96);
}

/* Эффект увеличения навигации при нажатии */
.navigations_main.pressed {
  transform: scale(1.03);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.navigations_main_item > * {
  position: relative;
  z-index: 1;
  transition: transform 0.2s ease;
}

.navigations_main_item.pressed > * {
  transform: scale(0.98);
}

.navigations_main_item_icon {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
}
.navigations_main_item_title {
  color: #6D6D71;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 12px; /* 120% */
}

.navigations_main_item_active:hover{
  opacity: 1;
}

.navigations_main_item_active .navigations_main_item_title{
  color: #008BFF;
}

.navigations_main_item_active .navigations_main_item_icon path{
  fill: #008BFF;
}
.navigations_main_item_active{
  border-radius: 100px;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  mix-blend-mode: normal;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.filters {
  width: 100%;
  height: auto;
  margin-top: 10.53px;
}
.filters_sections {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  gap: 8.93px;
}
.filters_section {
  color: rgba(255, 255, 255, 0.30);
font-family: "SF Pro", sans-serif;
font-size: 20.844px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 31.267px */
letter-spacing: -0.625px;
cursor: pointer;
transition: all .5s;
}
.filters_section:hover{
  opacity: .5;
}
.filters_section_active {
  color: #fff;
}

.filters_section_active:hover{
  opacity: 1;
}

.filters_filter {
  margin-top: 11.43px;
}
.filters_filter_items {
   width: 100%;
  display: flex;
  align-items: center;
  gap: 3.83px;
}
.filters_filter_item {
  width: 100%;
  height: auto;
  border-radius: 11.911px;
background: #282727;
cursor: pointer;
transition: all .5s;
}
.filters_filter_item:hover{
  opacity: .5;
}
.filters_filter_item_content {
  padding: 7.44px 11.17px;
  display: flex;
  align-items: center;
}
.filters_filter_item_texts {
  display: flex;
  flex-direction: column;
}
.filters_filter_item_title {
  color: rgba(255, 255, 255, 0.30);
font-family: "Open Sans", sans-serif;
font-size: 10.422px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 15.633px */
letter-spacing: -0.313px;
}
.filters_filter_item_text {
  color: #FFF;
font-family: "Open Sans", sans-serif;
font-size: 10.422px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 15.633px */
letter-spacing: -0.313px;
}
.filters_filter_item_arrows {
  vertical-align: middle;
  margin-left: auto;
}
.filters_search {
  width: 100%;
  outline: none;
  margin-top: 5.58px;
  padding: 13.52px 8.45px;
  border-radius: 10.14px;
border: 0.845px solid #282727;
background: transparent url(../img/main/search_icon.svg)left center no-repeat;
color: #fff;
background-position-x: 8.45px;
font-family: "SF Pro", sans-serif;
padding: 13.52px 8.45px;
font-size: 11.83px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-left: 29.58px;
}

.filters_search::placeholder{
  color: #6D6D71;
}




.gifts {
  width: 100%;
  height: auto;
  margin-top: 9.7px;
  padding-bottom: 100px;
}
.gifts_blocks {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.7px;
}
.gifts_block {
  width: 100%;
  height: auto;
  border-radius: 16.832px;
background: #282727;
height: 276.126px;
}
.gifts_block_content {
  padding: 6.73px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.gifts_block_image {
width: 100%;
height: 173px;
border-radius: 13.47px;
}
.gifts_block_texts {
  display: flex;
  flex-direction: column;
  margin-top: 6.73px;
}
.gifts_block_title {
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 14.307px;
font-style: normal;
font-weight: 500;
line-height: 18.515px; /* 129.412% */
}
.gifts_block_id {
  color: #6D6D71;
font-family: "SF Pro", sans-serif;
font-size: 10.941px;
font-style: normal;
font-weight: 400;
line-height: 15.149px; /* 138.462% */
}
.gifts_block_button {
margin-top: auto;
border-radius: 13.465px;
background: #1689FF;
outline: none;
border: none;
cursor: pointer;
transition: all .5s;
display: flex;
align-items: center;
justify-content: center;
gap: 3.37px;
color: #FFF;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 11.782px;
font-style: normal;
font-weight: 500;
line-height: 15.149px; /* 128.571% */
padding: 5.89px 6.73px;
}

.gifts_block_button:hover{
  opacity: .5;
}



.main_collections {
  width: 100%;
  height: auto;
  margin-top: 11.65px;
}
.main_collections_filters {
  width: 100%;
  height: 100%;
    display: flex;
  align-items: center;
  gap: 5.67px;
}

.main_collections_favorite {
  width: 43px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #282727;
border-radius: 10.14px;
cursor: pointer;
transition: all .5s;
}

.main_collections_favorite:hover{
  opacity: .5;
}

.main_collections .filters_search{
  margin-top: 0px;
}


table.main_collections_table_main{
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	height: auto;
}
table.main_collections_table_main,table.main_collections_table_main td, table.main_collections_table_main th {
	border: none;
}
table.main_collections_table_main td,table.main_collections_table_main th {
	padding: 3px;
	width: 30px;
	height: 35px;
}
table.main_collections_table_main th {
	    background: #4e6982;
	color: #fff; 
	font-weight: normal;
}


.main_collections_table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 100px;

   overflow: auto;              /* прокрутка работает */
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE / старый Edge */
}


.main_collections_table::-webkit-scrollbar{
    display: none;               /* Chrome, Safari */
}

.main_collections_table_main {
}



.main_collections_table_title {
  text-align: right;
  color: #6D6D71;
font-family: "SF Pro", sans-serif;
font-size: 13.9px;
font-style: normal;
font-weight: 500;
white-space: nowrap;
line-height: 18px; /* 129.496% */
letter-spacing: -0.43px;
}
.main_collections_table thead .main_collections_table_title:first-child{
  text-align: left;
}
.main_collections_table thead .main_collections_table_title:last-child{
  text-align: right;
}

.main_collections_table_title img{
  vertical-align: middle;
  margin-left: 6px;
}
.main_collections_table_line {
}
.main_collections_table_items {
  display: flex;
  align-items: center;
  gap: 18px;
}
.main_collections_table_item_favorite {
  vertical-align: middle;
  cursor: pointer;
  transition: all .5s;
}
.main_collections_table_item_favorite.favorite-active {
  fill: #FFA500;
}
.main_collections_table_item_favorite.favorite-active path {
  stroke: #FFA500;
}
.main_collections_table_item {
display: flex;
align-items: center;
gap: 8px;

}
.main_collections_table_item_rect {
  display: flex;
width: 44px;
height: 44px;
justify-content: center;
align-items: center;
border-radius: 12px;
background: radial-gradient(100% 100% at 50% 100%, #4E4C4C 0%, #333131 100%);
}
.main_collections_table_item_rect_icon {
  vertical-align: middle;
}
.main_collections_table_item_title {
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 16.9px;
text-align: center;
font-style: normal;
white-space: nowrap;
font-weight: 500;
line-height: 22px; /* 130.178% */
letter-spacing: -0.43px;
}
.main_collections_table_texts {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.main_collections_table_parametrs{
  color: #FFF;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
text-align: right;
line-height: 18px; /* 128.571% */
display: flex;
align-items: center;
gap: 4px;
justify-content: flex-end;
}
.main_collections_table_percent {
  color: #fff;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 12.3px;
font-style: normal;
font-weight: 400;
text-align: right;
line-height: 18px; /* 146.341% */
}
.percent_up {
  color: #49DF64;
}
.percent_down {
  color: #DF494D;
}

.main_collections_table_main td:nth-child(2) .main_collections_table_parametrs{
  justify-content: flex-end;
}

.main_collections_table_main td:nth-child(2){
  padding-right: 21px;
}




.authorization_alert_main {
  position: absolute;
  left: 10px;
  top: 24px;
  width: calc(100% - 20px);
  z-index: 10;
  border-radius: 23px;
background: url(../img/authorizaion/alert_bg.png)center center no-repeat;
background-size: 100% 100%;
}
.authorization_alert_main_content {
  padding: 16px;
}
.authorization_alert_main_title {
  color: rgba(255, 255, 255, 0.90);
font-family: "SF Pro", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 19.482px; /* 108.231% */
letter-spacing: -0.54px;
}
.authorization_alert_main_text {
  margin-top: 3px;
  color: rgba(162, 165, 176, 0.80);
font-family: "SF Pro", sans-serif;
font-size: 14.431px;
font-style: normal;
font-weight: 400;
line-height: 19.482px; /* 135% */
letter-spacing: -0.433px;
}
.authorization_alert_code,
.authorization_alert_phone {
  display: none;
}


.authorization {
      width: 100%;
    height: 100%;
    background: #0F0F17;
    min-height: 100vh;
    overflow: hidden;
}
.authorization_main {
  width: 100%;
  height: 100%;
}
.authorization_steps {
}
.authorization_preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
}
.authorization_preloader_spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-top-color: #2564EF;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.authorization_step_share {

}
.authorization_step_image_liner{
  position: relative;
}
.authorization_step_image_liner_img{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -50px;
  z-index: 0;
}

.authorization_step_image {
  display: block;
  margin: 0 auto;
  margin-top: 115px;
}
.authorization_step_title {
  color: #FFF;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 20.844px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 31.267px */
letter-spacing: -0.625px;
margin-top: 35.05px;
}
.authorization_step_text {
  margin-top: 4.28px;
  color: #A2A5B0;
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 14.431px;
font-style: normal;
font-weight: 400;
line-height: 19.482px; /* 135% */
}
.authorization_step_share_button {
  margin: 0 auto;
  margin-top: 33.37px;
  display: flex;
  align-items: center;
  gap: 8.89px;
  outline: none;
  border: none;
  padding: 11.26px 20.74px;
  padding-right: 13.83px;
  border-radius: 12.68px;
background: #2B2B33 url(../img/authorizaion/authorization_share_button_bg.png)center center no-repeat;
background-size: 100% 100%;
color: #FFF;
text-align: center;
box-shadow: 0 2.305px 56.599px 0 rgba(104, 97, 119, 0.21);
font-family: "SF Pro", sans-serif;
font-size: 17.497px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 26.245px */
letter-spacing: -0.525px;
cursor: pointer;
transition: all .5s;
}
.authorization_step_share_button:hover{
  opacity: .5;
}
.authorization_step_share_button svg{
  vertical-align: middle;
}
.authorization_step_share_help {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  z-index: 1;
  cursor: pointer;
  transition: all .5s;
  color: #B5A9CD;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 21px */
letter-spacing: -0.42px;
}
.authorization_step_share_help:hover{
  opacity: .5;
}

.authorization_step_code .authorization_step_image{
  margin-top: 101px;
}

.authorization .authorization_step_text{
  max-width: 248px;
  display: block;
  margin: 0 auto;
margin-top: 17px;
}

.authorization_step_code {
}

.authorization_step_code_inputs {
  margin: 0 auto;
  margin-top: 22.24px;
  width: 254.8px;
  display: flex;
  align-items: center;
}
.authorization_step_input {
  width: 100%;
  border-radius: 16.9px;
border: 1.499px solid rgb(255, 255, 255, .05);
background: rgba(43, 43, 51, 0.26) url(../img/authorizaion/authorization_input_center_bg.png) center center no-repeat;
background-size: 100% 100%;

outline: none;
color: #FFF;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 39px */
letter-spacing: -0.78px;
  border: 2px solid transparent;
width: 52px;
height: 65px;
/* Убираем стрелки для input type="number" */
-moz-appearance: textfield;
appearance: textfield;
}
.authorization_step_input::-webkit-outer-spin-button,
.authorization_step_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.authorization_step_input:first-child{
  border-radius: 28.6px 16.9px 16.9px 28.6px;
  background: rgba(43, 43, 51, 0.26) url(../img/authorizaion/authorization_input_left_bg.png) center center no-repeat;
}
.authorization_step_input:last-child{
  border-radius: 16.9px 28.6px 28.6px 16.9px;
    background: rgba(43, 43, 51, 0.26) url(../img/authorizaion/authorization_input_right_bg.png) center center no-repeat;
}
.authorization_step_input:focus{
  border: 2px solid #2564EF;
  background: rgba(43, 43, 51, 0.26);
}
.authorization_step_button {
  margin: 0 auto;
  display: block;
  margin-top: 27px;
  cursor: pointer;
  transition: all .5s;
color: #FFF;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 17.497px;
font-style: normal;
outline: none;
border: none;
font-weight: 500;
line-height: 150%; /* 26.245px */
letter-spacing: -0.525px;
padding: 11px 25px;
border-radius: 12.68px;
background: #2564EF url(../img/authorizaion/authorization_button_bg.png)center center no-repeat;
background-size: 100% 100%;
}
.authorization_step_button:hover{
  opacity: .5;
}
.authorization_step_auth {
}

.authorization_step_auth .authorization_step_title{
  margin-top: 19px;
}
.authorization_step_auth .authorization_step_text{
  max-width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 360px;
  margin-top: 12.9px;
}
.authorization_step_auth_rect {
  width: 100%;
  margin-top: 27.24px;
  background: url(../img/authorizaion/authorization_code_bg.png) center center no-repeat;
  background-size: 100% 100%;
  border: 1.031px solid transparent;
}
.authorization_step_auth_rect_content {
  padding: 11.34px;
  padding-bottom: 13.14px;
  padding-left: 21.65px;
  padding-right: 12.34px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1.031px solid transparent;
  transition: border 0.3s ease;
}
.authorization_step_auth_rect_content:has(.authorization_step_auth_rect_input:focus) {
  border: 1.031px solid #2564EF;
  border-radius: 12.369px;
  background: transparent;
}
.authorization_step_auth_rect_input {
  width: 100%;
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .5s;
  color: #fff;
text-align: left;
font-family: "Roboto", sans-serif;
font-size: 16.492px;
font-style: normal;
font-weight: 400;
line-height: 24.738px; /* 150% */
background: transparent;
}

.authorization_step_auth_rect_input::placeholder{
  color: #A2ACB4;
}
.authorization_step_auth .authorization_step_button{
  margin-top: 37.52px;
}
.authorization_step_auth_show {
  vertical-align: middle;
  cursor: pointer;
  transition: all .5s;
}
.authorization_step_auth_show:hover{
  opacity: .5;
}


.processing {
}
.processing_image {
  display: block;
  margin: 0 auto;
  margin-top: 69px;
  width: 100%;
  max-width: 234px;
}
.authorization_step_title {
  margin-top: 52px;
  color: #FFF;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 510;
line-height: 19.482px; /* 69.577% */
letter-spacing: -0.84px;
}
.authorization_step_text {
  display: block;
  margin: 0 auto;
  margin-top: 17px;
  color: #A2A5B0;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 14.431px;
font-style: normal;
font-weight: 400;
line-height: 19.482px; /* 135% */
letter-spacing: -0.433px;
max-width: 286px;
}
.processing_bottom {
  display: block;
  margin: 0 auto;
  margin-top: 94px;
  width: 261px;
  padding-bottom: 50px;
}
.processing_bottom_up {
  display: flex;
  align-items: center;
}
.processing_bottom_up_text {
  color: #A2A5B0;
text-align: right;
font-family: "SF Pro", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 19.482px; /* 162.346% */
letter-spacing: -0.36px;
}
.processing_bottom_up_time {
  margin-left: auto;
  color: #A2A5B0;
text-align: right;
font-family: "SF Pro", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 19.482px; /* 162.346% */
letter-spacing: -0.36px;
}
.processing_bottom_loading {
  margin-top: 5px;
  border-radius: 33px;
background: #1A1D26;
width: 100%;
height: 7px;
}
.processing_bottom_loading_progress {
  width: 4%;
  height: 100%;
  border-radius: 33px;
background: #2564EF;
}
.processing_bottom_loading_percent {
  margin-top: 8px;
  color: #4A81F2;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 14.431px;
font-style: normal;
font-weight: 510;
line-height: 19.482px; /* 135% */
letter-spacing: -0.433px;
}


.profile_alert {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  top: 18px;
  border-radius: 7.444px;
border: 0.744px solid #53191B;
background: #2A1314;
width: 195px;
z-index: 15;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 0;
}
.profile_alert.profile_alert_show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
.profile_alert_content {
  padding: 7.44px 10.42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8.93px;
}
.profile_alert_icon {
vertical-align: middle;
}
.profile_alert_text {
  color: #CE3535;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.36px;
}


.profile_banner {
  width: 100%;
  height: auto;
  margin-top: 30.78px;
  border-radius: 11px;
  background: url(../img/profile/profile_banner_bg.png)center center no-repeat;
  background-size: 100% 100%;
}
.profile_banner_content {
padding: 9.01px 6.7px;
}
.profile_banner_items {
  display: flex;
  align-items: center;
}
.profile_banner_icon {
  vertical-align: middle;
  margin-right: 8.93px;
}
.profile_banner_text {
  max-width: 161px;
  color: rgba(255, 255, 255, 0.60);
font-family: "SF Pro", sans-serif;
font-size: 13.4px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 20.1px */
letter-spacing: -0.402px;
}
.profile_banner_text span{
  color: #FFF;
}
.profile_banner_button {
  margin-left: auto;
  outline: none;
  color: #E4E4E7;
font-family: "Inter", sans-serif;
font-size: 9.678px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.097px;
padding: 4.47px 7.44px;
border-radius: 5.956px;
border: 0.744px solid rgba(250, 250, 250, 0.05);
background: linear-gradient(0deg, rgba(228, 228, 231, 0.10) 0%, rgba(228, 228, 231, 0.10) 100%), rgba(15, 15, 18, 0.30);
backdrop-filter: blur(1.4888888597488403px);
}
.profile_banner_button:hover{
  opacity: .5;
}


.profile_main {
  width: 100%;
  height: auto;
  margin-top: 78px;
}
.profile_avatar {
  display: block;
  margin: 0 auto;
  object-fit: contain;
  width: 70px;
height: 70px;
border-radius: 10px;
}
.profile_title {
  margin-top: 11.17px;
  color: #FFF;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 20.1px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.603px;
}
.profile_main_statistics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 62.54px;
}
.profile_main_statistic {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 22.33px;
}
.profile_main_statistic::after{
  content: ' ';
  position: absolute;
  right: -31.27px;
  top: 7.32px;
  z-index: 1;
  width: 0.744px;
height: 19.356px;
background: rgba(255, 255, 255, 0.15);
}
.profile_main_statistic:last-child::after{
  display: none;
}
.profile_main_statistic_balance {
  display: flex;
  align-items: center;
  gap: 4.47px;
  color: #FFF;
font-family: "Open Sans", sans-serif;
font-size: 11.911px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 17.867px */
letter-spacing: -0.357px;
justify-content: center;
}
.profile_main_statistic_balance svg{
  vertical-align: middle;
}
.profile_main_statistic_text {
  color: rgba(255, 255, 255, 0.30);
font-family: "Open Sans", sans-serif;
font-size: 10.422px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 15.633px */
letter-spacing: -0.313px;
display: flex;
align-items: center;
gap: 4.47px;
justify-content: center;
}

.profile_main_statistic_text svg{
  vertical-align: middle;
}


.profile_wallet {
  width: 100%;
  height: auto;
  margin-top: 12.66px;
  background: url(../img/profile/profile_wallet_bg.png)center center no-repeat;
  background-size: 100% 100%;
}
.profile_wallet_content {
  padding: 8.56px 15px;
  padding-bottom: 12.07px;
}
.profile_wallet_title {
  color: rgba(255, 255, 255, 0.80);
text-align: center;
font-family: "Inter", sans-serif;
font-size: 10.422px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.104px;
}
.profile_wallet_balance {
  margin-top: 9.68px;
  color: #FFF;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 30.522px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.305px;
}
.profile_wallet_buttons {
  display: flex;
  align-items: center;
  gap: 2.98px;
  margin-top: 8.93px;
  justify-content: center;
}
.profile_wallet_button {
  color: #3B3B3B;
font-family: "Inter", sans-serif;
font-size: 9.678px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.097px;
padding: 8.93px 13.4px;
color: #3B3B3B;
font-family: "Inter", sans-serif;
font-size: 9.678px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.097px;
border-radius: 5.956px;
border: 0.744px solid rgba(250, 250, 250, 0.05);
background: linear-gradient(0deg, rgba(228, 228, 231, 0.10) 0%, rgba(228, 228, 231, 0.10) 100%), #FFF;
backdrop-filter: blur(1.4888888597488403px);
}
.profile_wallet_button:last-child{
  color: #E4E4E7;
background: linear-gradient(0deg, rgba(228, 228, 231, 0.10) 0%, rgba(228, 228, 231, 0.10) 100%), rgba(15, 15, 18, 0.30);
}
.profile_wallet_button:hover{
  opacity: .5;
}
.profile_actions {
  margin-top: 16.01px;
  padding-bottom: 100px;
}
.profile_actions_image {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
  margin-top: 39.59px;
}
.profile_actions_title {
  color: #FFF;
font-family: "Open Sans", sans-serif;
font-size: 20.1px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.603px;
}
.profile_actions_subtitle{
  color: #FFF;
font-family: "Open Sans", sans-serif;
font-size: 17.867px;
font-style: normal;
text-align: center;
font-weight: 600;
line-height: normal;
letter-spacing: -0.536px;
}
.profile_actions_text {
 margin-top: 5.21px;
 color: rgba(255, 255, 255, 0.50);
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 13.4px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.402px; 
}


.mygifts{
  margin-top: 70.93px;
}
.mygifts_listed_items {
width: 100%;
height: auto;
display: flex;
align-items: center;
border-radius: 51px;
background: #282727;
margin-top: 9.41px;
}
.mygifts_listed_item {
background: #282727;
width: 100%;
color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 510;
line-height: 17.979px; /* 149.825% */
letter-spacing: -0.351px;
padding-top: 9.98px;
padding-bottom: 6.92px;
text-align: center;
cursor: pointer;
transition: all .5s;
}

.mygifts_listed_item:first-child{
  border-top-left-radius: 51px;
  border-bottom-left-radius: 51px;
}

.mygifts_listed_item:last-child{
  border-top-right-radius: 51px;
  border-bottom-right-radius: 51px;
}

.mygifts_listed_item:hover{
  opacity: .5;
}
.mygifts_listed_item_active{
  background: #3A3A3A;
}

.mygifts_listed_item_active.mygifts_listed_item{
  background: #3A3A3A;
}




.mygifts_listed {
}
.mygifts_blocks {
  display: grid;
  margin-top: 18px;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 100px;
}
.mygifts_block_none {
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 111px;
  padding-bottom: 100px;
  flex-direction: column;
  display: none;
}
.mygifts_block_none_image {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
  width: 128px;
}
.mygifts_block_none_title {
  margin-top: 8px;
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.mygifts_block_none_back {
  margin-top: 19px;
  color: #1573FF;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
cursor: pointer;
transition: all .5s;
}

.mygifts_block_none_back:hover{
  opacity: .5;
}



.history {
  width: 100%;
  margin-top: 63.43px;
}
.history_up {
  display: flex;
  align-items: center;
}
.history_up_title {
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.66px;
}
.history_up_button {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 60px;
background: #282727;
padding: 9px 11px;
outline: none;
border: none;
cursor: pointer;
transition: all .5s;
color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 510;
line-height: normal;
letter-spacing: -0.42px;
}
.history_up_button:hover{
  opacity: .5;
}
.history_blocks {
  margin-top: 24.07px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.history_block {
  width: 100%;
  height: auto;
}
.history_block_date {
  color: rgba(255, 255, 255, 0.35);
font-family: "SF Pro", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.history_block_item {
  margin-top: 32px;
  display: flex;
  align-items: center;
  position: relative;
}
.history_block_item::after{
  content: ' ';
  position: absolute;
  right: 0;
  bottom: -16px;
  z-index: 1;
  width: calc(100% - 56px);
  height: 1px;
  background: rgba(255, 255, 255, 0.05);
}
.history_block_item:last-child::after{
  display: none;
}
.history_block_item_rect {
  width: 44px;
height: 44px;
border-radius: 15px;
background: #0F0F17;
margin-right: 12px;
}
.history_block_item_rect_img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: middle;
}
.history_block_item_texts {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.history_block_item_title {
  color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 129.412% */
letter-spacing: -0.43px;
}
.history_block_item_text {
  color: rgba(255, 255, 255, 0.35);
font-family: "SF Pro", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.history_block_item_button {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .5s;
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 510;
line-height: normal;
letter-spacing: -0.26px;
background:#008BFF;
padding: 8px 12px;
border-radius: 100px;

}

.history_block_item_button svg{
  vertical-align: middle;
}

.history_block_item_button:hover{
  opacity: .5;
}





.modal_profite_auth {
  display: none;
}
.modal_profite_auth.modal_profite_auth_open {
  display: block;
}
.modal_profite_auth .modal_overlay {
  z-index: 24;
}
.modal_overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 16;
  width: 100%;
  height: 100%;
  min-height: 100vh;
    position: fixed;
  left: 0;
  bottom: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.60);
backdrop-filter: blur(5px);
}
.modal_profite_auth_rect {
    position: fixed;
  left: 6px;
  bottom: 12px;
  z-index: 25;
  width: calc(100% - 12px);
  border-radius: 20px;
background: #141414;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.modal_profite_auth_rect.modal_profite_auth_rect_open {
  transform: translateY(0);
}
.modal_profite_auth_rect_content {
  padding: 20px;
  padding-top: 58px;
}
.modal_profite_auth_close {
  vertical-align: middle;
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
  transition: all .5s;
}
.modal_profite_auth_close:hover{
  opacity: .5;
}
.modal_profite_auth_image {
  display: block;
  margin: 0 auto;
}

.modal_profite_auth_title {
  margin-top: 26px;
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 152.381% */
text-align: center;
}
.modal_profite_auth_text {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 8px;
  color: #6D6D71;
font-family: "SF Pro", sans-serif;
max-width: 284px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.modal_profite_auth_text span{
  color: #BDBDDD;
}
.modal_profite_auth_buttons {
  margin: 0 auto;
  max-width: 362px;
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal_profite_auth_button {
  width: 100%;
  height: auto;
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .5s;
  color: #FFF;
text-align: center;
font-family: "SF Pro", sans-serif;
padding: 14px;
width: 100%;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 129.412% */
border-radius: 12px;
background: #1689FF;
}

.modal_profite_auth_button:hover{
  opacity: .5;
}

.modal_profite_auth_button:last-child{
  background: #3A3A3A;

}






.radioItem {
  display: flex;
  align-items: center;
  column-gap: 17.83px;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}

.radioItem:not(:last-of-type) {
  margin-bottom: 29px;
}

.radioButton {
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1.5px solid rgba(255, 255, 255, 0.05);
  border-radius: 9999px;
  cursor: pointer;
}

.radioButton:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  border-radius: 9999px;
  background-color: #008BFF;
}


.modal_history_filters {
  display: none;
}

.modal_history_filters_rect {
      position: fixed;
  left: 6px;
  bottom: 12px;
  z-index: 20;
  width: calc(100% - 12px);
border-radius: 20.431px;
background: #282727;
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.modal_history_filters_rect_open {
  transform: translateY(0);
}
.modal_history_filters_rect_content {
  padding: 16px 12px;
}
.modal_history_filters_up {
  display: flex;
  align-items: center;
}
.modal_history_filters_up_title {
  color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 110% */
letter-spacing: -0.43px;
}
.modal_history_filters_up_close {
  vertical-align: middle;
  cursor: pointer;
  transition: all .5s;
  margin-left: auto;
}
.modal_history_filters_up_close:hover{
  opacity: .5;
}
.modal_history_filters_items {
  display: flex;
  flex-direction: column;
  gap: 29px;
  margin-top: 36.61px;
}
.modal_history_filters_item {
}
.radioItem {
}
.radioButton {
}
.modal_history_filters_buttons {
  display: flex;
  align-items: center;
  gap: 8.17px;
  margin-top: 29.39px;
}
.modal_history_filters_button {
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .5s;
  color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
font-size: 13.893px;
font-style: normal;
font-weight: 510;
line-height: 17.979px; /* 129.412% */
letter-spacing: -0.351px;
padding: 10.61px;
width: 100%;
height: auto;
background: #3A3A3A;
border-radius: 8.172px;
position: relative;
z-index: 1;

}
.modal_history_filters_button:last-child{
background: #008BFF;
}

.modal_history_filters_button:hover{
  opacity: .5;
}







.modal_connect {
  display: none;
}
.modal_connect.modal_connect_open {
  display: block;
}

.modal_connect_rect {
        position: fixed;
  left: 0;
  bottom: 0;
  z-index: 20;
  width: 100%;
border-radius: 24px;
background: #121214;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.modal_connect_rect.modal_connect_rect_open {
  transform: translateY(0);
}
.modal_connect_rect_content {
  padding: 16px 24px;
  padding-bottom: 23.8px;
}
.modal_connect_rect_close {
  position: absolute;
  width: 32px;
height: 32px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all .5s;
right: 16px;
top: 16px;
z-index: 1;
border-radius: 16px;
background: #222224;
}
.modal_connect_rect_close:hover{
  opacity: .5;
}
.modal_connect_rect_close svg{
  vertical-align: middle;
}
.modal_connect_title {
  color: #E5E5EA;
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
}
.modal_connect_subtitle {
  margin-top: 2px;
  color: #7D7D85;
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
}
.modal_connect_qr {
  width: 100%;
  height: auto;
  border-radius: 16px;
background: #FFF;
position: relative;
max-width: 402px;
display: block;
margin: 0 auto;
  margin-top: 20px;

}
.modal_connect_qr_content {
  padding: 24px 49px;
}
.modal_connect_qr_image {
  width: 100%;
  height: 100%;
}
.modal_connect_qr_copy {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 1;
  cursor: pointer;
  transition: all .5s;
}
.modal_connect_qr_copy:hover{
  opacity: .5;
}
.modal_connect_bottom {
  margin-top: 24px;
}
.modal_connect_bottom_title {
  color: #7D7D85;
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
}
.modal_connect_bottom_blocks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 0 auto;
  margin-top: 24px;
  max-width: 402px;
}
.modal_connect_bottom_block {
  width: 100%;
  cursor: pointer;
  transition: all .5s;
}
.modal_connect_bottom_block:hover{
  opacity: .5;
}
.modal_connect_bottom_block:first-child{
  position: relative;
}
.modal_connect_bottom_block:first-child::after{
  content: ' ';
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 1;
  width: 24px;
height: 30px;
background: url(../img/main/modal_connect_wallet_tg.png)center center no-repeat;

}
.modal_connect_bottom_block_img {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
}
.modal_connect_bottom_block_title {
  margin-top: 7px;
  color: #E5E5EA;
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18.2px; /* 130% */
}

.modal_connect_bottom_block_title span{
  color: #7D7D85;
}





.modal_buy{
  display: none;
}
.modal_buy.modal_buy_open {
  display: block;
}
.modal_buy_rect {
         position: fixed;
  left: 0;
  bottom: 0;
  z-index: 20;
  width: 100%;
border-radius: 20px;
background: #141414;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.modal_buy_rect.modal_buy_rect_open {
  transform: translateY(0);
}
.modal_buy_rect_close {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 1;
  cursor: pointer;
  vertical-align: middle;
  transition: all .5s;
}
.modal_buy_rect_close:hover{
  opacity: .5;
}
.modal_buy_rect_content {
  padding: 20px;
}
.modal_buy_title {
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 133.333% */
}
.modal_buy_subtittle {
  color: #6D6D71;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
}
.modal_buy_main {
  width: 100%;
  height: auto;
  margin-top: 20px;
  border-radius: 16px;
background: rgba(40, 39, 39, 0.32);
}
.modal_buy_main_up_content {
  padding: 12px;
  width: 100%;
  border-bottom: 1px solid #282727;
}
.modal_buy_main_up_items {
  display: flex;
  align-items: center;
}
.modal_buy_main_up_image {
  vertical-align: middle;
  border-radius: 16px;
  width: 30.52px;
height: 44px;
}
.modal_buy_main_up_texts {
  display: flex;
  flex-direction: column;
  gap: 3.5px;
  margin-left: 12px;
}
.modal_buy_main_up_title {
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 129.412% */
}
.modal_buy_main_up_id {
  color: #6D6D71;
font-family: "SF Pro", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 138.462% */
}
.modal_buy_main_up_price {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: auto;
}
.modal_buy_main_up_price_text {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  color: #FFF;
text-align: right;
font-family: "SF Pro", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
}
.modal_buy_main_up_price_title {
color: #6D6D71;
text-align: right;
font-family: "SF Pro", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 138.462% */
}
.modal_buy_main_up_price_title svg{
  vertical-align: middle;
}
.modal_buy_main_stats {
  width: 100%;
  height: auto;
}
.modal_buy_main_stats_content {
  padding: 12px;
}
.modal_buy_main_stats_blocks {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal_buy_main_stats_block {
  display: flex;
  align-items: center;
}
.modal_buy_main_stats_block_title {
  color: #1689FF;
font-family: "SF Pro", sans-serif;
gap: 4px;
display: flex;
align-items: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
}
.modal_buy_main_stats_block_title span{
  color: #1689FF;
font-family: "SF Pro", sans-serif;
padding: 0px 6px;
border-radius: 16px;
background: rgba(22, 137, 255, 0.12);
font-size: 12.1px;
font-style: normal;
font-weight: 510;
line-height: 18px; /* 148.76% */
}
.modal_buy_main_stats_block_price {
  margin-left: auto;
  color: #FFF;
font-family: "SF Pro", sans-serif;
display: flex;
align-items: center;
gap: 4px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 128.571% */
}
.modal_buy_main_stats_block_price svg{
  vertical-align: middle;
}
.modal_buy_main_stats_block:first-child .modal_buy_main_stats_block_title{
  color: #6D6D71;
}
.modal_buy_bottom {
  width: 100%;
  margin-top: 44px;
}
.modal_buy_bottom_items {
  display: flex;
  align-items: center;
}
.modal_buy_bottom_title {
  color: #6D6D71;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
}
.modal_buy_bottom_price {
  display: flex;
  align-items: center;
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
gap: 4px;
margin-left: auto;
}
.modal_buy_bottom_price svg{
  vertical-align: middle;
}
.modal_buy_bottom_alert {
  margin-top: 8px;
  color: #DF494D;
text-align: center;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
}
.modal_buy_bottom_buttons {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 auto;
  margin-top: 8px;
}
.modal_buy_bottom_button {
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .5s;
  color: #FFF;
  height: 50px;
  justify-content: center;
text-align: center;
font-family: "SF Pro", sans-serif;
width: 100%;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 129.412% */
border-radius: 12px;
background: #3A3A3A;
}

.modal_buy_bottom_button:last-child span{
line-height: 18px; /* 138.462% */
font-size: 13px;
}

.modal_buy_bottom_button:last-child{
opacity: 0.5;
background: #1689FF;
}

.modal_buy_bottom_button:first-child:hover{
  opacity: .5;
  
}











.modal_filter_rect {
           position: fixed;
  left: 0;
  bottom: 0;
  z-index: 20;
  width: 100%;
border-radius: 20.431px;
background: #282727;
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
  min-height: 570px;
}
.modal_filter_rect.modal_filter_rect_open {
  transform: translateY(0);
}
.modal_filter_content {
  padding: 16px 10px;
  padding-bottom: 12.65px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal_filter_title {
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.66px;
}
.modal_filter_subtitle {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.35);
font-family: "SF Pro", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.modal_filter_search {
  margin-top: 15px;
  width: 100%;
  outline: none;
  padding: 15px 35px;
  border-radius: 12px;
border: 1px solid #6D6D71;
color: #fff;
font-family: "SF Pro", sans-serif;
padding-left: 35px;
background: url(../img/modal_filter/search.png)left center no-repeat;
background-position-x: 10px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.modal_filter_search::placeholder{
  color: #6D6D71;
}
.modal_filter_lists {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 15px;
  height: 356px;
  max-height: 356px;
  overflow-y: auto;
     overflow: auto;              /* прокрутка работает */
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE / старый Edge */
}
.modal_filter_lists::-webkit-scrollbar{
    display: none;               /* Chrome, Safari */
}

.modal_filter_list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal_filter_list_image {
  vertical-align: middle;
  width: 40px;
  height: 40px;
}
.modal_filter_list_title {
  color: #FFF;
font-family: "SF Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 128.571% */
}
.modal_filter_buttons {
  display: flex;
  align-items: center;
  gap: 8.17px;
  margin-top: 24.12px;
}
.modal_filter_button {
  border: none;
  color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border-radius: 8.172px;
background: #3A3A3A;
padding: 10.62px;
font-size: 13.893px;
font-style: normal;
font-weight: 510;
line-height: 17.979px; /* 129.412% */
letter-spacing: -0.351px;
cursor: pointer;
transition: all .5s;
}
.modal_filter_button:hover{
  opacity: .5;
}

.modal_filter_close{
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
  transition: all .5s;
}

.modal_filter_close:hover{
  opacity: .5;
}

.modal_filter_collection{
  display: none;
}
.modal_filter_collection.modal_filter_open {
  display: block;
}

.modal_filter_model{
  display: none;
}
.modal_filter_model.modal_filter_open {
  display: block;
}





.checkboxItem {
  display: flex;
  align-items: center;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}

.checkbox {
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #3a3a3a;
  border-radius: 8px;
  cursor: pointer;
}

.checkbox:checked::after {
 content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 5px;
    border-bottom: 2px solid #008bff;
    border-left: 2px solid #008bff;
    transform: rotate(-45deg);
}

.modal_filter_background{
  display: none;
}
.modal_filter_background.modal_filter_open {
  display: block;
}






.modal_gift_rect {
             position: fixed;
  left: 0;
  bottom: 0;
  z-index: 20;
  width: 100%;
border-radius: 20.431px;
background: #282727;
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.modal_gift_rect.modal_gift_rect_open {
  transform: translateY(0);
}
.modal_gift_close {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
  transition: all .5s;
  z-index: 1;
}
.modal_gift_close:hover{
  opacity: .5;
}
.modal_gift_rect_content {
  padding: 18.8px 9.81px;
  padding-bottom: 11.63px;
}
.modal_gift_image {
  width: 100%;
  max-width: 210px;
  display: block;
  margin: 0 auto;
 position: relative;
}
.modal_gift_image_img {
  width: 100%;
  vertical-align: middle;
   border-radius: 10px;
}
.modal_gift_image_texts {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10.37px;
  display: flex;
  flex-direction: column;
  gap: 3.27px;
}
.modal_gift_image_title {
  color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
font-size: 19.613px;
font-style: normal;
font-weight: 500;
line-height: 17.979px; /* 91.667% */
letter-spacing: -0.351px;
}
.modal_gift_image_id {
  color: rgba(255, 255, 255, 0.60);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
font-size: 12.258px;
font-style: normal;
font-weight: 500;
line-height: 17.979px; /* 146.667% */
letter-spacing: -0.351px;
}
.modal_gift_buttons {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 4.9px;
  width: 100%;
}
.modal_gift_button {
  outline: none;
  padding-top: 8px;
  padding-bottom: 3px;
  border: none;
  cursor: pointer;
  transition: all .5s;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
  border-radius: 13.076px;
background: #3A3A3A;
color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
font-size: 11.441px;
font-style: normal;
font-weight: 590;
line-height: 17.979px; /* 157.143% */
letter-spacing: -0.351px;
}
.modal_gift_button svg{
  vertical-align: middle;
  display: block;
  margin: 0 auto;
}
.modal_gift_button:hover{
  opacity: .5;
}
.modal_gift_stats {
  margin-top: 15px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.modal_gift_stat {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 105px calc(100% - 105px);
}
.modal_gift_stat_title {
  color: rgba(255, 255, 255, 0.25);
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
padding: 8.17px;
padding-right: 0px;
font-size: 11.441px;
font-style: normal;
font-weight: 590;
line-height: 17.979px; /* 157.143% */
letter-spacing: -0.351px;
border: 0.817px solid #454545;
background: #3A3A3A;
border-right: none;
width: 105px;
}
.modal_gift_stat:first-child .modal_gift_stat_title{
border-radius: 8.172px 0 0 0;
border-right: 0.817px solid #454545;
}
.modal_gift_stat:nth-child(2) .modal_gift_stat_title{
border: none;
border-left: 0.817px solid #454545;
border-right: 0.817px solid #454545;
}
.modal_gift_stat:last-child .modal_gift_stat_title{
border-radius: 0 0 0 8.172px;
border-right: 0.817px solid #454545;
}
.modal_gift_stat_text {
  display: flex;
  align-items: center;
  gap: 3.27px;
  color: #1785F5;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
font-size: 11.441px;
font-style: normal;
font-weight: 400;
line-height: 17.979px; /* 157.143% */
letter-spacing: -0.343px;
border: 0.817px solid #454545;
background: #282727;
height: auto;
width: 100%;
border: 0.817px solid #454545;
background: #282727;
padding: 8.17px;
}
.modal_gift_stat_text span{
  color: #1785F5;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
padding: 0px 4.09px;
border-radius: 31.055px;
background: rgba(23, 133, 245, 0.10);
font-size: 8.172px;
font-style: normal;
font-weight: 510;
line-height: 15.979px; /* 220% */
letter-spacing: -0.245px;
}
.modal_gift_stat:first-child .modal_gift_stat_text{
border-radius: 0 8.172px 0 0;
border-top: 0.817px solid #454545;
border-right: 0.817px solid #454545;
border-left: none;
}
.modal_gift_stat:nth-child(2) .modal_gift_stat_text{
  border: none;
  border-right: 0.817px solid #454545;
}
.modal_gift_stat:last-child .modal_gift_stat_text{
border-radius: 0 0 8.172px 0;
border-left: none;
}
.modal_gift_alert {
  width: 100%;
  height: auto;
  margin-top: 15px;
  border-radius: 17.158px;
background: #492223;
}
.modal_gift_alert_content {
  padding: 13.07px 15.93px;
  display: flex;
  align-items: center;
  gap: 14.71px;
}
.modal_gift_alert_icon {
  vertical-align: middle;
}
.modal_gift_alert_text {
  color: #EF3540;
font-family: "Open Sans", sans-serif;
font-size: 13.073px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 19.61px */
letter-spacing: -0.392px;
}
.modal_gift_bottom {
  width: 100%;
  height: auto;
  margin-top: 15px;
}
.modal_gift_bottom_up {
  display: flex;
  align-items: center;
}
.modal_gift_bottom_up_title {
  color: rgba(255, 255, 255, 0.30);
font-family: "Open Sans", sans-serif;
font-size: 10.422px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 15.633px */
letter-spacing: -0.313px;
}
.modal_gift_bottom_up_text {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 3px;
  color: #E4E4E7;
font-family: "Open Sans", sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 15px */
letter-spacing: -0.3px;
}
.modal_gift_bottom_up_text svg{
  vertical-align: middle;
}
.modal_gift_bottom_buttons {
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 8.17px;
}
.modal_gift_bottom_button {
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .5s;
  color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "SF Pro", sans-serif;
padding: 10.61px;
width: 100%;
font-size: 13.893px;
font-style: normal;
font-weight: 510;
line-height: 17.979px; /* 129.412% */
letter-spacing: -0.351px;
border-radius: 8.172px;
background: #3A3A3A;
}
.modal_gift_bottom_button:last-child{
background: #008BFF;
}

.modal_gift_bottom_button:hover{
  opacity: .5;
}

.modal_gift{
  display: none;
}
.modal_gift.modal_gift_open {
  display: block;
}







@media (min-width:320px) and (max-width:399px){
  .banner_rect_image_left{
    left: -30px;
  }
  .banner_rect{
    overflow: hidden;
  }
  .banner_rect_image_right{
        right: -20px;
        height: 100%;
  }
  .banner_rect_title{
    font-size: 14px;
  }
  .banner_rect_title img{
    height: 20px;
  }
  .filters_section{
    font-size: 18px;
  }
  .main_collections_table_item_title{
    font-size: 14px;
  }
  .main_collections_table_title{
    font-size: 11px;
  }
  .main_collections_table_parametrs{
    font-size: 12px;
  }
  .main_collections_table_percent{
    font-size: 10px;
  }
  .main_collections_table_item_rect{
    height: 35px;
    width: 35px;
  }
  .main_collections_table_item_rect_icon{
    width: 20px;
  }
  .main_collections_table_items{
    gap: 9px;
  }
  .main_collections_table_parametrs svg{
    height: 10px;
  }
  .navigations_main_item_title{
    font-size: 8px;
  }
  .navigations_main_item_icon{
    height: 20px;
  }
  .navigations_main_item_notif{
    font-size: 8px;
  }
  .gifts_block{
    height: 240px;
  }
  .gifts_block_image{
    height: 140px;
  }
  .gifts_block_title{
    font-size: 12px;
  }
  .history_up_title{
    font-size: 18px;
  }
  .history_block_date{
    font-size: 11px;
  }
  .history_block_item_title{
    font-size: 15px;
  }
  .history_block_item_button{
    font-size: 11px;
  }


  .modal_connect_title{
    font-size: 18px;
  }
  .modal_connect_subtitle{
    font-size: 14px;
  }

.modal_connect_bottom_block_img{
  width: 40px;
}
.modal_connect_bottom_blocks{
  gap: 8px;
}
.modal_connect_bottom_block:first-child::after{
      right: -5px;
    top: 23px;
        background-size: 100% 100%;
        width: 30px;
    height: 30px;
}
.modal_connect_bottom_block_title{
  font-size: 12px;
}
}


@media (min-width:350px) and (max-width:370px){
  .gifts_block_image{
    height: 160px;
  }
  .gifts_block{
    height: 260px;
  }
}


@media (min-width:371px) and (max-width:399px){
  .gifts_block_image{
    height: 160px;
  }
  .gifts_block{
    height: 260px;
  }
}

@media (min-width:400px) and (max-width:450px){
  .gifts_block_image{
    height: 190px;
  }
  .gifts_block{
    height: 280px;
  }
}