.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__plan.active,
.project-card__plan:hover {
    border-color: var(--primary-blue-hover);
    border-top-color: #272931
}

.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__logoo {
    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;
    margin: -7px auto 8px;
    background-color: #fff;
}

.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__logoo>img {
    border-radius: 20px;
    width: 50px;
    max-width: 60px;
    height: 50px;
    background-size: auto 40px;
    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 {}

.project-card__plan {
    padding: 32px 32px 16px;
    border-radius: 16px;
    border: 1px solid #242424;
    background: #171717;
    transition: all .3s linear;
}

.project-card__plan.active,
.project-card__plan:hover {
    border: 1px solid #171717;
    background: #1f1f1f
}

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

.project-card__plan.active .btn-primary,
.project-card__plan: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__plan .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__plan {
        padding: 0 15px 16px;
        position: relative;
        margin-top: -5px;
        z-index: 1
    }

    .project-card__plan>div:first-of-type {
        margin-top: -14px
    }

    .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
    }
}

.dep-offers__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    gap: 12px;
    width: 100%
}

.dep-offers__top h3 {
    margin-bottom: 0
}

.dep-offers__top .btn-primary {
    width: auto
}

.dep-offers__view {
    margin-left: -32px;
    margin-right: -32px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll
}

.dep-offers__view::-webkit-scrollbar {
    display: none
}

.dep-offers__row {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    padding: 0 32px
}

.dep-offers h3 {
    flex: auto
}

.dep-offers .btn-primary {
    width: auto
}

@media(max-width:991px) {
    .dep-offers .cab-layout__card {
        padding: 0;
        background: transparent
    }

    .dep-offers .cab-layout__card-ttl {
        font-size: 16px;
        line-height: 24px
    }

    .dep-offers__top {
        align-items: center;
        gap: 12px;
        margin: 0 auto 16px;
        max-width: calc(100vw - 32px);
        margin-left: 25px !important;
        margin-top: 20px !important;
    }

    .dep-offers__top .btn-primary_border-cab {
        border-color: #1a72e8;
        padding: 8px 12px;
        font-size: 12px;
        line-height: 16px;
        width: auto
    }

    .project-card__plan {
        padding: 30px 16px 4px;
        border-color: #171717
    }

    .dep-offers__view {
        margin-left: -16px;
        margin-right: -16px
    }

    .dep-offers__row {
        gap: 4px;
        padding: 6px 16px 0
    }

    .dep-offers__col {
        width: 100%;
        max-width: 245px
    }

    .dep-offers .project-card_cab {
        min-width: 245px
    }

    .dep-offers .btn-primary {
        padding: 8px 12px;
        font-size: 12px;
        line-height: 16px;
        border-color: var(--Primary-Blue, #006cff)
    }

    .dep-offers .project-card_cab .project-card__offer-links {
        margin-top: 8px
    }

    .dep-offers .project-card_cab .project-card__offer {
        padding: 4px 12px;
        gap: 4px
    }

    .dep-offers .project-card_cab .project-card__offer-l {
        font-size: 12px;
        line-height: 15px;
        font-family: Poppins
    }

    .dep-offers .project-card_cab .project-card__offer-v {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .24px;
        font-family: Poppins
    }

    .dep-offers .project-card__t-wrap {
        margin-bottom: 8px;
        gap: 0
    }

    .dep-offers .project-card__title {
        font-size: 14px;
        line-height: 20px
    }

    .dep-offers .project-card_cab .project-card__logo {
        width: 60px;
        height: 60px;
        --width-l: -52px;
        margin-bottom: 4px
    }

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

    .dep-offers .project-card_cab .project-card__offer-pr {
        margin-bottom: 12px
    }

    .dep-offers .project-card_cab .project-card__offer-pr-v {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: -.28px
    }

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

.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)
}

.depo-card {
    border-radius: 20px;
    background: #171717;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column
}

.depo-card_closed .depo-card__body-data-v span,
.depo-card_closed .depo-card__bottom-v,
.depo-card_closed .depo-card__curr-name,
.depo-card_closed .depo-card__name,
.depo-card_closed .depo-card__profit-v,
.depo-card_closed .marked {
    color: var(--dashboard-primary-text-gray, #8b8b8b)
}

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

.depo-card__inner {
    display: flex;
    padding: 52px 32px 16px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0;
    align-self: stretch
}

.depo-card__bottom {
    border-top: 1px solid #282828;
    display: flex;
    width: 100%;
    padding: 8px 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--dashboard-primary-text-gray, #8b8b8b);
    font-family: Poppins Medium;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.depo-card__bottom-v {
    color: var(--secondary-white, #fff)
}

.depo-card__progress {
    width: 140px;
    height: 29px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -70px;
    padding: 8px 10px 5px;
    color: var(--secondary-white, #fff);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: .14px;
    background: #0162e5;
    -webkit-clip-path: path("M0 0H140L130.391 21.4359C129.163 24.1744 128.549 25.5436 127.583 26.5474C126.729 27.4347 125.682 28.1129 124.523 28.5291C123.212 29 121.712 29 118.711 29H21.2893C18.2883 29 16.7877 29 15.4767 28.5291C14.3177 28.1129 13.2705 27.4347 12.4166 26.5474C11.4506 25.5436 10.8368 24.1744 9.6092 21.4359L0 0Z");
    clip-path: path("M0 0H140L130.391 21.4359C129.163 24.1744 128.549 25.5436 127.583 26.5474C126.729 27.4347 125.682 28.1129 124.523 28.5291C123.212 29 121.712 29 118.711 29H21.2893C18.2883 29 16.7877 29 15.4767 28.5291C14.3177 28.1129 13.2705 27.4347 12.4166 26.5474C11.4506 25.5436 10.8368 24.1744 9.6092 21.4359L0 0Z")
}

.depo-card__progress-v {
    position: absolute;
    height: 100%;
    z-index: 0;
    background: #006cff;
    top: 0;
    left: 0;
    max-width: 100%
}

.depo-card__progress-count {
    position: relative;
    z-index: 1
}

.depo-card__progress_closed {
    background: #272931
}

.depo-card__progress_closed .depo-card__progress-v {
    display: none
}

.depo-card__progress_new,
.depo-card__progress_new .depo-card__progress-v {
    background: #48dd4b
}

.depo-card__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch
}

.depo-card__name {
    color: var(--secondary-white, #fff);
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px
}

.depo-card__name,
.depo-card__profit {
    text-align: center;
    font-family: Poppins Medium;
    font-style: normal;
    font-weight: 500
}

.depo-card__profit {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #8b8b8b;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.28px
}

.depo-card__profit-v {
    color: var(--dashboard-secondary-green, #48dd4b)
}

.depo-card__body {
    align-items: center
}

.depo-card__body,
.depo-card__body-data {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch
}

.depo-card__body-data {
    padding: 12px 20px;
    align-items: flex-start;
    border-radius: 8px;
    background: #1f1f1f
}

.depo-card__body-data-r {
    display: flex;
    padding: 4px 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: #8b8b8b;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px
}

.depo-card__body-data-l {
    text-align: left
}

.depo-card__body-data-l_acc:before,
.depo-card__body-data-l_inv:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background: url(/up-down-i.svg) no-repeat 0 0;
    background-size: cover;
    float: left;
    margin-right: 8px
}

.depo-card__body-data-l_acc:before {
    background-position-x: -18px
}

.depo-card__body-data-v {
    text-align: right;
    flex: auto;
    white-space: nowrap
}

.depo-card__body-data-v span {
    color: var(--secondary-white, #fff)
}

.depo-card__body-data-v span.marked {
    color: var(--dashboard-secondary-yellow, #ffe600)
}

.depo-card__compound {
    display: flex;
    padding: 6px 6px 6px 16px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border: 1px solid #171717;
    border-radius: 12px;
    transition: all .3s linear;
    min-height: 50.6px;
    min-height: 44px
}

.depo-card__compound_edit {
    border-color: var(--neutral-black-700, #31343d)
}

.depo-card__input {
    flex: auto;
    width: 100%;
    padding: 6px 0;
    border: none;
    color: var(--secondary-white, #fff);
    font-family: Poppins;
    font-size: 16px;
    letter-spacing: .32px;
    background: transparent
}

.depo-card__btn,
.depo-card__input {
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.depo-card__btn {
    display: flex;
    padding: 10px 8px;
    min-width: 74px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-family: Poppins Medium;
    font-size: 14px;
    border-radius: 8px;
    background: #242424;
    border: none
}

.depo-card__btn_edit {
    background: var(--primary-blue, #006cff)
}

.depo-card__curr {
    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;
    display: flex;
    padding: 4px 0;
    justify-content: center;
    align-items: center;
    gap: 12px
}

.depo-card__curr-name {
    color: var(--secondary-white, #fff)
}

.depo-card__comp-value {
    display: flex;
    align-items: center;
    flex: 1 0;
    flex-wrap: wrap
}

.depo-card__comp-value-l {
    color: #8b8b8b;
    font-size: 14px;
    letter-spacing: .28px;
    margin-right: 8px
}

.depo-card__comp-value-l,
.depo-card__comp-value-v {
    font-family: Poppins Medium;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.depo-card__comp-value-v {
    color: var(--dashboard-secondary-green, #48dd4b);
    font-size: 16px;
    letter-spacing: .32px
}

.depo-card__logo,
.depo-card__logo.project-card__logo {
    display: flex;
    width: 76px;
    height: 76px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    margin-bottom: 0;
    border: 1px solid hsla(0, 0%, 100%, .08);
    --width-l: -66px
}

.depo-card__logo-inner,
.depo-card__logo.project-card__logo-inner,
.depo-card__logo.project-card__logo>div,
.depo-card__logo>div {
    background-size: auto 66px;
    width: 66px;
    min-width: 66px;
    height: 66px;
    border-radius: 20px
}

.depo-card_preview {
    border-radius: 12px;
    border: 1px solid #242424;
    transition: all .3s linear;
    cursor: pointer
}

.depo-card_preview:hover {
    border: 1px solid #171717;
    background: #1f1f1f
}

.depo-card_preview:hover .depo-card__body-data {
    background: #171717
}

.depo-card_preview .depo-card__inner {
    padding: 52px 28px 28px;
    gap: 20px
}

.depo-card_preview .depo-card__logo {
    margin-bottom: 0
}

.depo-card_preview .depo-card__name {
    font-size: 16px;
    line-height: 24px
}

.depo-card_preview .depo-card__body-data {
    padding: 4px 20px;
    transition: all .3s linear
}

.depo-card_preview .depo-card__body-data-r {
    padding: 16px 0
}

.depo-card_preview .depo-card__body-data-v {
    display: flex;
    justify-content: flex-end;
    gap: 8px
}

.depo-card__pr {
    display: flex;
    padding: 4px;
    width: 100%
}

.depo-card__pr>div {
    text-align: center;
    flex: 1 1
}

.depo-card__pr>div>div:first-of-type {
    color: var(--Dashboard-Secondary-Green, #48dd4b);
    text-align: center;
    letter-spacing: -.28px;
    margin-bottom: 4px
}

.depo-card__pr>div>div:first-of-type,
.depo-card__pr>div>div:last-of-type {
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.depo-card__pr>div>div:last-of-type {
    color: var(--Secondary-White, #fff);
    letter-spacing: .28px
}

.depo-card__periods {
    color: #8b8b8b;
    text-align: center;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px
}

@media(max-width:991px) {
    .depo-card_preview {
        border-color: #171717
    }

    .depo-card_preview .depo-card__inner {
        padding: 44px 16px 16px;
        gap: 8px
    }

    .depo-card_preview .depo-card__body-data {
        padding: 4px 12px;
        border-radius: 8px
    }

    .depo-card_preview .depo-card__body-data-r {
        padding: 4px 0;
        gap: 2px;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px
    }

    .depo-card_preview .depo-card__body-data-l_acc:before,
    .depo-card_preview .depo-card__body-data-l_inv:before {
        margin-right: 4px
    }

    .depo-card_preview .depo-card__body-data-v {
        letter-spacing: .02em
    }

    .depo-card_preview .depo-card__body-data-v,
    .depo-card_preview .depo-card__progress {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

    .depo-card_preview .depo-card__progress {
        letter-spacing: .24px;
        padding-top: 5px;
        margin-top: -4px
    }

    .depo-card__inner {
        padding: 44px 16px 0
    }

    .depo-card__progress {
        transform: scale(.79);
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .02em
    }

    .depo-card__top {
        gap: 8px
    }

    .depo-card__logo,
    .depo-card__logo.project-card__logo {
        width: 60px;
        height: 60px;
        align-items: center;
        border-radius: 20px;
        margin-bottom: 0;
        --width-l: -52px
    }

    .depo-card__logo-inner,
    .depo-card__logo.project-card__logo-inner,
    .depo-card__logo.project-card__logo>div,
    .depo-card__logo>div {
        width: 52px;
        min-width: 52px;
        height: 52px;
        border-radius: 16px;
        background-size: auto 52px
    }

    .depo-card__name {
        font-size: 14px;
        font-weight: 500
    }

    .depo-card__curr,
    .depo-card__name {
        font-style: normal;
        line-height: 20px
    }

    .depo-card__curr {
        color: #8b8b8b;
        font-family: Poppins;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .24px;
        gap: 8px
    }

    .depo-card__curr-name {
        color: #8b8b8b
    }

    .depo-card__body-data {
        padding: 8px 12px;
        gap: 4px
    }

    .depo-card__body-data-r {
        padding: 2px 0;
        font-size: 10px;
        line-height: 15px
    }

    .depo-card__body-data-r,
    .depo-card__body-data-v {
        font-family: Poppins;
        font-style: normal;
        font-weight: 400
    }

    .depo-card__body-data-v {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: .24px
    }

    .depo-card__compound {
        padding: 4px;
        margin: 0 -4px
    }

    .depo-card__comp-value-l {
        margin-right: 0
    }

    .depo-card__comp-value-l,
    .depo-card__comp-value-v {
        font-size: 10px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        line-height: 15px
    }

    .depo-card__input {
        padding: 0;
        font-size: 14px
    }

    .depo-card__btn {
        padding: 8px 10px;
        gap: 4px
    }

    .depo-card__bottom {
        padding: 11px 0;
        max-width: calc(100% - 20px);
        margin: 0 auto;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        gap: 4px
    }

    .depo-card__bottom_edit {
        border-color: transparent
    }

    .depo-card__bottom-v {
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px
    }

    .depo-card__pr {
        padding: 0
    }

    .depo-card__pr>div>div:first-of-type {
        font-size: 14px;
        font-style: normal;
        line-height: 16px;
        letter-spacing: -.28px
    }

    .depo-card__periods,
    .depo-card__pr>div>div:last-of-type {
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px
    }

    .my-dep__grig .depo-card {
        min-height: 445px
    }

    .my-dep__grig .depo-card__bottom {
        margin-top: 8px
    }

    .my-dep__grig .depo-card__inner {
        gap: 9px
    }

    .my-dep__grig .depo-card__top {
        gap: 4px
    }

    .my-dep__grig .depo-card__pr>div>div:first-of-type {
        margin-bottom: 2px
    }

    .my-dep__grig .depo-card__name {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .my-dep__grig .depo-card__progress {
        width: 110px;
        margin-left: -55px;
        transform: scale(1);
        -webkit-clip-path: path("M0.5 0H110.5L100.94 20.5902C99.6937 23.2751 99.0704 24.6176 98.1066 25.6006C97.2545 26.4697 96.2154 27.1329 95.0683 27.5398C93.7708 28 92.2907 28 89.3305 28H21.6695C18.7093 28 17.2292 28 15.9317 27.5398C14.7846 27.1329 13.7455 26.4697 12.8934 25.6006C11.9296 24.6176 11.3063 23.2751 10.0597 20.5902L0.5 0Z");
        clip-path: path("M0.5 0H110.5L100.94 20.5902C99.6937 23.2751 99.0704 24.6176 98.1066 25.6006C97.2545 26.4697 96.2154 27.1329 95.0683 27.5398C93.7708 28 92.2907 28 89.3305 28H21.6695C18.7093 28 17.2292 28 15.9317 27.5398C14.7846 27.1329 13.7455 26.4697 12.8934 25.6006C11.9296 24.6176 11.3063 23.2751 10.0597 20.5902L0.5 0Z")
    }

    .my-dep__grig .project-card__logo {
        margin-top: 0
    }
}