.arrow-link {
    display: flex;
    gap: 12px;
    align-items: center;
    color: var(--secondary-white, #fff);
    text-align: right;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .32px
}

.arrow-link__circle {
    display: flex;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: rgba(138, 155, 168, .2)
}

.arrow-link-cab {
    color: var(--primary-blue, #006cff);
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    transition: all .3s linear;
    display: flex;
    gap: 8px;
    align-items: center
}

.arrow-link-cab:hover {
    color: var(--primary-blue-hover, #0162e5)
}

.arrow-link-cab:hover svg path {
    stroke: var(--primary-blue-hover, #0162e5)
}

.arrow-link-cab:active,
.arrow-link-cab:focus {
    color: var(--primary-blue-click, #378afb)
}

.arrow-link-cab:active svg path,
.arrow-link-cab:focus svg path {
    stroke: var(--primary-blue-click, #378afb)
}

@media(max-width:600px) {

    .auth .arrow-link,
    .modal .arrow-link {
        gap: 4px;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .auth .arrow-link__circle,
    .modal .arrow-link__circle {
        background: transparent;
        width: 16px;
        height: 16px
    }
}

.project-card {
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.project-card>svg {
    margin-left: -1.5px
}

.project-card.active>svg path,
.project-card:hover>svg path {
    stroke: var(--primary-blue-hover)
}

.project-card.active .project-card__info,
.project-card:hover .project-card__info {
    color: var(--primary-blue-hover)
}

.project-card:after {
    content: "";
    width: 100px;
    height: 100px;
    border-top-right-radius: 8px;
    background: #006cff;
    box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .15), inset -2px -8px 4px 0 rgba(0, 0, 0, .25);
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: -2
}

.project-card__logo {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    border: 1px solid hsla(0, 0%, 100%, .08);
    padding: 5px;
    --width-l: -60px;
    margin: -7px auto 8px;
    position: relative
}

.project-card__logo>div {
    border-radius: 20px;
    background: #000;
    width: 60px;
    max-width: 60px;
    height: 60px;
    background: url(/projects-logo.png) no-repeat calc(var(--width-l)*10) 0;
    background-size: auto 60px;
    position: relative;
    z-index: 1;
    flex-shrink: 0
}

.project-card__logo_1>div {
    background-position-x: 0
}

.project-card__logo_2>div {
    background-position-x: var(--width-l)
}

.project-card__logo_3>div {
    background-position-x: calc(var(--width-l)*2)
}

.project-card__logo_4>div {
    background-position-x: calc(var(--width-l)*3)
}

.project-card__logo_5>div {
    background-position-x: calc(var(--width-l)*4)
}

.project-card__logo_6>div {
    background-position-x: calc(var(--width-l)*5)
}

.project-card__logo_7>div {
    background-position-x: calc(var(--width-l)*6)
}

.project-card__logo_8>div {
    background-position-x: calc(var(--width-l)*7)
}

.project-card__logo_9>div {
    background-position-x: calc(var(--width-l)*8)
}

.project-card__logo_10>div {
    background-position-x: calc(var(--width-l)*9)
}

.project-card__logo_11>div {
    background-position-x: calc(var(--width-l)*10)
}

.project-card__logo_12>div {
    background-position-x: calc(var(--width-l)*11)
}

.project-card__logo_13>div {
    background-position-x: calc(var(--width-l)*12)
}

.project-card__logo_14>div {
    background-position-x: calc(var(--width-l)*13)
}

.project-card__logo_15>div {
    background-position-x: calc(var(--width-l)*14)
}

.project-card__logo_16>div {
    background-position-x: calc(var(--width-l)*15)
}

.project-card__logo_17>div {
    background-position-x: calc(var(--width-l)*16)
}

.project-card__logo_18>div {
    background-position-x: calc(var(--width-l)*17)
}

.project-card__logo_19>div {
    background-position-x: calc(var(--width-l)*18)
}

.project-card__logo_20>div {
    background-position-x: calc(var(--width-l)*19)
}

.project-card__logo_21>div {
    background-position-x: calc(var(--width-l)*20)
}

.project-card__logo_22>div {
    background-position-x: calc(var(--width-l)*21)
}

.project-card__logo_23>div {
    background-position-x: calc(var(--width-l)*22)
}

.project-card__logo_24>div {
    background-position-x: calc(var(--width-l)*23)
}

.project-card__logo_25>div {
    background-position-x: calc(var(--width-l)*24)
}

.project-card__logo_26>div {
    background-position-x: calc(var(--width-l)*25)
}

.project-card__t-wrap {
    display: flex;
    padding: 4px 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 8px
}

.project-card__title {
    color: #feffff;
    font-family: Poppins Medium;
    font-size: 16px;
    font-weight: 500
}

.project-card__desc,
.project-card__title {
    text-align: center;
    font-style: normal;
    line-height: 20px
}

.project-card__desc {
    color: var(--secondary-yellow, #ffe600);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.28px
}

.project-card .project-card__offer-pr {
    display: flex;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px
}

.project-card .project-card__offer-pr>div {
    flex: 1 1;
    text-align: center
}

.project-card .project-card__offer-pr-l {
    color: var(--Secondary-White, #fff);
    letter-spacing: .28px
}

.project-card .project-card__offer-pr-l,
.project-card .project-card__offer-pr-v {
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.project-card .project-card__offer-pr-v {
    color: var(--Dashboard-Secondary-Green, #48dd4b);
    letter-spacing: -.28px;
    margin-bottom: 2px
}

.project-card__profit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--secondary-gray, #8a9ba8);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.28px;
    text-align: center
}

.project-card__profit-p {
    color: var(--Green, #48dd4b)
}

.project-card__principal {
    padding: 12px 21.5px;
    color: var(--secondary-gray, #8a9ba8);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .24px;
    border-radius: 12px;
    border: 1.5px dashed var(--neutral-black-700, #31343d);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

.project-card__principal-p {
    color: var(--secondary-white, #fff);
    text-align: right;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .14px
}

.project-card__info {
    padding: 16px 32px;
    color: var(--primary-blue, #006cff);
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .16px;
    width: 100%;
    display: inline-block
}

.project-card__info:hover {
    color: var(--primary-blue-hover)
}

.project-card__info:active,
.project-card__info:focus {
    color: var(--primary-blue-click)
}

.project-card__i-wrap {
    display: flex
}

.project-card__i-wrap>div {
    flex: 1 1;
    text-align: center;
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.project-card__i-label {
    color: var(--secondary-gray, #8a9ba8);
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .24px;
    margin-top: 8px;
    margin-bottom: 6px
}

.project-card__i-val {
    color: #feffff;
    text-align: center;
    font-family: Poppins Bold;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.project-card_cab {
    min-width: 354px
}

.project-card_cab.active .project-card__offer,
.project-card_cab:hover .project-card__offer {
    background: #171717
}

.project-card_cab.active .btn-primary,
.project-card_cab:hover .btn-primary {
    background: var(--primary-blue, #006cff);
    color: #fff
}

.project-card_cab.active .project-card__info,
.project-card_cab:hover .project-card__info {
    color: #fff
}

.project-card_cab.active .project-card__info path,
.project-card_cab:hover .project-card__info path {
    stroke: #fff
}

.project-card_cab.active .project-card__info rect,
.project-card_cab:hover .project-card__info rect {
    fill: #fff
}

.project-card_cab.active .project-card__info .cab-layout__i,
.project-card_cab:hover .project-card__info .cab-layout__i {
    background-position-y: 100%
}

.project-card_cab .project-card__logo {
    width: 76px;
    height: 76px;
    --width-l: -66px
}

.project-card_cab .project-card__logo>div {
    width: 66px;
    max-width: 66px;
    height: 66px;
    background-size: auto 66px
}

.project-card_cab .project-card__title {
    line-height: 24px
}

.project-card_cab .project-card__desc {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .24px
}

.project-card_cab .project-card__t-wrap {
    margin-bottom: 12px;
    gap: 0
}

.project-card_cab .project-card__offer {
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    background: #1f1f1f
}

.project-card_cab .project-card__offer-r {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0
}

.project-card_cab .project-card__offer-l {
    color: #8b8b8b
}

.project-card_cab .project-card__offer-l,
.project-card_cab .project-card__offer-v {
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px
}

.project-card_cab .project-card__offer-v {
    color: var(--secondary-white, #fff);
    text-align: right
}

.project-card_cab .project-card__offer-v.project-card__offer-v_marked {
    color: var(--Dashboard-Secondary-Green, #48dd4b)
}

.project-card_cab .project-card__offer-divider {
    width: 100%;
    height: 1px;
    opacity: .3;
    border-top: 1px dashed #504f4f
}

.project-card_cab .project-card__offer-links {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.project-card_cab .project-card__offer-links-r {
    display: flex;
    gap: 8px
}

.project-card_cab .project-card__info {
    display: flex;
    padding: 12px 5px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: #fff;
    color: #8b8b8b;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .24px;
    background: transparent;
    border: none
}

.project-card_cab .cab-layout__i {
    background-position-y: -16px
}

.project-card_cab .project-card__offer-pr {
    margin-top: -4px;
    margin-bottom: 20px
}

@media(max-width:767px) {
    .project-card {
        position: relative
    }

    .project-card:before {
        content: "";
        display: block;
        width: 70%;
        height: 38px;
        border: 2px solid #272931;
        background: #272931;
        position: relative;
        z-index: 1;
        border-top-left-radius: 16px
    }

    .project-card_cab:before {
        display: none
    }

    .project-card:hover:before {
        border-top-color: var(--primary-blue-hover);
        border-left-color: var(--primary-blue-hover);
        border-right: none
    }

    .project-card>svg {
        margin-right: -1.5px;
        margin-left: auto;
        position: absolute;
        right: 0;
        height: 38px;
        z-index: 0
    }

    .project-card__principal {
        padding: 12px 16px;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 8px
    }

    .project-card__i-val,
    .project-card__principal-p {
        font-size: 12px;
        line-height: 20px;
        font-family: Poppins
    }

    .project-card__i-val {
        font-weight: 400
    }

    .project-card__desc,
    .project-card__profit {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .project-card__t-wrap {
        padding: 4px 0;
        gap: 2px;
        margin-bottom: 8px
    }
}

.cab-stat-card_border {
    border: 1px solid #242424
}

.cab-stat-card__inner {
    display: flex;
    align-items: center;
    gap: 24px
}

.cab-stat-card__data {
    display: flex;
    padding-top: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: auto
}

.cab-stat-card__top {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.cab-stat-card__label {
    flex: auto;
    color: #8b8b8b;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .28px
}

.cab-stat-card__label,
.cab-stat-card__val {
    font-family: Poppins Medium;
    font-style: normal;
    font-weight: 500
}

.cab-stat-card__val {
    color: var(--secondary-white, #fff);
    font-size: 20px;
    line-height: 28px
}

.cab-stat-card__i {
    border-radius: 16px;
    background: #1f1f1f;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.cab-stat-card__icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url(/cab-stats-icons.svg) no-repeat 0 0;
    background-size: auto 24px
}

.cab-stat-card__icon_amount {
    background-position-x: -24px
}

.cab-stat-card__icon_roi {
    background-position-x: -48px
}

.cab-stat-card__icon_droi {
    background-position-x: -72px
}

.cab-stat-card__icon_affil {
    background: url(/cab-icons-fill.svg) no-repeat 96.9% 0;
    background-size: auto 96px
}

.cab-stat-card .cab-tooltip {
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    justify-content: center
}

.cab-stat-card .cab-tooltip__text {
    min-width: 262px;
    right: unset
}

.cab-stat-card .cab-tooltip__text-d {
    right: 50%;
    margin-right: -6px
}

@media(max-width:1669px) {
    .cab-stat-card {
        height: 100%;
        padding: 12px 16px;
        gap: 20px
    }

    .cab-stat-card__inner {
        gap: 15px
    }

    .cab-stat-card__i {
        width: 48px;
        height: 48px;
        flex-shrink: 0
    }

    .cab-stat-card__label {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .cab-stat-card__val {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px
    }
}

@media(max-width:1199px) {
    .cab-stat-card {
        padding: 12px 16px;
        align-items: center;
        gap: 20px;
        margin-bottom: 4px;
        position: relative
    }

    .cab-stat-card__inner {
        gap: 20px
    }

    .cab-stat-card__data {
        gap: 4px;
        padding-top: 0
    }

    .cab-stat-card .cab-tooltip {
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        top: calc(50% - 12px);
        right: 16px
    }

    .cab-stat-card .cab-tooltip .cab-tooltip__text {
        padding: 12px 16px;
        min-width: 214px;
        right: 44px;
        bottom: unset
    }

    .cab-stat-card .cab-tooltip .cab-tooltip__text-d {
        right: 0;
        top: 50%;
        margin-top: -5px
    }
}

.cab-tooltip {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    position: relative;
    padding: 8px;
    background: transparent;
    border: none
}

.cab-tooltip__i {
    width: 24px;
    height: 24px
}

.cab-tooltip__i svg {
    width: 100%;
    height: 100%
}

.cab-tooltip__i:active svg path,
.cab-tooltip__i:active svg rect,
.cab-tooltip__i:focus svg path,
.cab-tooltip__i:focus svg rect,
.cab-tooltip__i:hover svg path,
.cab-tooltip__i:hover svg rect {
    stroke: #fff
}

.cab-tooltip__text {
    border-radius: 16px;
    padding: 20px;
    background: var(--primary-blue);
    box-shadow: 12px 12px 40px 0 rgba(0, 0, 0, .24);
    color: var(--secondary-white, #fff);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .24px;
    position: absolute;
    right: -10px;
    bottom: calc(100% + 10px);
    display: none;
    opacity: 0;
    transition: all .3s linear;
    min-width: 324px;
    text-align: left;
    z-index: 10
}

.cab-tooltip__text_show {
    display: block;
    opacity: 1
}

.cab-tooltip__text-d {
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background: var(--primary-blue);
    position: absolute;
    right: 25px;
    bottom: -5px
}

.cab-tooltip_error .cab-tooltip__i svg path,
.cab-tooltip_error .cab-tooltip__i svg rect {
    stroke: #ff3439
}

.cab-tooltip_error .cab-tooltip__text,
.cab-tooltip_error .cab-tooltip__text-d {
    background: var(--secondary-red, #ff3439)
}

.cab-field textarea {
    height: auto;
    resize: none
}

.cab-field_disabled {
    opacity: .5;
    cursor: not-allowed
}

.cab-field_disabled input {
    cursor: not-allowed
}

.cab-field__lbl {
    color: #8b8b8b;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px;
    margin-bottom: 12px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 16px
}

.cab-field__info .cab-tooltip {
    width: 16px;
    height: 16px;
    padding: 0;
    top: unset;
    right: 0
}

.cab-field__info .cab-tooltip__i {
    width: 16px;
    height: 19px
}

.cab-field__info .cab-tooltip__text-d {
    right: 20px
}

.cab-field__wrap {
    border-radius: 8px;
    background: #090909;
    position: relative;
    display: flex
}

.cab-field__wrap_noicon input {
    padding-left: 20px;
    padding-right: 20px
}

.cab-field__input {
    padding: 16px 60px;
    height: 56px;
    width: 100%;
    background: transparent;
    color: #fff;
    font-family: Poppins Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border: 1px solid #090909;
    border-radius: 8px;
    transition: all .2s linear;
    overflow: hidden;
    text-overflow: ellipsis
}

.cab-field__input::placeholder {
    color: var(--dashboard-primary-text-gray, #8b8b8b);
    opacity: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.cab-field__input:active,
.cab-field__input:focus,
.cab-field__input:hover,
.cab-field__input_filled {
    border: 1px solid var(--primary-blue)
}

.cab-field__input:active+.cab-field__i,
.cab-field__input:focus+.cab-field__i,
.cab-field__input:hover+.cab-field__i,
.cab-field__input_filled+.cab-field__i {
    background-position-y: 0
}

.cab-field__input:active+.cab-field__i+.cab-field__child>.cab-field__pass-btn-i,
.cab-field__input:focus+.cab-field__i+.cab-field__child>.cab-field__pass-btn-i,
.cab-field__input:hover+.cab-field__i+.cab-field__child>.cab-field__pass-btn-i,
.cab-field__input_filled+.cab-field__i+.cab-field__child>.cab-field__pass-btn-i {
    background-position-y: -24px
}

.cab-field__input_error {
    color: #ff3439
}

.cab-field__input_error,
.cab-field__input_error:hover {
    border: 1px solid #ff3439
}

.cab-field__input_error+.cab-field__i,
.cab-field__input_error+.cab-field__i+.cab-field__child>.cab-field__pass-btn-i,
.cab-field__input_error:hover+.cab-field__i {
    background-position-y: -48px
}

.cab-field__input[disabled]:active,
.cab-field__input[disabled]:focus,
.cab-field__input[disabled]:hover {
    border: 1px solid #090909
}

.cab-field__i,
.cab-field__input[disabled]:active+.cab-field__i,
.cab-field__input[disabled]:focus+.cab-field__i,
.cab-field__input[disabled]:hover+.cab-field__i {
    background-position-y: -24px
}

.cab-field__i {
    position: absolute;
    top: 16px;
    left: 20px
}

.cab-field__child {
    position: absolute;
    top: 6px;
    right: 10px
}

.cab-field__pass-btn {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none
}

.cab-field__pass-btn-i {
    background: url(/eyes.svg) no-repeat 0 0;
    background-size: 48px 72px;
    width: 24px;
    height: 24px
}

.cab-field__pass-btn-i_show {
    background-position-x: -24px
}

.cab-field__btn {
    padding: 8px 22px;
    font-size: 16px;
    line-height: 24px;
    width: auto
}

.make-d-status__col {
    width: 100%;
    max-width: 555px
}

.make-d-status__animation {
    width: 558px;
    height: 558px
}

.make-d-status__animation canvas {
    max-width: 100%;
    max-height: 100%
}

.make-d-status__illustration {
    max-width: 360px;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.make-d-status__card {
    display: flex;
    padding: 58px 100px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 20px;
    background: #171717 url(/d-status-bg.png) no-repeat 50%;
    background-size: cover
}

.make-d-status__info {
    padding: 80px 20px;
    justify-content: center;
    gap: 60px;
    border-radius: 16px;
    background: #1f1f1f
}

.make-d-status__info,
.make-d-status__wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.make-d-status__wrap {
    gap: 24px;
    max-width: 400px;
    margin: 0 auto
}

.make-d-status__img {
    width: 269px;
    height: 201px;
    background: url(/d-status-img.png) no-repeat 0 0;
    background-size: cover;
    --i-width: -269px
}

.make-d-status__img_time {
    background-position-x: var(--i-width)
}

.make-d-status__ttl {
    color: var(--secondary-white, #fff);
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 12px
}

.make-d-status__ttl,
.make-d-status__txt {
    text-align: center;
    font-family: Poppins Medium;
    font-style: normal;
    font-weight: 500
}

.make-d-status__txt {
    color: #8b8b8b;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .28px
}

.make-d-status__btn {
    width: 100%
}

@media(max-width:767px) {
    .make-d-status {
        margin-top: -8px
    }

    .make-d-status__card {
        padding: 16px 32px 32px;
        gap: 8px;
        border-radius: 16px;
        background: #171717
    }

    .make-d-status__animation,
    .make-d-status__illustration {
        display: none
    }

    .make-d-status__info {
        background: transparent;
        padding: 0;
        gap: 24px
    }

    .make-d-status__img {
        width: 200px;
        height: 160px;
        --i-width: -200px;
        background-size: auto 150px
    }

    .make-d-status__ttl {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px
    }

    .make-d-status__txt {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .make-d-status__btn {
        line-height: 16px
    }

    .make-d-status__btn .btn-primary {
        padding: 10px 24px
    }

    .make-d-status__btn .cab-layout__i {
        background-size: auto 80px;
        width: 20px;
        height: 20px;
        --i-w: -20px;
        --i-h: -20px
    }
}

.curr-rates {
    padding: 0 32px;
    justify-content: center;
    gap: 24px;
    align-self: stretch;
    border-radius: 20px;
    background: #171717
}

.curr-rates,
.curr-rates__item {
    display: flex;
    align-items: center
}

.curr-rates__item {
    padding: 20px 0;
    flex-direction: column;
    gap: 16px;
    flex: 1 0
}

.curr-rates__item-t {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    color: var(--secondary-white, #fff);
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.curr-rates__item-t span {
    color: var(--dashboard-primary-text-gray, #8b8b8b)
}

.curr-rates__item-row {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    align-self: stretch;
    justify-content: space-between
}

.curr-rates__item-v {
    color: var(--secondary-white, #fff);
    font-size: 20px;
    line-height: 24px
}

.curr-rates__item-perc,
.curr-rates__item-v {
    font-family: Poppins Medium;
    font-style: normal;
    font-weight: 500
}

.curr-rates__item-perc {
    color: var(--dashboard-secondary-green, #48dd4b);
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.curr-rates__item-perc_red {
    color: var(--Secondary-Red, #ff3439)
}

.curr-rates__divider {
    width: 1px;
    height: 100%;
    min-height: 104px;
    background-color: #1f1f1f
}

.curr-rates__divider:last-of-type {
    display: none
}

@media(max-width:1719px) {
    .curr-rates {
        padding: 0 20px;
        gap: 10px
    }

    .curr-rates__item-row {
        flex-direction: column;
        align-items: flex-start
    }

    .curr-rates__item-v {
        font-size: 16px;
        line-height: 20px
    }

    .curr-rates__divider {
        min-height: 120px
    }
}

@media(min-width:1200px)and (max-width:1719px) {
    .curr-rates {
        padding: 0 32px;
        gap: 24px
    }

    .curr-rates__item {
        padding: 16px 0;
        gap: 8px
    }

    .curr-rates__item-t {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        font-size: 12px;
        line-height: 20px
    }

    .curr-rates__item-v {
        font-size: 14px;
        line-height: 16px
    }

    .curr-rates__item-perc {
        font-size: 12px;
        line-height: 20px
    }

    .curr-rates__divider {
        min-height: 132px
    }
}

@media(max-width:1199px) {
    .curr-rates {
        display: none
    }

    .curr-rates__item-row {
        flex-direction: column
    }
}

.ps-btn {
    display: flex;
    padding: 24px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-radius: 16px;
    background: #1f1f1f;
    border: 1.5px solid #1f1f1f;
    transition: all .3s linear;
    width: calc(20% - 8px);
    flex: auto;
    max-width: 202px
}

.ps-btn.ps-btn_active,
.ps-btn:active,
.ps-btn:focus,
.ps-btn:hover {
    border-color: var(--primary-blue, #006cff)
}

.ps-btn.ps-btn_active .ps-btn__icon,
.ps-btn:active .ps-btn__icon,
.ps-btn:focus .ps-btn__icon,
.ps-btn:hover .ps-btn__icon {
    background: var(--primary-blue, #006cff)
}

.ps-btn.ps-btn_active .ps-btn__icon>.cab-layout__i,
.ps-btn:active .ps-btn__icon>.cab-layout__i,
.ps-btn:focus .ps-btn__icon>.cab-layout__i,
.ps-btn:hover .ps-btn__icon>.cab-layout__i {
    background-position-y: 0
}

.ps-btn__name {
    color: var(--secondary-white, #fff);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px
}

.ps-btn__curr {
    color: var(--dashboard-primary-text-gray, #8b8b8b)
}

.ps-btn__icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #171717;
    transition: all .3s linear;
    position: relative
}

.ps-btn__icon>.cab-layout__i {
    width: 44px;
    height: 44px;
    --i-w: -44px;
    background-position-y: -132px;
    background-size: auto 176px
}

.ps-btn__label {
    width: 54px;
    padding: 4px 4px 3px;
    color: var(--secondary-white, #fff);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    border-radius: 4px;
    background: #31343d;
    position: absolute;
    bottom: -5px;
    left: -5px
}

.balance-card__label-mob {
    display: none
}

@media(max-width:767px) {
    .ps-btn {
        width: calc(50% - 4px);
        max-width: calc(50% - 4px);
        flex-direction: row;
        justify-content: flex-start;
        padding: 8px;
        gap: 8px
    }

    .ps-btn__icon {
        width: 32px;
        height: 32px
    }

    .ps-btn__icon>.cab-layout__i {
        width: 32px;
        height: 32px;
        --i-w: -32px;
        background-position-y: -96px;
        background-size: auto 128px
    }

    .ps-btn__name {
        font-size: 0;
        line-height: 0;
        text-align: left
    }

    .ps-btn__name span {
        display: block;
        width: 100%
    }

    .ps-btn__name .ps-btn__curr {
        font-size: 12px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        line-height: 12px;
        letter-spacing: .24px
    }

    .ps-btn:active .ps-btn__curr,
    .ps-btn:focus .ps-btn__curr,
    .ps-btn:hover .ps-btn__curr,
    .ps-btn_active .ps-btn__curr {
        color: #fff
    }

    .ps-btn .balance-card__label {
        display: none
    }
}

.selected-project {
    justify-content: space-between;
    height: 100%;
    max-height: 704px
}

.selected-project,
.selected-project__name-wrap {
    flex-direction: column;
    align-items: center;
    display: flex
}

.selected-project__name-wrap {
    padding: 4px 0;
    align-self: stretch;
    margin-bottom: 8px
}

.selected-project__name {
    color: var(--secondary-white, #fff);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.selected-project__type {
    color: var(--secondary-yellow, #ffe600);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.selected-project__body {
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: #1f1f1f
}

.selected-project__body-row {
    display: flex;
    padding: 4px 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.selected-project__label {
    color: #8b8b8b;
    flex: 1 0
}

.selected-project__label,
.selected-project__val {
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px
}

.selected-project__val {
    color: var(--secondary-white, #fff);
    text-align: right;
    white-space: nowrap;
    white-space: break-spaces
}

.selected-project__val_marked {
    color: var(--dashboard-secondary-green, #48dd4b)
}

.selected-project__val_default {
    color: #8b8b8b
}

.selected-project__divider {
    height: 1px;
    width: 100%;
    opacity: .3;
    border-bottom: 1px dashed #504f4f
}

.selected-project__profit {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end
}

.selected-project__pr {
    display: flex;
    width: 100%;
    margin-bottom: 21px
}

.selected-project__pr>div {
    flex: 1 1;
    text-align: center
}

.selected-project__pr-v {
    color: var(--Dashboard-Secondary-Green, #48dd4b);
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px
}

.selected-project__pr-l {
    color: var(--Secondary-White, #fff);
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px
}

.selected-project__limits {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    margin: 17px 0
}

.selected-project__limit {
    display: flex;
    padding: 8px 0;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1 0
}

.selected-project__limit-i {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    background: url(/min-max-i.svg) no-repeat 0 0;
    background-size: cover
}

.selected-project__limit-i_max {
    background-position-x: -24px
}

.selected-project__limit-l {
    color: #8b8b8b;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .28px;
    margin-bottom: 8px
}

.selected-project__limit-l,
.selected-project__limit-v {
    text-align: center;
    font-family: Poppins Medium;
    font-style: normal;
    font-weight: 500
}

.selected-project__limit-v {
    color: var(--secondary-white, #fff);
    font-size: 16px;
    line-height: 24px
}

.selected-project__btn {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: #8b8b8b;
    text-align: center;
    font-family: Poppins Medium;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .24px
}

.selected-project__btn,
.selected-project__btn path {
    transition: all .3s linear
}

.selected-project__btn:active,
.selected-project__btn:focus,
.selected-project__btn:hover {
    color: #fff
}

.selected-project__btn:active path,
.selected-project__btn:focus path,
.selected-project__btn:hover path {
    stroke: #fff
}

.selected-project__logo {
    display: flex;
    width: 76px;
    height: 76px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    border: 1px solid hsla(0, 0%, 100%, .08);
    margin: 0 auto 12px;
    --width-sp: -64px
}

.selected-project__logo>div {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    background: url(/projects-logo.png) no-repeat 0 0;
    background-size: auto 64px;
    border-radius: 20px
}

.selected-project__logo_2>div {
    background-position-x: calc(1*var(--width-sp))
}

.selected-project__logo_3>div {
    background-position-x: calc(2*var(--width-sp))
}

.selected-project__logo_4>div {
    background-position-x: calc(3*var(--width-sp))
}

.selected-project__logo_5>div {
    background-position-x: calc(4*var(--width-sp))
}

.selected-project__logo_6>div {
    background-position-x: calc(5*var(--width-sp))
}

.selected-project__logo_7>div {
    background-position-x: calc(6*var(--width-sp))
}

.selected-project__logo_8>div {
    background-position-x: calc(7*var(--width-sp))
}

.selected-project__logo_9>div {
    background-position-x: calc(8*var(--width-sp))
}

.selected-project__logo_10>div {
    background-position-x: calc(9*var(--width-sp))
}

.selected-project__logo_11>div {
    background-position-x: calc(10*var(--width-sp))
}

.selected-project__logo_12>div {
    background-position-x: calc(11*var(--width-sp))
}

.selected-project__logo_13>div {
    background-position-x: calc(12*var(--width-sp))
}

.selected-project__logo_14>div {
    background-position-x: calc(13*var(--width-sp))
}

.selected-project__logo_15>div {
    background-position-x: calc(14*var(--width-sp))
}

.selected-project__logo_16>div {
    background-position-x: calc(15*var(--width-sp))
}

.selected-project__logo_17>div {
    background-position-x: calc(16*var(--width-sp))
}

.selected-project__logo_18>div {
    background-position-x: calc(17*var(--width-sp))
}

.selected-project__logo_19>div {
    background-position-x: calc(18*var(--width-sp))
}

.selected-project__logo_20>div {
    background-position-x: calc(19*var(--width-sp))
}

.selected-project__logo_21>div {
    background-position-x: calc(20*var(--width-sp))
}

.selected-project__logo_22>div {
    background-position-x: calc(21*var(--width-sp))
}

.selected-project__logo_23>div {
    background-position-x: calc(22*var(--width-sp))
}

.selected-project__logo_24>div {
    background-position-x: calc(23*var(--width-sp))
}

.selected-project_mob {
    display: none
}

@media(min-width:992px)and (max-width:1720px) {
    .selected-project {
        align-items: flex-start;
        flex-direction: row;
        flex-flow: row wrap;
        position: relative
    }

    .selected-project__top {
        display: flex;
        gap: 16px;
        align-items: center;
        order: 2;
        flex: auto;
        justify-content: flex-start
    }

    .selected-project__pr {
        order: 3;
        width: auto;
        gap: 8px;
        margin: 0 8px 0 0
    }

    .selected-project__pr>div {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 12px 20px;
        border: 1px solid hsla(0, 0%, 100%, .08);
        border-radius: 12px;
        min-width: 160.5px
    }

    .selected-project__limits {
        order: 4;
        align-self: unset;
        margin: 0;
        gap: 8px
    }

    .selected-project__limit {
        padding: 0
    }

    .selected-project__limit>div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 20px;
        border: 1px solid hsla(0, 0%, 100%, .08);
        border-radius: 12px;
        min-width: 160.5px
    }

    .selected-project__limit-i {
        display: none !important
    }

    .selected-project__logo {
        margin: 0;
        width: 64px;
        height: 64px;
        --width-sp: -52px;
        border-radius: 24px;
        padding: 5px
    }

    .selected-project__logo>div {
        background-size: auto 52px;
        border-radius: 20px
    }

    .selected-project__name-wrap {
        align-self: unset;
        margin-bottom: 0;
        align-items: flex-start
    }

    .selected-project__type {
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
        font-family: Poppins
    }

    .selected-project__body {
        width: 100%;
        order: 5;
        flex-direction: row;
        padding: 12px 20px;
        justify-content: space-between;
        margin-top: 24px
    }

    .selected-project__body-row {
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        gap: 5px
    }

    .selected-project__label {
        font-size: 12px;
        line-height: 20px
    }

    .selected-project__val {
        text-align: left;
        font-size: 14px;
        line-height: 16px
    }

    .selected-project__divider {
        width: 1px;
        height: 40px;
        flex-shrink: 0;
        border-right: 1px dashed #504f4f
    }

    .selected-project__limit-l,
    .selected-project__pr-l {
        font-size: 12px;
        line-height: 20px;
        color: #8b8b8b;
        white-space: nowrap;
        margin-bottom: 5px
    }

    .selected-project__limit-v,
    .selected-project__pr-v {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 16px
    }

    .selected-project__btn {
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        line-height: 32px
    }
}

@media(max-width:991px) {
    .selected-project {
        border-radius: 16px
    }

    .selected-project__pr {
        display: none
    }

    .selected-project_mob {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch
    }

    .selected-project_mob-t {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px
    }

    .selected-project_mob-p,
    .selected-project_mob-t {
        color: var(--Secondary-White, #fff);
        font-family: Poppins Medium;
        font-style: normal;
        font-weight: 500
    }

    .selected-project_mob-p {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: .24px
    }

    .selected-project_mob-p span {
        color: var(--Dashboard-Secondary-Green, #48dd4b)
    }

    .selected-project_mob-logo {
        width: 44px;
        height: 44px;
        padding: 5px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 16px;
        background: #000;
        margin: 0;
        --width-sp: -32px
    }

    .selected-project_mob-logo>div {
        background-size: auto 32px
    }
}

.balance-card {
    display: flex;
    width: 100%;
    padding: 10.5px 24px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-radius: 16px;
    background: #1f1f1f;
    border: 1.5px solid #1f1f1f
}

.balance-card.ps-btn_active,
.balance-card:not(.balance-card_disabled):active,
.balance-card:not(.balance-card_disabled):focus,
.balance-card:not(.balance-card_disabled):hover {
    border-color: var(--primary-blue, #006cff)
}

.balance-card.ps-btn_active .balance-card__icon,
.balance-card:not(.balance-card_disabled):active .balance-card__icon,
.balance-card:not(.balance-card_disabled):focus .balance-card__icon,
.balance-card:not(.balance-card_disabled):hover .balance-card__icon {
    background: var(--primary-blue, #006cff)
}

.balance-card.ps-btn_active .balance-card__icon>.cab-layout__i,
.balance-card:not(.balance-card_disabled):active .balance-card__icon>.cab-layout__i,
.balance-card:not(.balance-card_disabled):focus .balance-card__icon>.cab-layout__i,
.balance-card:not(.balance-card_disabled):hover .balance-card__icon>.cab-layout__i {
    background-position-y: 0
}

.balance-card_disabled {
    cursor: not-allowed
}

.balance-card_disabled .balance-card__balance,
.balance-card_disabled .balance-card__label,
.balance-card_disabled .balance-card__name {
    color: var(--dashboard-primary-text-gray, #8b8b8b)
}

.balance-card__wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    flex: 1 0
}

.balance-card__name {
    flex: 1 0;
    text-align: left
}

.balance-card__balance,
.balance-card__name {
    color: var(--secondary-white, #fff);
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px
}

.balance-card__balance {
    text-align: right
}

.balance-card__icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #171717;
    transition: all .3s linear;
    position: relative
}

.balance-card__icon>.cab-layout__i {
    width: 44px;
    height: 44px;
    --i-w: -44px;
    background-position-y: -132px;
    background-size: auto 176px
}

.balance-card__label {
    width: 54px;
    padding: 4px 4px 3px;
    color: var(--secondary-white, #fff);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    border-radius: 4px;
    background: #31343d;
    position: absolute;
    bottom: -5px;
    left: -5px
}

@media(max-width:767px) {
    .balance-card {
        padding: 5.25px 12px 8px 5.25px;
        gap: 8px
    }

    .balance-card__wrap {
        flex-direction: column;
        gap: 4px
    }

    .balance-card__name {
        font-size: 12px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .balance-card__balance {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: .28px
    }

    .balance-card__label {
        width: 48px;
        left: -2px;
        bottom: -2px
    }

    .balance-card__label-mob {
        display: block;
        color: var(--Secondary-White, #fff);
        font-family: Poppins Medium;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 10px;
        padding-top: 4px
    }
}

.slider {
    width: 100%
}

.wrapper {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(20px)
}

.input-wrapper {
    width: calc(100% + 20px);
    margin: 0 calc(20px / -2);
    position: absolute;
    height: 20px
}

.control-wrapper {
    width: calc(100% - 20px);
    position: absolute;
    height: 20px;
    margin: 0 10px
}

.input {
    position: absolute;
    width: 100%;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    opacity: 0;
    z-index: 3;
    padding: 0
}

.input::-ms-track {
    appearance: none;
    background: transparent;
    border: transparent
}

.input::-moz-range-track {
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: transparent
}

.input:focus::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: transparent
}

.input::-ms-thumb {
    appearance: none;
    pointer-events: all;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 0;
    cursor: grab;
    background-color: red
}

.input::-ms-thumb:active {
    cursor: grabbing
}

.input::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    pointer-events: all;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 0;
    cursor: grab;
    background-color: red
}

.input::-moz-range-thumb:active {
    cursor: grabbing
}

.input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: all;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 0;
    cursor: -webkit-grab;
    cursor: grab;
    background-color: red
}

.input::-webkit-slider-thumb:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.rail {
    position: absolute;
    width: calc(100% + 20px);
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    border-radius: 4px;
    background: #171717;
    overflow: hidden;
    margin-left: -10px
}

.inner-rail {
    height: 100%;
    left: 0;
    top: 0
}

.control,
.inner-rail {
    position: absolute;
    background: var(--dashboard-secondary-green, #48dd4b)
}

.control {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    filter: drop-shadow(0 2px 12px #090801);
    top: 50%;
    margin-left: calc(20px / -2);
    transform: translate3d(0, -50%, 0);
    z-index: 2
}

.ps-icon {
    width: 36px;
    height: 36px;
    background: url(/ps.svg) no-repeat 0 0;
    background-size: auto 36px;
    --width: -36px;
    flex-shrink: 0
}

.ps-icon_sq {
    background: url(/ps_sq.svg) no-repeat 0 0;
    background-size: auto 36px;
    border-radius: 6px
}

.ps-icon_sm {
    width: 18px;
    height: 18px;
    --width: -18px;
    background-size: auto 18px
}

.ps-icon_md {
    width: 24px;
    height: 24px;
    --width: -24px;
    background-size: auto 24px
}

.ps-icon_BTC,
.ps-icon_btc {
    background-position-x: 0
}

.ps-icon_ETH,
.ps-icon_eth {
    background-position-x: var(--width)
}

.ps-icon_LTC,
.ps-icon_ltc {
    background-position-x: calc(var(--width)*2)
}

.ps-icon_TRX,
.ps-icon_trx {
    background-position-x: calc(var(--width)*3)
}

.ps-icon_SOL,
.ps-icon_sol {
    background-position-x: calc(var(--width)*4)
}

.ps-icon_BEP20,
.ps-icon_BNB,
.ps-icon_bep20,
.ps-icon_bnb {
    background-position-x: calc(var(--width)*6)
}

.ps-icon_BUSD,
.ps-icon_BUSD\.BEP2,
.ps-icon_BUSD\.BEP20,
.ps-icon_busd {
    background-position-x: calc(var(--width)*9)
}

.ps-icon_USDT\.BEP2,
.ps-icon_USDT\.BEP20,
.ps-icon_USDT\.TRC20,
.ps-icon_usdt {
    background-position-x: calc(var(--width)*7)
}

.ps-icon_USDC,
.ps-icon_USDC\.BEP2,
.ps-icon_USDC\.BEP20,
.ps-icon_USDC\.TRC20,
.ps-icon_usdc {
    background-position-x: calc(var(--width)*8)
}

.bottom-slide-toggler {
    width: 100%;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--primary-blue, #006cff);
    color: var(--secondary-white, #fff);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .24px;
    background: transparent;
    display: none
}

.bottom-slide-toggler-name {
    color: #8a9ba8;
    text-align: center;
    font-family: Poppins Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .56px;
    margin-bottom: 20px;
    display: none
}

.cab-calculator .bottom-slide-toggler__row,
.calculator .bottom-slide-toggler__row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: calc(100% - 24px)
}

.cab-calculator .bottom-slide-toggler__row>div:nth-of-type(2),
.calculator .bottom-slide-toggler__row>div:nth-of-type(2) {
    flex: auto;
    max-width: calc(100% - 16px)
}

@media(max-width:1023px) {
    .bottom-slide-toggler {
        display: flex
    }

    .bottom-slide-toggler-name {
        display: block
    }

    .calculator .bottom-slide-toggler {
        padding: 4.5px 16px;
        min-height: 44px
    }
}

@media(min-width:768px) {
    .cab-calculator .bottom-slide-toggler {
        display: none
    }
}

@media(max-width:767px) {
    .cab-calculator .bottom-slide-toggler {
        display: flex
    }
}

.calculator {
    margin: 40px auto 0
}

.calculator__top {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.calculator__body {
    padding: 40px;
    border-radius: 16px;
    background: #1e2027;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto
}

.calculator__row {
    display: flex;
    gap: 8px
}

.calculator__row>div {
    flex: 1 1
}

.calculator__row_res {
    gap: 0
}

.calculator__notice {
    color: #8a9ba8;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .24px;
    max-width: 910px;
    margin: 0 auto
}

.calculator__notice a {
    color: var(--primary-blue, #006cff)
}

.calculator__notice a:hover {
    color: var(--primary-blue-hover)
}

.calculator__notice a:active,
.calculator__notice a:focus {
    color: var(--primary-blue-click)
}

.calculator .btn-tab {
    background: transparent;
    width: 100%;
    min-width: 203px
}

.calculator .btn-tab_active {
    background: var(--primary-blue)
}

.calculator__percent {
    display: flex;
    padding: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1 0;
    border-radius: 12px;
    background: #272931;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.calculator__percent:active,
.calculator__percent:focus,
.calculator__percent:hover {
    background: #006cff
}

.calculator__percent-text {
    text-align: center
}

.calculator input[type=radio] {
    display: none
}

.calculator input[type=radio]:checked+label {
    background: var(--primary-blue) !important
}

.calculator__percent-val {
    color: #fff;
    text-align: center;
    font-family: Poppins Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.calculator__percent-per {
    color: #fff;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.calculator__result {
    border-radius: 0 0 20px 20px;
    background: var(--neutral-black-800, #272931);
    padding: 50px 20px 20px;
    max-width: 1050px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    transition: all .3s linear
}

.calculator__result-cards {
    margin-bottom: 32px;
    width: 100%
}

.calculator__result-card {
    border-right: 1px solid #31343d;
    flex: 1 1;
    padding: 17.5px 7px
}

.calculator__result-card:last-of-type {
    border-right: none
}

.calculator__result-card-t {
    color: var(--Green, #48dd4b);
    text-align: center;
    margin: 0 auto 9px;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .56px
}

.calculator__result-card-v {
    color: #fff;
    font-family: Poppins Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-align: center
}

.calculator__additional {
    display: flex;
    width: 100%;
    padding: 16px 12px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 64px;
    position: relative;
    background: var(--neutral-black-800, #272931)
}

.calculator__additional>div {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    gap: 8px
}

.calculator__additional>div:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--secondary-gray, #8a9ba8)
}

.calculator__additional-l {
    color: var(--secondary-gray, #8a9ba8)
}

.calculator__additional-l,
.calculator__additional-v {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .24px
}

.calculator__additional-v,
.calculator__top-l {
    color: var(--secondary-white, #fff)
}

.calculator__top-l {
    display: inline-block;
    min-width: 148px;
    padding: 12px 30px 0;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    position: absolute;
    top: -28px;
    background: #1e2027
}

.calculator__top-l:after,
.calculator__top-l:before {
    content: "";
    display: block;
    width: 31px;
    height: 28px;
    position: absolute;
    bottom: 0
}

.calculator__top-l:before {
    left: -31px;
    background: url(/rounded-l.svg) no-repeat 50%;
    background-size: cover
}

.calculator__top-l:after {
    right: -31px;
    background: url(/rounded-r.svg) no-repeat 50%;
    background-size: cover
}

.calculator__result-l {
    display: inline-flex;
    min-width: 148px;
    padding: 0 30px 12px;
    color: var(--secondary-white, #fff);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    position: absolute;
    top: 0;
    background: #1e2027
}

.calculator__result-l:after,
.calculator__result-l:before {
    content: "";
    display: block;
    width: 31px;
    height: 28px;
    position: absolute;
    top: 0
}

.calculator__result-l:before {
    left: -31px;
    background: url(/rounded-l-b.svg) no-repeat 50%;
    background-size: cover
}

.calculator__result-l:after {
    right: -31px;
    background: url(/rounded-r-b.svg) no-repeat 50%;
    background-size: cover
}

.calculator__circle {
    position: absolute;
    opacity: .06;
    filter: blur(125px)
}

.calculator__circle_1 {
    width: 396px;
    height: 396px;
    top: -90px;
    right: -100px
}

.calculator__circle_2 {
    width: 454px;
    height: 454px;
    left: -180px;
    bottom: -280px
}

.calculator__mob-info {
    display: none
}

.calculator__fields {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.calculator__field-l {
    color: #8a9ba8;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.calculator .form-w-amount {
    padding: 11px;
    border-width: 1px;
    border-color: #272931
}

.calculator .form-w-amount:hover,
.calculator .form-w-amount_active {
    border-color: #006cff
}

.calculator .form-w-amount__input::placeholder {
    color: #8a9ba8
}

.calculator .form-w-amount__curr {
    color: #fff
}

.calculator__select {
    position: relative
}

.calculator__select-b {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #272931;
    border-radius: 20px;
    padding: 12px 36px;
    min-height: 80px;
    background: #272931
}

.calculator__select-b.ready,
.calculator__select-b:hover {
    border-color: #006cff
}

.calculator__select-b.active {
    border-color: #fff
}

.calculator__select-b.active .calculator__select-arr {
    transform: rotate(-180deg)
}

.calculator__select-b.active .calculator__select-arr path {
    stroke: #fff
}

.calculator__select-arr {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s linear;
    margin-left: 11px
}

.calculator__select-v {
    display: flex;
    align-items: center;
    gap: 16px
}

.calculator__select-l {
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    letter-spacing: .035em;
    text-align: left
}

.calculator__select-pr {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-family: Poppins;
    font-size: 14px;
    line-height: 16px;
    color: #8b8b8b;
    letter-spacing: .035em
}

.calculator__select-pr span {
    color: #48dd4b;
    text-align: left
}

.calculator__select-pri {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0
}

.calculator__select-pri .project-logo__i {
    --w: -24px;
    background-size: auto 24px
}

.calculator__btns {
    display: flex;
    gap: 8px;
    width: 100%;
    max-width: 537px;
    margin: 0 auto
}

.calculator__btns a,
.calculator__btns button {
    flex: 1 1
}

.calculator__select-list {
    list-style-type: none;
    background: #272931;
    border: 1px solid #31343d;
    padding: 12px 0;
    border-radius: 20px;
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    z-index: 10;
    width: 100%;
    max-height: 505px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll
}

.calculator__select-list::-webkit-scrollbar {
    display: none
}

.calculator__select-list-i {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px 36px;
    cursor: pointer;
    color: #8b8b8b
}

.calculator__select-list-i.active,
.calculator__select-list-i:active,
.calculator__select-list-i:focus,
.calculator__select-list-i:hover {
    background: #31343d
}

.calculator a[disabled] {
    pointer-events: none
}

.bottom-slide__list-btn div.bottom-slide__btn-row-c {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    width: 100%
}

.bottom-slide__list-btn div.bottom-slide__btn-row-c>div {
    flex-shrink: 0
}

.bottom-slide__list-btn div.bottom-slide__btn-row-c>div:nth-of-type(2) {
    width: 100%;
    align-items: flex-start
}

@media(max-width:1199px) {
    .calculator__body {
        padding: 16px;
        gap: 12px;
        width: 100%
    }

    .calculator__row_tabs {
        margin-left: -16px;
        margin-right: -16px;
        padding: 0 16px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: scroll
    }

    .calculator__row_tabs::-webkit-scrollbar {
        display: none
    }
}

@media(max-width:1070px) {
    .calculator__body {
        border-radius: 16px 16px 0 0
    }
}

@media(max-width:1023px) {
    .calculator {
        margin-top: 44px;
        padding-bottom: 0
    }

    .calculator__top-l {
        padding-top: 6px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px;
        top: -26px
    }

    .calculator__top-l:after,
    .calculator__top-l:before {
        height: 26px
    }

    .calculator__circle,
    .calculator__percent-per,
    .calculator__result-l,
    .calculator__row_tabs {
        display: none
    }

    .calculator__percent {
        padding: 10px 10px 6px;
        gap: 2px
    }

    .calculator__percent svg {
        width: 12px;
        height: 12px
    }

    .calculator__percent-val {
        font-size: 12px;
        font-style: normal;
        font-family: Poppins;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .calculator__percent-val span {
        display: none
    }

    .calculator__row {
        gap: 4px
    }

    .calculator__notice {
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: .4px;
        margin-bottom: 0
    }

    .calculator__notice_hide-m {
        display: none
    }

    .calculator__result {
        padding-top: 0;
        padding-bottom: 16px;
        background: #1e2027
    }

    .calculator__result-cards {
        flex-direction: column;
        gap: 4px;
        margin-top: 12px;
        margin-bottom: 12px
    }

    .calculator__result-card {
        display: flex;
        border-right: none;
        justify-content: space-between;
        padding-top: 2px;
        padding-bottom: 2px
    }

    .calculator__result-card-t {
        margin-bottom: 0;
        white-space: nowrap
    }

    .calculator__result-card-t br {
        display: none
    }

    .calculator__result-card-t,
    .calculator__result-card-v {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .calculator__additional {
        display: none
    }

    .calculator__mob-info {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--secondary-gray, #8a9ba8);
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .24px;
        background: transparent;
        border: none
    }

    .calculator__field-l,
    .calculator__mob-info {
        font-size: 12px;
        line-height: 20px
    }

    .calculator .form-w-amount {
        padding: 0
    }

    .calculator .form-w-amount_active .form-w-amount__input-wrap {
        border-color: #006cff
    }

    .calculator__btns {
        flex-direction: column
    }

    .calculator__select {
        display: none
    }

    .calculator__select-l {
        font-size: 12px;
        line-height: 20px
    }

    .calculator__select-pr {
        font-size: 10px;
        line-height: 15px;
        display: block !important;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 16px)
    }

    .calculator__fields {
        gap: 8px
    }

    .calculator__fields .bottom-slide-toggler {
        margin-bottom: 4px
    }

    .calculator__result-card-t {
        margin: 0;
        max-width: unset
    }

    .calculator .btn-primary_lg {
        border-radius: 12px
    }

    .calculator .btn-primary_lg svg {
        width: 20px;
        height: 20px
    }

    .investments__calc .bottom-slide__list-btn {
        padding-top: 4.5px;
        padding-bottom: 4.5px
    }
}

@media(min-width:768px) {
    .cab-calculator .calculator__select {
        display: flex
    }
}

.project-logo {
    position: relative;
    overflow: hidden
}

.project-logo.top7-card__logo {
    --w: -42px
}

.project-logo.top7-card__logo .project-logo__i {
    background-size: auto 42px
}

.project-logo.activity-row__company {
    --w: -36px
}

.project-logo.activity-row__company .project-logo__i {
    background-size: auto 36px
}

.project-logo__i {
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(/projects-logo.png) no-repeat 0 0;
    background-size: auto 36px
}

.project-logo__i_transparent {
    background-image: url(/projects-logo-tr.png)
}

.project-logo__i_2 {
    background-position-x: calc(1*var(--w))
}

.project-logo__i_3 {
    background-position-x: calc(2*var(--w))
}

.project-logo__i_4 {
    background-position-x: calc(3*var(--w))
}

.project-logo__i_5 {
    background-position-x: calc(4*var(--w))
}

.project-logo__i_6 {
    background-position-x: calc(5*var(--w))
}

.project-logo__i_7 {
    background-position-x: calc(6*var(--w))
}

.project-logo__i_8 {
    background-position-x: calc(7*var(--w))
}

.project-logo__i_9 {
    background-position-x: calc(8*var(--w))
}

.project-logo__i_10 {
    background-position-x: calc(9*var(--w))
}

.project-logo__i_11 {
    background-position-x: calc(10*var(--w))
}

.project-logo__i_12 {
    background-position-x: calc(11*var(--w))
}

.project-logo__i_13 {
    background-position-x: calc(12*var(--w))
}

.project-logo__i_14 {
    background-position-x: calc(13*var(--w))
}

.project-logo__i_15 {
    background-position-x: calc(14*var(--w))
}

.project-logo__i_16 {
    background-position-x: calc(15*var(--w))
}

.project-logo__i_17 {
    background-position-x: calc(16*var(--w))
}

.project-logo__i_18 {
    background-position-x: calc(17*var(--w))
}

.project-logo__i_19 {
    background-position-x: calc(18*var(--w))
}

.project-logo__i_20 {
    background-position-x: calc(19*var(--w))
}

.project-logo__i_21 {
    background-position-x: calc(20*var(--w))
}

.project-logo__i_22 {
    background-position-x: calc(21*var(--w))
}

.project-logo__i_23 {
    background-position-x: calc(22*var(--w))
}

.project-logo__i_24 {
    background-position-x: calc(23*var(--w))
}

.project-logo__i_25 {
    background-position-x: calc(24*var(--w))
}

.project-logo__i_26 {
    background-position-x: calc(25*var(--w))
}

.cab-calculator {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: rgba(0, 0, 0, .7);
    overflow: scroll;
    padding: 80px 20px
}

.cab-calculator__mob-dec {
    display: none
}

.cab-calculator__calc {
    display: flex;
    width: 100%;
    max-width: 800px;
    padding: 44px 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border-radius: 16px;
    background: #171717;
    position: relative
}

.cab-calculator__calc>div {
    width: 100%
}

.cab-calculator__calc-ttl {
    color: var(--secondary-white, #fff);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.cab-calculator__calc-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    width: 100%
}

.cab-calculator__calc-tab {
    display: flex;
    padding: 12px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0;
    border-radius: 8px;
    background: #1f1f1f;
    color: var(--dashboard-primary-text-gray, #8b8b8b);
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border: none;
    transition: all .3 linear
}

.cab-calculator__calc-tab.active,
.cab-calculator__calc-tab:active,
.cab-calculator__calc-tab:focus,
.cab-calculator__calc-tab:hover {
    background: var(--primary-blue, #006cff);
    color: #fff
}

.cab-calculator__results {
    padding: 16px 24px;
    align-self: stretch;
    border-radius: 8px;
    background: #1f1f1f
}

.cab-calculator__empty,
.cab-calculator__results {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px
}

.cab-calculator__empty {
    color: #8b8b8b;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px
}

.cab-calculator__empty-i {
    width: auto
}

.cab-calculator__amounts {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    margin-top: 12px
}

.cab-calculator__amount-v {
    padding: 8px 12px;
    flex: 1 0;
    color: #fff;
    font-family: Poppins Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border-radius: 8px;
    background: #1f1f1f;
    border: none;
    transition: all .3s linear;
    text-align: center
}

.cab-calculator__amount-v.active,
.cab-calculator__amount-v:active,
.cab-calculator__amount-v:focus,
.cab-calculator__amount-v:hover {
    background: var(--primary-blue, #006cff);
    color: #fff
}

.cab-calculator__values {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.cab-calculator__close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 41px;
    background: url(/x.svg) no-repeat 50% hsla(0, 0%, 100%, .08);
    border: none
}

.cab-calculator__dd.dropdown__trigger {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #1f1f1f
}

.cab-calculator .dropdown {
    width: auto;
    position: absolute;
    right: 8px
}

.cab-calculator .dropdown__list {
    list-style-type: none;
    padding: 15px
}

.cab-calculator .dropdown__list button {
    background: transparent;
    border: none;
    width: 100%;
    color: var(--dashboard-primary-text-gray, #8b8b8b);
    text-align: left;
    font-family: Poppins Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase
}

.cab-calculator .dropdown__list button.active {
    color: var(--secondary-white, #fff)
}

.cab-calculator__btn:disabled path {
    fill: hsla(0, 0%, 100%, .3)
}

.cab-calculator__results-wr {
    width: 100%
}

.cab-calculator__results-r {
    width: 100%;
    height: 40px;
    align-items: center;
    align-self: stretch
}

.cab-calculator__lbl,
.cab-calculator__results-r {
    display: flex;
    justify-content: space-between;
    gap: 12px
}

.cab-calculator__lbl {
    color: #8b8b8b;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .28px;
    flex: 1 0;
    max-width: 394px
}

.cab-calculator__lbl,
.cab-calculator__val {
    font-family: Poppins Medium;
    font-style: normal;
    font-weight: 500
}

.cab-calculator__val {
    color: #fff;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px
}

.cab-calculator__val span {
    color: var(--Green, #48dd4b)
}

.cab-calculator__val span.curr-lbl {
    color: var(--dashboard-primary-text-gray, #8b8b8b)
}

.cab-calculator__line {
    width: 100%;
    height: 1px;
    border-top: 1px dashed #504f4f;
    opacity: .5
}

.cab-calculator__note {
    padding: 4px 12px;
    border-radius: 32px;
    background: rgba(255, 230, 0, .08);
    color: var(--dashboard-secondary-yellow, #ffe600);
    font-family: Poppins Medium;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: .24px
}

.cab-calculator__note_green {
    color: var(--Green, #48dd4b);
    background: rgba(72, 221, 75, .08)
}

.cab-calculator__compound {
    display: flex;
    padding: 12px 12px 12px 24px;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    border-radius: 8px;
    background: #1f1f1f
}

.cab-calculator__compound-l {
    color: #8b8b8b;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px;
    flex: auto
}

.cab-calculator__slider {
    width: 100%;
    max-width: 307px
}

.cab-calculator__slider-lbls {
    display: none
}

.cab-calculator__compound-input {
    border-radius: 8px;
    display: flex;
    max-width: 88px;
    height: 40px;
    padding: 8px 12px;
    color: var(--dashboard-secondary-yellow, #ffe600);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background: transparent
}

.cab-calculator__compound-input,
.cab-calculator__compound-input:active,
.cab-calculator__compound-input:focus,
.cab-calculator__compound-input:hover {
    border: 1px solid hsla(0, 0%, 55%, .2)
}

.cab-calculator .control,
.cab-calculator .inner-rail {
    background: #ffe600
}

.cab-calculator__body {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.cab-calculator .calculator__select-b {
    min-height: 56px;
    border-radius: 12px;
    padding: 16px 20px;
    background: #090909;
    border-color: #090909;
    transition: all .3s linear
}

.cab-calculator .calculator__select-b.active,
.cab-calculator .calculator__select-b:hover {
    border-color: #006cff
}

.cab-calculator .calculator__field-l {
    margin-bottom: 12px;
    color: #8b8b8b;
    display: block
}

.cab-calculator .calculator__select-list {
    top: calc(100% + 4px);
    padding: 0;
    background: #090909;
    border: none
}

.cab-calculator .calculator__select-list-i {
    padding: 12px 20px
}

.cab-calculator .calculator__select-list-i:hover {
    background: #1f1f1f
}

.cab-calculator .cab-field__input {
    padding-left: 132px
}

.cab-calculator .cab-field__input_filled {
    border: 1px solid #090909
}

.cab-calculator__cbox {
    width: 56px;
    height: 40px;
    padding: 8px 3px;
    border-radius: 8px;
    border: 1px solid #1f1f1f;
    position: absolute;
    left: 60px;
    top: 8px;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.cab-calculator .cab-field__input,
.cab-calculator .cab-field__wrap {
    border-radius: 12px
}

.cab-calculator .cab-field__btn {
    right: 8px
}

.cab-calculator .calculator__btns {
    max-width: unset
}

.cab-calculator .btn-primary[disabled] {
    background: #1f1f1f;
    opacity: 1
}

.cab-calculator .btn-primary[disabled] svg {
    opacity: 1
}

.cab-calculator .bottom-slide-toggler {
    padding-top: 5.5px;
    padding-bottom: 5.5px;
    min-height: 48px
}

.cab-calculator__empty-i {
    width: 100px;
    height: 100px;
    background: url(/no-results.png) no-repeat 50%;
    background-size: contain
}

.cab-calculator__empty-i.animate {
    animation-name: spinLoaderCalc;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.cab-calculator__makingd {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(30, 32, 39, .8);
    display: flex;
    justify-content: center;
    align-items: center
}

@keyframes spinLoaderCalc {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media(max-width:1023px) {
    .cab-calculator__btns {
        flex-direction: column-reverse
    }
}

@media(min-width:768px) {
    .cab-calculator .calculator__select-pr {
        display: flex !important
    }
}

@media(max-width:767px) {
    .cab-calculator {
        padding: 0;
        max-height: 100dvh;
        align-items: flex-end
    }

    .cab-calculator__mob-dec {
        display: block;
        max-width: 36px;
        height: 5px;
        border-radius: 2.5px;
        background: var(--Label-Color-Dark-Tertiary, rgba(235, 235, 245, .3));
        position: absolute;
        left: 50%;
        top: 4px;
        margin-left: -18px
    }

    .cab-calculator__calc {
        max-height: calc(100% - 80px);
        padding: 21px 16px 46px;
        border-radius: 10px 10px 0 0;
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        gap: 12px;
        align-items: flex-end
    }

    .cab-calculator__calc-ttl {
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: .56px
    }

    .cab-calculator__close {
        width: 30px;
        height: 30px;
        top: 21px;
        right: 10px
    }

    .cab-calculator__amounts,
    .cab-calculator__calc-tabs {
        gap: 4px;
        margin-left: -16px;
        margin-right: -16px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: scroll;
        width: calc(100% + 32px);
        padding: 0 16px
    }

    .cab-calculator__amounts::-webkit-scrollbar,
    .cab-calculator__calc-tabs::-webkit-scrollbar {
        display: none
    }

    .cab-calculator__calc-tab {
        white-space: nowrap;
        font-size: 14px;
        line-height: 16px;
        padding: 12px 16px
    }

    .cab-calculator__values {
        gap: 12px
    }

    .cab-calculator .cab-field__lbl {
        margin-bottom: 8px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .cab-calculator__amount-v {
        max-height: 36px;
        padding: 8px 5px;
        min-width: 54.4px;
        max-width: 55px
    }

    .cab-calculator .cab-field__input,
    .cab-calculator .dropdown__label,
    .cab-calculator__amount-v {
        font-size: 12px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .cab-calculator .cab-field__input {
        padding: 6px 6px 6px 48px;
        height: 48px
    }

    .cab-calculator .cab-field__input::placeholder {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .cab-calculator .cab-field__input_filled {
        border: 1px solid var(--primary-blue)
    }

    .cab-calculator__dd.dropdown__trigger {
        margin-top: 6px;
        margin-left: 0;
        padding: 6px 10px
    }

    .cab-calculator .dropdown__list {
        min-width: 80px
    }

    .cab-calculator .dropdown__list button {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .cab-calculator .cab-field__i {
        top: 12px;
        left: 16px
    }

    .cab-calculator__compound {
        padding: 12px;
        flex-flow: row wrap;
        justify-content: space-between;
        gap: 4px
    }

    .cab-calculator__compound-l {
        min-width: 100%
    }

    .cab-calculator__compound-input,
    .cab-calculator__compound-l {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .cab-calculator__compound-input {
        max-width: 56px;
        height: 48px;
        border-radius: 12px;
        border: 1px solid #006cff;
        background: #090909;
        padding: 6px;
        color: var(--Secondary-White, #fff)
    }

    .cab-calculator__results {
        padding: 4px 12px
    }

    .cab-calculator__results-r {
        height: auto;
        min-height: 28px;
        padding: 8px 0;
        align-items: flex-start
    }

    .cab-calculator__lbl {
        color: var(--Secondary-White, #fff);
        font-size: 10px;
        opacity: .6;
        flex-direction: column;
        gap: 0
    }

    .cab-calculator__lbl,
    .cab-calculator__val {
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

    .cab-calculator__val {
        font-size: 12px;
        letter-spacing: .24px;
        gap: 4px
    }

    .cab-calculator__val .cab-layout__i_ps {
        width: 16px;
        height: 16px;
        --i-w: -16px;
        --i-h: -16px;
        background-size: auto 64px
    }

    .cab-calculator__note {
        background: transparent;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        padding: 0
    }

    .cab-calculator__calc>div.cab-calculator__body {
        width: calc(100% + 32px)
    }

    .cab-calculator__body {
        gap: 12px;
        max-height: calc(100vh - 155px - 98px);
        padding: 0 16px;
        margin-left: -16px;
        margin-right: -16px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: scroll
    }

    .cab-calculator__body::-webkit-scrollbar {
        display: none
    }

    .cab-calculator__slider {
        max-width: calc(100% - 72px)
    }

    .cab-calculator__slider-lbls {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 6px;
        color: var(--Dashboard-Primary-Text-Gray, #8b8b8b);
        font-family: Poppins Medium;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: .28px
    }

    .cab-calculator .dropdown {
        min-width: 75px;
        margin-right: 6px
    }

    .cab-calculator .control,
    .cab-calculator .inner-rail {
        background: #48dd4b
    }

    .cab-calculator .cab-field__btn {
        top: 6px;
        right: 6px;
        padding: 8px 12px
    }

    .cab-calculator .cab-field__input {
        padding-left: 96px
    }

    .cab-calculator__cbox {
        padding: 8px 3px;
        font-size: 12px;
        line-height: 20px;
        width: 40px;
        height: 36px;
        top: 6px;
        left: 48px
    }

    .cab-calculator .bottom-slide-toggler {
        background: #090909
    }

    .cab-calculator .bottom-slide-toggler .calculator__select-pr {
        width: 100%
    }

    .cab-calculator__empty {
        padding: 20px 12px;
        max-height: 114px;
        font-size: 12px;
        line-height: 20px
    }

    .cab-calculator__empty-i {
        width: 44px;
        height: 44px
    }
}

.popup {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    justify-content: center;
    padding: 20px;
    z-index: 2000
}

.popup,
.popup__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.popup__content {
    max-width: 552px;
    height: calc(100vh - 40px);
    max-height: 600px;
    padding: 80px 60px;
    gap: 24px;
    border-radius: 16px;
    background: #171717;
    position: relative
}

.popup__content_promo {
    max-width: 800px;
    min-height: 648px;
    padding: 44px 60px
}

.popup__close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 41px;
    background: url(/x.svg) no-repeat 50% hsla(0, 0%, 100%, .08);
    border: none
}

.popup__wrap {
    max-width: 400px;
    gap: 24px
}

.popup__texts,
.popup__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 0
}

.popup__texts {
    gap: 12px;
    align-self: stretch
}

.popup__ttl {
    color: var(--secondary-white, #fff);
    font-size: 28px;
    line-height: 40px;
    max-width: 350px
}

.popup__ttl,
.popup__txt {
    text-align: center;
    font-family: Poppins Medium
}

.popup__txt {
    color: var(--dashboard-primary-text-gray, #8b8b8b);
    font-size: 14px;
    line-height: 20px;
    max-width: 300px
}

.popup__btn {
    width: auto;
    min-width: 160px
}

.popup__imgs {
    width: 267px;
    height: 201px;
    display: flex;
    justify-content: space-between
}

.popup__imgs_trst {
    height: auto
}

.popup__circle {
    background: linear-gradient(127deg, #a1c4fd 2.24%, rgba(194, 233, 251, 0) 95.22%);
    opacity: .1;
    border-radius: 50%;
    flex-shrink: 0
}

.popup__circle_1 {
    width: 47.281px;
    height: 47.281px;
    margin-top: auto
}

.popup__circle_2 {
    width: 30.504px;
    height: 30.504px
}

.popup__circle_3 {
    width: 189.885px;
    height: 189.885px;
    margin-top: auto;
    margin-bottom: auto
}

.popup__circle_3,
.popup__i-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.popup__i-wrap {
    margin: 0 auto
}

.popup__i {
    width: 120px;
    height: 120px;
    background: url(/popup-icons.png) no-repeat 0 0;
    background-size: cover;
    position: absolute
}

.popup__i_error {
    background-position-x: -120px
}

.popup__btns-row {
    display: flex;
    gap: 12px
}

.popup__btns-row>* {
    flex: 1 1
}

.popup__btns-row_feedback {
    margin-bottom: 50px
}

.popup__trust-p {
    width: 218px;
    height: auto;
    margin-top: 60px;
    margin-bottom: 16px
}

.popup__mob-ttl {
    display: none
}

.popup__h3 {
    color: var(--Secondary-White, #fff);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.popup__tabs {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch
}

.popup__tab {
    flex: 1 1;
    padding: 8px 12px;
    border-radius: 8px;
    background: #1f1f1f;
    border: none;
    color: #fff;
    text-align: center;
    font-family: Poppins Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s linear
}

.popup__tab:active,
.popup__tab:focus,
.popup__tab:hover,
.popup__tab_active {
    background: var(--Primary-Blue, #006cff)
}

.popup__decor {
    display: none
}

@media(max-width:767px) {
    .popup {
        padding: 80px 0 0;
        height: 100dvh
    }

    .popup_banners {
        justify-content: flex-end
    }

    .popup__content {
        padding: 4px 16px 46px;
        border-radius: 16px 16px 0 0;
        gap: 18px;
        max-width: unset;
        height: 100%
    }

    .popup__decor {
        display: block;
        width: 36px;
        height: 5px;
        border-radius: 2.5px;
        background: var(--Label-Color-Dark-Tertiary, rgba(235, 235, 245, .3));
        flex-shrink: none
    }

    .popup__content_promo {
        padding: 4px 16px 16px;
        min-height: unset;
        gap: 12px
    }

    .popup__content_promo .popup__h3 {
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: .56px;
        margin-bottom: 12px
    }

    .popup__wrap {
        width: 100%
    }

    .popup__texts {
        gap: 8px
    }

    .popup__texts~div {
        width: 100%
    }

    .popup__ttl {
        font-size: 20px;
        line-height: 28px
    }

    .popup__txt {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .popup__btn {
        width: 100%;
        font-size: 14px;
        line-height: 16px;
        padding: 12px 14.5px;
        min-width: calc(50% - 20px)
    }

    .popup__close {
        top: 21px;
        right: 10px
    }

    .popup__imgs {
        margin-top: 12px;
        width: 195px;
        height: 188px
    }

    .popup__circle_1 {
        width: 45px;
        height: 45px
    }

    .popup__circle_2 {
        width: 36px;
        height: 37px;
        margin-left: -20px
    }

    .popup__circle_3 {
        width: 150px;
        height: 151px
    }

    .popup__i {
        width: 115.893px;
        height: 110px
    }

    .popup__i_error {
        background-position-x: -110px
    }

    .popup__i-wrap {
        margin-left: -20px
    }

    .popup__mob-ttl {
        display: block;
        color: #fff;
        text-align: center;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: .56px
    }

    .popup__trust-p {
        width: 200px;
        margin: 45px 0 45px 20px
    }

    .popup__btns-row {
        gap: 8px
    }
}

.notification {
    display: flex;
    width: 100%;
    max-width: 468px;
    padding: 20px;
    align-items: center;
    gap: 16px;
    border-radius: 16px;
    background: var(--dashboard-secondary-green, #48dd4b);
    box-shadow: 12px 12px 40px 0 rgba(0, 0, 0, .24);
    position: fixed;
    top: 24px;
    right: 44px;
    z-index: 11000
}

.notification_error {
    background: var(--secondary-red, #ff3439)
}

.notification__btn-close {
    padding: 6px;
    border-radius: 41px;
    background: hsla(0, 0%, 100%, .08) url(/notif-icons.svg) no-repeat -64px 0;
    background-size: cover;
    position: absolute;
    top: 12px;
    right: 12px;
    border: none
}

.notification__box,
.notification__btn-close {
    width: 32px;
    height: 32px;
    flex-shrink: 0
}

.notification__icon {
    background: url(/notif-icons.svg) no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 100%
}

.notification__icon_error {
    background-position-x: -32px
}

.notification__title {
    font-family: Poppins Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.notification__p,
.notification__title {
    color: #fff;
    font-style: normal;
    margin-bottom: 4px
}

.notification__p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.notification__p:last-of-type {
    margin-bottom: 0
}

@media(max-width:1023px) {
    .notification {
        padding: 12px 12px 12px 16px;
        top: 16px;
        right: 16px;
        width: calc(100% - 32px)
    }

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

    .notification__icon_error {
        background-position-x: -24px
    }

    .notification__btn-close {
        width: 24px;
        height: 24px;
        background-position-x: -48px;
        right: 12px;
        top: 50%;
        margin-top: -12px
    }

    .notification__p {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: .24px
    }

    .notification__title {
        display: none
    }
}

.make-d__banner {
    display: flex;
    padding: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 20px;
    background: #171717 url(/Sphere_light_interactive_1.png) no-repeat 100%;
    background-size: contain
}

.make-d__banner-t {
    color: var(--secondary-white, #fff);
    font-family: Poppins Medium;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    margin-bottom: 12px
}

.make-d__banner-p {
    color: var(--dashboard-primary-text-gray, #8b8b8b);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 44px
}

.make-d__banner-btn {
    width: auto;
    display: inline-flex
}

.make-d__content {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.make-d__tabs {
    gap: 12px;
    align-self: stretch
}

.make-d__tab,
.make-d__tabs {
    display: flex;
    align-items: center
}

.make-d__tab {
    padding: 12px;
    justify-content: center;
    gap: 8px;
    flex: 1 0;
    border-radius: 8px;
    background: #282828;
    border: none;
    color: var(--dashboard-primary-text-gray, #8b8b8b);
    font-family: Poppins Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s linear
}

.make-d__tab:hover {
    background: var(--primary-blue-hover);
    color: var(--secondary-white, #fff)
}

.make-d__tab:hover .make-d__tab-i {
    background-position-y: -72px
}

.make-d__tab.active,
.make-d__tab:active,
.make-d__tab:focus {
    background: var(--primary-blue, #006cff);
    color: var(--secondary-white, #fff)
}

.make-d__tab.active .make-d__tab-i,
.make-d__tab:active .make-d__tab-i,
.make-d__tab:focus .make-d__tab-i {
    background-position-y: -72px
}

.make-d__tab-i {
    background-position-y: -24px
}

.make-d__pr-top {
    display: flex;
    margin-bottom: 24px
}

.make-d__pr-ttl {
    flex: 1 1;
    margin-bottom: 0
}

.make-d__sort {
    background: transparent;
    border: none;
    color: #fff;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px
}

.make-d__sort-i {
    border-radius: 8px;
    background: #1f1f1f url(/sort.svg) no-repeat 0 0;
    background-size: cover;
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.make-d__sort-i_up {
    background-position-x: -50px
}

.make-d__pr-content_loading {
    opacity: .4
}

.make-d__pr-content .row {
    margin-left: -12px;
    margin-right: -12px
}

.make-d__pr-content .row>* {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px
}

.make-d__payment {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-items: stretch
}

.make-d__payment-block {
    border-radius: 16px;
    border: 1px solid #242424;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    height: 100%
}

.make-d__qr {
    max-width: 420px
}

.make-d__qr-t {
    color: var(--secondary-white, #fff);
    font-family: Poppins Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.make-d__qr-img {
    display: flex;
    width: 356px;
    height: 356px;
    padding: 28px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background: #fff
}

.make-d__qr-img img {
    width: 100%;
    height: auto
}

.make-d__qr-txt {
    color: var(--secondary-white, #fff);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 24px;
    border-radius: 8px;
    background: #1f1f1f
}

.make-d__qr-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    align-self: stretch
}

.make-d__qr-time-l {
    color: var(--secondary-white, #fff);
    font-family: Poppins Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.make-d__qr-time-v {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    flex: 1 0;
    min-width: 165px
}

.make-d__qr-timer {
    color: var(--secondary-white, #fff);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 4px
}

.make-d__payment-info {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.make-d__payment-cancel {
    width: 100%;
    margin-top: auto
}

.make-d .cab-field {
    width: 100%
}

.make-d .cab-field__input_filled {
    border-color: #090909
}

.make-d__copy {
    padding: 8px 20px;
    width: auto;
    display: inline-flex;
    justify-content: center;
    gap: 8px;
    color: #fff;
    text-align: center;
    font-family: Poppins Medium;
    font-weight: 500;
    min-width: 84px
}

.make-d__copy,
.make-d__payment-partial {
    align-items: center;
    font-size: 16px;
    font-style: normal;
    line-height: 24px
}

.make-d__payment-partial {
    border-radius: 8px;
    background: rgba(255, 230, 0, .05);
    display: flex;
    padding: 24px;
    gap: 20px;
    flex: 1 0;
    align-self: stretch;
    color: var(--secondary-yellow, #ffe600);
    font-family: Poppins;
    font-weight: 400
}

.make-d__payment-partial-i {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url(/info-circle-y.svg) no-repeat 50%;
    background-size: contain
}

.make-d__back {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0;
    align-self: stretch;
    color: var(--secondary-white, #fff);
    text-align: right;
    font-family: Poppins Medium;
    font-style: normal;
    font-weight: 500;
    background: none;
    border: none;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .01em;
    position: relative;
    padding: 0
}

.make-d__back:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 1px solid #282828
}

.make-d__back svg {
    position: absolute;
    left: 12px
}

.make-d__back span {
    color: inherit
}

.make-d__main {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.make-d__main .row {
    margin-left: -12px;
    margin-right: -12px
}

.make-d__main .row>* {
    padding-left: 12px;
    padding-right: 12px
}

.make-d__main .row>*>div {
    height: 100%
}

.make-d__main .row>.make-d__selected-proj>div {
    height: auto
}

.make-d__form {
    max-width: 1134px;
    margin-bottom: 24px
}

.make-d__form-card {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0
}

.make-d__form-card h3 {
    margin-bottom: 0
}

.make-d__select-ps {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    gap: 8px
}

.make-d__selected-proj {
    margin-bottom: 24px;
    max-width: 420px
}

.make-d__selected-proj h3 {
    text-align: center;
    margin-bottom: 17px
}

.make-d__sm-card {
    display: flex;
    padding: 28px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 16px;
    background: #1f1f1f
}

.make-d__confirm {
    width: 100%
}

.make-d__confirm-max {
    top: 8px
}

.make-d__amount-t {
    display: flex;
    justify-content: space-between
}

.make-d__amount-note {
    color: #8b8b8b;
    text-align: right;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px
}

.make-d__amount-note_sm {
    font-size: 12px
}

.make-d__amount-note-l {
    color: #fff
}

.make-d__amount-input {
    display: flex;
    align-items: stretch;
    gap: 12px;
    align-self: stretch;
    flex-flow: row wrap
}

.make-d__amount-input .cab-field {
    flex: auto;
    max-width: 696px
}

.make-d .col_w-compounding .make-d__amount-input {
    gap: 24px
}

.make-d .col_no-compounding .cab-field {
    width: unset
}

.make-d .col_no-compounding .btn-primary {
    max-width: 280px
}

.make-d__select-b {
    width: 100%
}

.make-d__select-b .row {
    margin-left: -4px;
    margin-right: -4px
}

.make-d__select-b .row>* {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px
}

.make-d__compound-slider {
    width: 100%;
    margin-bottom: 26px
}

.make-d__compound-btns {
    width: 100%;
    gap: 3px;
    border-radius: 8px;
    overflow: hidden
}

.make-d__compound-btn,
.make-d__compound-btns {
    display: flex;
    justify-content: center;
    align-items: center
}

.make-d__compound-btn {
    max-width: 144px;
    padding: 16px 24px;
    flex-direction: column;
    gap: 12px;
    flex-shrink: 0;
    border: none;
    color: var(--secondary-white, #fff);
    font-size: 16px;
    line-height: 24px;
    flex: 1 1
}

.make-d__compound-btn,
.make-d__compound-val {
    background: #171717;
    font-family: Poppins Medium;
    font-style: normal;
    font-weight: 500
}

.make-d__compound-val {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    max-width: 274px;
    flex: 1.9 1;
    color: var(--dashboard-secondary-green, #48dd4b);
    text-align: center;
    font-size: 20px;
    line-height: 32px
}

.make-d__compound-lbls {
    align-items: flex-start;
    color: var(--dashboard-primary-text-gray, #8b8b8b);
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px;
    margin-bottom: 6px
}

.make-d__compound-lbls,
.make-d__compound-scale {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.make-d__compound-scale {
    margin-top: 26px;
    height: 6px
}

.make-d__compound-scale>div {
    width: 2px;
    height: 6px;
    background: #2e2d2d
}

.make-d__amount-note_hide,
.make-d__calc-btn,
.make-d__content-t-mob,
.make-d__payment-stat-m {
    display: none
}

@media(min-width:1920px) {
    .make-d__compound {
        min-width: 624px
    }
}

@media(min-width:1850px) {
    .make-d__pr-content .row>* {
        min-width: unset
    }
}

@media(min-width:1728px)and (max-width:1899px) {
    .make-d__selected-proj {
        max-width: 346px
    }
}

@media(min-width:1200px)and (max-width:1849px) {
    .make-d__pr-content .row>* {
        min-width: 378px
    }
}

@media(max-width:1199px) {
    .make-d .project-card_cab {
        min-width: 100%
    }
}

@media(max-width:991px) {
    .make-d__form {
        order: 2
    }

    .make-d__selected-proj {
        order: 1;
        margin-bottom: 16px
    }

    .make-d__selected-proj .cab-layout__card {
        padding: 16px
    }

    .make-d__selected-proj .cab-layout__card-ttl,
    .make-d__selected-proj .selected-project__body,
    .make-d__selected-proj .selected-project__btn,
    .make-d__selected-proj .selected-project__limits,
    .make-d__selected-proj .selected-project__top {
        display: none
    }
}

@media(min-width:1366px)and (max-width:1580px) {
    .make-d .project-card_cab {
        min-width: 295px
    }

    .make-d .project-card_cab .project-card__info {
        gap: 8px;
        padding: 12px 0
    }

    .make-d .project-card_cab .project-card__offer-links {
        margin-top: 16px
    }

    .make-d .project-card_cab .project-card__offer-pr {
        margin-bottom: 19px
    }

    .make-d .project-card_cab .project-card__t-wrap {
        margin-bottom: 16px
    }

    .make-d .project-card_cab .project-card__logo {
        margin-top: 0;
        margin-bottom: 8px
    }

    .make-d__pr-content .row>* {
        min-width: 33.33333333%
    }

    .make-d__banner {
        background-position-x: 123%
    }

    .make-d__banner>div {
        max-width: 585px
    }

    .make-d .col_w-compounding {
        padding: 0 12px 0 0;
        margin-left: -4px
    }

    .make-d__compound {
        min-width: 624px
    }
}

@media(min-width:992px)and (max-width:1720px) {
    .make-d .make-d__selected-proj {
        order: 1;
        width: 100%;
        max-width: 100%
    }

    .make-d .make-d__form {
        order: 2;
        width: 100%
    }

    .make-d .make-d__selected-proj h3 {
        margin-bottom: 24px;
        width: 100%;
        text-align: left
    }
}

@media(min-width:1366px)and (max-width:1439px) {
    .make-d .project-card_cab .project-card__info {
        flex-direction: column;
        gap: 4px;
        padding: 8px
    }

    .make-d .project-card_cab .project-card__offer-links {
        margin-top: 8px
    }

    .make-d .project-card_cab .project-card__offer-pr {
        margin-bottom: 15px
    }

    .make-d .project-card_cab .project-card__t-wrap {
        margin-bottom: 8px
    }

    .make-d .project-card_cab .project-card__offer {
        padding: 4px 12px;
        gap: 4px
    }

    .make-d .project-card_cab .project-card__offer-l,
    .make-d .project-card_cab .project-card__offer-pr-l {
        font-size: 10px;
        line-height: 15px;
        font-weight: 400;
        font-family: Poppins
    }

    .make-d .project-card_cab .project-card__offer-v {
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
        font-family: Poppins
    }

    .make-d .project-card_cab .btn-primary_sm {
        line-height: 16px
    }

    .make-d .project-card_cab .project-card__title {
        font-size: 14px;
        line-height: 20px
    }

    .make-d .project-card_cab .project-card__logo {
        width: 60px;
        height: 60px;
        --width-l: -52px;
        padding: 4px;
        border-radius: 20px;
        margin-top: 0;
        margin-bottom: 4px
    }

    .make-d .project-card_cab .project-card__logo>div {
        width: 52px;
        max-width: 52px;
        height: 52px;
        background-size: auto 52px;
        border-radius: 16px
    }

    .make-d__compound {
        min-width: 537px
    }
}

@media(max-width:767px) {
    .make-d {
        gap: 24px
    }

    .make-d .cab-layout__card {
        border-radius: 16px
    }

    .make-d__banner {
        display: none
    }

    .make-d__calc-btn {
        display: block
    }

    .make-d__calc-btn button {
        gap: 8px
    }

    .make-d__content {
        gap: 16px
    }

    .make-d__content .cab-layout__title {
        display: none
    }

    .make-d__tabs {
        margin-left: -16px;
        margin-right: -16px;
        padding: 0 16px;
        gap: 4px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: scroll;
        flex-shrink: 0
    }

    .make-d__tabs::-webkit-scrollbar {
        display: none
    }

    .make-d__tab {
        white-space: nowrap;
        font-size: 14px;
        line-height: 16px;
        padding: 12px 16px;
        height: 100%;
        flex-shrink: 0
    }

    .make-d__content-t-mob {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch
    }

    .make-d__content-t-mob-wr {
        display: flex;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        justify-content: space-between
    }

    .make-d__content-t-mob h1 {
        color: var(--Secondary-White, #fff);
        font-family: Poppins Medium;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px
    }

    .make-d__filter {
        width: 32px;
        height: 32px;
        padding: 4px;
        border-radius: 8px;
        background: #282828 url(/sort.svg) no-repeat 0 0;
        background-size: cover;
        border: none
    }

    .make-d__filter_up {
        background-position-x: -40px
    }

    .make-d .arrow-link-cab {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .make-d__pr-top {
        display: none
    }

    .make-d__tabs~.cab-layout__card {
        padding: 0;
        background: transparent
    }

    .make-d__pr-content .row>* {
        margin-bottom: 8px
    }

    .make-d .project-card_cab .project-card__logo {
        width: 60px;
        height: 60px;
        --width-l: -52px;
        border-radius: 20px;
        margin-bottom: 4px
    }

    .make-d .project-card_cab .project-card__logo>div {
        width: 52px;
        max-width: 52px;
        height: 52px;
        border-radius: 16px;
        background-size: auto 52px
    }

    .make-d .project-card_cab .project-card__title {
        font-size: 14px;
        line-height: 20px
    }

    .make-d .project-card_cab .project-card__t-wrap {
        margin-bottom: 4px
    }

    .make-d .project-card_cab .project-card__offer {
        padding: 4px 12px;
        gap: 4px
    }

    .make-d .project-card_cab .project-card__offer-l {
        font-size: 10px;
        line-height: 15px
    }

    .make-d .project-card_cab .project-card__offer-v {
        font-size: 12px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .make-d .project-card_cab .project-card__offer-pr {
        margin-bottom: 12px
    }

    .make-d .project-card_cab .project-card__offer-pr-l {
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px
    }

    .make-d .project-card_cab .project-card__offer-links {
        margin-top: 8px
    }

    .make-d .project-card_cab .project-card__info {
        flex-direction: column;
        gap: 4px;
        padding: 8px 0;
        opacity: .6
    }

    .make-d .my-dep__empty-link {
        line-height: 16px
    }

    .make-d__back {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: .01em;
        position: relative;
        padding: 0
    }

    .make-d__back:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 100px;
        border: 1px solid #282828
    }

    .make-d__back svg {
        position: absolute;
        left: 12px;
        top: 12px
    }

    .make-d__back span {
        color: inherit
    }

    .make-d__back-to-list {
        flex-flow: nowrap;
        gap: 24px
    }

    .make-d__back-to-list .btn-primary {
        width: 40px;
        height: 40px;
        font-size: 0;
        padding: 12px 10px 12px 13px;
        gap: 0;
        justify-content: center
    }

    .make-d .cab-layout__h1 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px
    }

    .make-d__main {
        gap: 16px
    }

    .make-d__form-card {
        padding: 16px;
        gap: 16px
    }

    .make-d__form-card h3 {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px
    }

    .make-d__form-card .make-d__tab {
        max-width: 50%;
        padding: 16px;
        flex-direction: column;
        white-space: unset
    }

    .make-d__compound {
        padding: 0;
        background: transparent;
        gap: 16px;
        margin-top: 8px
    }

    .make-d__compound .rail {
        background: #282828
    }

    .make-d__compound-scale {
        margin-top: 10px
    }

    .make-d__compound-slider {
        margin-bottom: 8px
    }

    .make-d__compound-btn {
        background: #1f1f1f;
        padding: 12px 24px
    }

    .make-d__compound-val {
        background: #1f1f1f;
        padding: 8px 24px;
        color: var(--Secondary-Yellow, #ffe600);
        text-align: center;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: .56px
    }

    .make-d__amount {
        padding: 0;
        background: transparent;
        margin-top: 24px;
        gap: 16px
    }

    .make-d__amount .cab-field__input {
        padding: 6px 6px 6px 48px;
        font-size: 12px;
        line-height: 20px;
        height: 48px
    }

    .make-d__amount .cab-field__input::placeholder {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .make-d__amount .cab-field__i {
        left: 16px;
        top: 12px
    }

    .make-d__amount .btn-primary_cab.btn-primary_lg {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
        height: 40px
    }

    .make-d__confirm .row>* {
        width: 100%;
        flex: auto
    }

    .make-d__confirm-max {
        padding: 8px 24px;
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px;
        top: 6px;
        right: 6px
    }

    .make-d__amount-note_sm svg {
        flex-shrink: 0
    }

    .make-d__amount-note {
        text-align: left;
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .make-d__payment-wr {
        background: transparent;
        padding: 0;
        margin-top: -8px;
        position: relative
    }

    .make-d__payment-block {
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        background: #171717;
        border-radius: 16px;
        border-color: #171717;
        order: 2
    }

    .make-d__payment-block .cab-layout__card-ttl {
        margin-bottom: 0;
        width: 100%;
        text-align: left
    }

    .make-d__payment {
        flex-direction: column
    }

    .make-d__qr-img {
        width: 160px;
        height: 160px;
        padding: 10px;
        border-radius: 9.6px
    }

    .make-d__qr-t {
        display: none
    }

    .make-d__qr-txt {
        border: none;
        padding: 0;
        color: var(--Secondary-White, #fff);
        text-align: center;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        background: transparent
    }

    .make-d__payment-info {
        order: 1;
        background: #171717;
        border-radius: 16px
    }

    .make-d__payment-partial {
        padding: 8px 16px;
        gap: 8px;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px
    }

    .make-d__payment-partial-i {
        width: 16px;
        height: 16px
    }

    .make-d__payment-cancel {
        margin-top: 0
    }

    .make-d__payment-cancel .btn-primary_gray {
        background: #1f1f1f
    }

    .make-d .make-d__payment .cab-field__input_filled {
        border-color: var(--primary-blue)
    }

    .make-d .make-d__payment .cab-field__input {
        height: 48px;
        border-radius: 12px;
        font-size: 12px;
        line-height: 20px;
        text-overflow: ellipsis;
        padding: 6px 80px 6px 48px
    }

    .make-d .make-d__payment .cab-field__i {
        left: 16px;
        top: 12px
    }

    .make-d .make-d__payment .cab-field__child {
        right: 6px
    }

    .make-d .make-d__payment .cab-field__lbl {
        margin-bottom: 8px
    }

    .make-d__payment-stat {
        display: none
    }

    .make-d__payment-stat-m {
        display: flex;
        width: 100%;
        gap: 4px
    }

    .make-d__payment-stat-m .cab-stat-card {
        padding: 10px 8px 8px;
        flex: 1 0
    }

    .make-d__payment-stat-m .cab-stat-card__inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px
    }

    .make-d__payment-stat-m .cab-stat-card__data {
        gap: 0
    }

    .make-d__payment-stat-m .cab-stat-card__top,
    .make-d__payment-stat-m .cab-stat-card__val {
        text-align: center;
        width: 100%
    }

    .make-d__payment-stat-m .cab-stat-card__val {
        font-size: 12px
    }

    .make-d__payment-stat-m .cab-stat-card__label {
        font-size: 10px;
        line-height: 15px
    }

    .make-d__payment-stat-m .cab-stat-card__i {
        width: 24px;
        height: 24px;
        background: transparent
    }

    .make-d__copy {
        padding: 8px 12px;
        min-width: 57px;
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .make-d__qr-time {
        position: absolute;
        top: -44px;
        right: 0
    }

    .make-d__qr-time-l {
        display: none
    }

    .make-d__qr-time-v {
        gap: 4px
    }

    .make-d__qr-timer {
        font-size: 20px;
        line-height: 28px
    }

    .make-d .col_no-compounding .cab-field {
        width: 100%
    }

    .make-d .col_no-compounding .btn-primary {
        max-width: 100%
    }

    .make-d__comp-agr {
        display: none
    }

    .make-d__amount-note_hide {
        display: flex
    }
}

.loader-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: url(/Loader.svg) no-repeat 50%;
    background-size: cover;
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.loader-icon_lg {
    width: 24px;
    height: 24px
}

.loader-icon_w {
    background: url(/Loader-Fill.svg) no-repeat 50%;
    background-size: cover
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}