.pays_tabs {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}

.pays_tabs_item {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
border: 1px solid rgba(172, 172, 172, 1);
padding: 10px;
}

.pays_tabs_item.active {
background: rgba(1, 29, 53, 1);
color: white;
}

.pays_tabs_flag, .pay_item_img  {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.pay_item_kass {
position: absolute;
top: 0;
right: 0;
font-size: 14px;
color: white;
background: black;
padding: 3px;
}

.pay_info {
margin-top: 15px;
}

.pay_list{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}

.pay_item {
position: relative;
padding: 15px;
border: 1px solid rgba(172, 172, 172, 1);
cursor: pointer;
}

.pay_item_min {
color: black;
font-size: 14px;
}

.pay_item_logo {
position: absolute;
top: 0;
right: 0;
display: flex;
}

.pay_blog:nth-child(1) {
display: block;
}

.pay_blog {
display: none;
}

.payin_full_content {
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;
}

.payin_full_img {
width: 100px;
}

.payin_range {
display: flex;
align-items: center;
gap: 20px;
}

.payin_fastval {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.payin_full_item {
position: relative;
}

.payin_fastval_item {
padding: 10px;
border: 1px solid #4089aa;
border-radius: 12px;
cursor: pointer;
}

.payin_fastval_item:hover, .payin_fastval_item.active{
background: #4089aa;
color: white;
}

.payin_full_input {
max-width: 355px;
width: 100%;
display: flex;
align-items: center;
min-height: 45px;
background-color: rgba(249, 249, 249, 1);
box-shadow: 0px 0px 3.65px 0px rgba(0, 0, 0, 0.1) inset;
border-radius: 10px;
overflow: hidden;
padding: 0 15px;
}

.payin_full_input input{
width: 100%;
padding: 0 15px 0 10px;
background: transparent;
min-height: 45px;
color: rgba(65, 66, 69, 0.8);
border: none;
outline: none;
}


.commission_display {
margin-top: 20px;
max-width: 400px;
width: 100%;
}

.commission_text {
font-size: 18px;
margin-bottom: 10px;
color: #333;
font-weight: bold;
}

.commission_bar {
position: relative;
width: 100%;
max-width: 400px;
height: 20px;
border-radius: 10px;
overflow: hidden;
background: linear-gradient(
to right,
rgba(255, 0, 0, 1) 0%,
rgba(255, 128, 128, 1) 25%,
rgba(239, 236, 33, 1) 45%,
rgba(255, 255, 255, 1) 50%, 
rgba(181, 255, 201, 1) 55%,
rgba(79, 255, 85, 1) 75%,
rgba(0, 255, 9, 1) 100%
);
border: 1px solid #4089aa;
}

.range_background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

z-index: 1;
}


.range_fill_circle {
left: 0%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
z-index: 2;
pointer-events: none;
transition: left 0.3s ease;
border: 1px solid #4089aa;
}

.payin_list_active {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}

.payin_active_item {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
border: 1px solid rgba(172, 172, 172, 1);
padding: 10px;
}

.error_text {
color: red;
font-size: 16px;
}

.pay_bottom_blog, .pay_button {
max-width: 400px;
width: 100%;
margin-top: 20px;
}

.pay_button {
margin-top: 0;
}

.pay_bottom_blog .wallet__cpu_info_item{
width: 100%;
margin-bottom: 20px;
}

.payin_range, .pay_well {
margin-bottom: 15px;
margin-top: 15px;
}

.pay_well {
    color: #868686;
}

.payin_range_minus, .payin_range_plus {
padding: 10px;
width: 50px;
height: 50px;
background: rgba(64, 137, 170, 1);
color: white;
border-radius: 12px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}