.account-settings__wrapper {
    gap: 16px;
    margin: 60px 0 100px 0;
}
.account__tab .account-settings__wrapper {
    margin: 0;
}
.account-settings__main {
    margin: 0;
}

.account-settings__footer {
    margin-top: 24px;
}
.account-settings__footer .account-settings__btn{
    margin-top: 0!important;
}
input[type=file] {
    position: relative;
}

input[type=file]:before {
    content: '';
    position: absolute;
    right: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3167 3L14.3746 6.74619L13.6528 7.52603L10.8621 4.94995V14.5028H9.79967V5.01865L7.30645 7.51186L6.55566 6.76107L10.3167 3ZM4.06245 16.8047V9.96966H3V17.8672H17.6618V9.96966H16.5993V16.8047H4.06245Z' fill='%238C8C8C'/%3e%3c/svg%3e ");
    width: 20px;
    height: 20px;
}

.account-profile {
    padding-top: 60px;
}
@media (max-width: 568px) {
    .account-profile {
        padding-top: 24px;
    }
}

.cabinet-header {
    padding: 100px;
    padding-bottom: 0;
}

@media (max-width: 992px) {
    .cabinet-header {
        padding: 48px;
    }
}

@media (max-width: 768px) {
    .cabinet-header {
        padding: 16px;
    }
}

.cabinet-header__title {

}

.cabinet-header__info {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin: 0 -100px;
    padding: 0 100px;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
}
@media (max-width: 568px) {
    .cabinet-header__info {
        flex-direction: column;
        gap: 0;
    }
}

.cabinet-header__info .info__total-summ {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 24px 0;
    border-right: 1px solid #D7D7D7;
    width: 40%;
}
@media (max-width: 1600px) {
    .cabinet-header__info .info__total-summ {
        width: 30%;
    }
}
@media (max-width: 1440px) {
    .cabinet-header__info .info__total-summ {
        width: 30%;
    }
}
@media (max-width: 568px) {
    .cabinet-header__info .info__total-summ {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        padding: 16px 0;
        border-right: 0px;
        border-bottom: 1px solid #D7D7D7;
    }
}

.cabinet-header__info .info__total-summ span:nth-child(1) {
    color: #8C8C8C;

    /* Body 2 */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 20.8px */
}
@media (max-width: 568px) {
    .cabinet-header__info .info__total-summ span:nth-child(1) {
        font-size: 12px;
    }
}

.cabinet-header__info .info__total-summ span:nth-child(2) {
    color: #1B1A19;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.54px;
}
@media (max-width: 568px) {
    .cabinet-header__info .info__total-summ span:nth-child(2) {
        font-size: 12px;
    }
}

.cabinet-header__info div:has(.info__curr-summ) {
    display: block;
    gap: 24px;
    justify-content: space-between;
    align-items: center;
    width: 60%;
}
@media (max-width: 1600px) {
    .cabinet-header__info div:has(.info__curr-summ) {
        width: 70%;
    }
}
@media (max-width: 568px) {
    .cabinet-header__info div:has(.info__curr-summ) {
        width: 100%;
    }
}

.cabinet-header__info .info__curr-summ {
    display: block;
    /*flex-direction: column;*/
    gap: 10px;
    padding: 0;
    width: 100%;
}
@media (max-width: 568px) {
    .cabinet-header__info .info__curr-summ {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
}

.cabinet-header__info .info__curr-summ span:nth-child(1) {
    color: #8C8C8C;

    /* Body 2 */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 20.8px */

    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
}
@media (max-width: 568px) {
    .cabinet-header__info .info__curr-summ span:nth-child(1) {
        font-size: 12px;
        width: 70%;
    }
}

.cabinet-header__info .info__curr-summ span:nth-child(2) {
    color: #1B1A19;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.54px;
}
@media (max-width: 568px) {
    .cabinet-header__info .info__curr-summ span:nth-child(2) {
        font-size: 12px;
    }
}

.cabinet-header__info .info__curr-summ svg {
    cursor: pointer;
}

.cabinet-header__info .info__curr-summ .tooltip {
    position: absolute;
    left: -110px;
    top: 62px;
    display: none;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px;
    background: #F5F5F5;
    box-shadow: 0px 4px 29.2px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 568px) {
    .cabinet-header__info .info__curr-summ .tooltip {
        left: 16px;
        top: 32px;
    }
}

.cabinet-header__info .info__curr-summ .tooltip.active {
    display: flex;
}

.cabinet-header__info .info__curr-summ .tooltip p {
    color: var(--Text-Black, #1B1A19);

    /* m.Body 1 */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.cabinet-header__info .info__curr-summ .tooltip a {
    color: var(--Text-Black, #1B1A19);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration-line: underline;
}

.cabinet-header__info .info__draw-summ {
    padding: 24px 0;
}
@media (max-width: 568px) {
    .cabinet-header__info .info__draw-summ{
        position: fixed;
        padding: 16px;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid var(--Text-Black, #1B1A19);
        background: var(--White, #FFF);
    }
}

.cabinet-header__info .info__draw-summ button {
    display: flex;
    width: 241px;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background: #077962;

    color: #FFF;

    /* m.Body 1 */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
@media (max-width: 568px) {
    .cabinet-header__info .info__draw-summ button {
        width: 100%;
    }
}

.cabinet-header__info .info__draw-summ button span {
    display: flex;
    gap: 4px;
}

@media (min-width: 569px) {
    .cabinet-header__info .info__draw-summ button span div {
        display: none;
    }
}

/**/

.account-history {
    padding-top: 60px;
}
@media (max-width: 568px) {
    .account-history {
        padding-top: 24px;
    }
}

.account-history .title-row {
    display: grid;
    grid-template-columns: 40% 20% 20% 18% 2%;
    padding: 24px 0;
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 24px;
}
@media (max-width: 568px) {
    .account-history .title-row {
        grid-template-columns: 24% 24% 24% 18% 9%;
        margin-bottom: 10px;
    }
}

.account-history .title-row div {
    color: #8C8C8C;

    /* Body 2 */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 20.8px */
}
@media (max-width: 568px) {
    .account-history .title-row div {
        font-size: 12px;
    }
}

.account-history .item {
    display: grid;
    grid-template-columns: 40% 20% 20% 18% 2%;
    padding: 0px 0 24px 0;
    margin: 0;
}
@media (max-width: 568px) {
    .account-history .item {
        grid-template-columns: 20% 20% 20% 18% 6%;
        padding-bottom: 10px;
    }
}

.account-history .item div {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 20.8px */
}
@media (max-width: 568px) {
    .account-history .item div {
        font-size: 12px;
    }
}

.account-history .item div:nth-child(3) {
    color: #11BA7D;
}

.account-history .item-cont {
    /*border-top: 1px solid #D7D7D7;*/
    border-bottom: 1px solid #D7D7D7;

}

.account-history .item-cont > div {
    display: grid;
    grid-template-columns: 1fr 33% 10% 50%;
    /*padding: 24px 0;*/
}
@media (max-width: 568px) {
    .account-history .item-cont > div {
        grid-template-columns: 1fr 55% 30%;
    }
}

.account-history .item-cont > div:last-child {
    padding-bottom: 24px;
}

.account-history .item-cont > div > div {
    padding: 12px 0;
}

.account-history .item-cont > div > div:nth-child(1) {
    border-top: 1px solid #D7D7D7;
}

.account-history .item-cont > div img {
    height: 100%;
    max-height: 74px;
}
@media (max-width: 568px) {
    .account-history .item-cont > div img {
        max-height: 60px;
    }
}

.account-history .item-cont > div > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    border-top: 1px solid #D7D7D7;
}

.account-history .item-cont > div > div:nth-child(2) p {
    color: var(--Text-Black, #1B1A19);

    /* Body 2 */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}
@media (max-width: 568px) {
    .account-history .item-cont > div > div:nth-child(2) p {
        font-size: 11px;
    }
}

.account-history .item-cont > div > div:nth-child(2) span {
    color: var(--Text-Black, #1B1A19);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}
@media (max-width: 568px) {
    .account-history .item-cont > div > div:nth-child(2) span {
        font-size: 9px;
    }
}

.account-history .item-cont > div > div:nth-child(3) {
    border-top: 1px solid #D7D7D7;
}
@media (max-width: 568px) {
    .account-history .item-cont > div > div:nth-child(3) {
        text-align: right;
    }
}

.account-history .item-cont > div > div:nth-child(3) span {
    color: var(--Text-Black, #1B1A19);

    /* Body 2 */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}
@media (max-width: 568px) {
    .account-history .item-cont > div > div:nth-child(3) span {
        font-size: 11px;
    }
}


.help-accordion {
    padding-bottom: 0;
}

/**/

@media (max-width: 768px) {
    .account-settings__title {
        display: block;
    }
}
@media (max-width: 568px) {
    .help-tab__list, .style-tab__list {
        gap: 10px;
    }
    .help-accordion__btn svg {
        width: 20px;
        height: 20px;
    }
}

/**/

.file-input-wrapper {
    width: auto;
    /*height: 40px;*/
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.file-input-wrapper > input[type="file"] {
    font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    background: transparent;
}

.file_input_textbox {
    font-size:14px;
    padding:0;
    background: transparent;
}

.file-input-wrapper > .btn-file-input,
.file-input-wrapper > .btn-file-input-hover {;
    border:0;
    right: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3167 3L14.3746 6.74619L13.6528 7.52603L10.8621 4.94995V14.5028H9.79967V5.01865L7.30645 7.51186L6.55566 6.76107L10.3167 3ZM4.06245 16.8047V9.96966H3V17.8672H17.6618V9.96966H16.5993V16.8047H4.06245Z' fill='%238C8C8C'/%3e%3c/svg%3e ");
    width: 20px;
    height: 20px;
}
#stylist_draw_money, #stylist_draw_money_cash {
    display: flex;
    width: 241px;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background: #077962;
    color: #FFF;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    cursor:pointer;
}
@media (min-width: 569px) {
    #stylist_draw_money span div, #stylist_draw_money_cash span div {
        display: none;
    }
}

#stylist_draw_money.loading, #stylist_draw_money_cash.loading{
    opacity:0.4;
    pointer-events: none!important;
}
.account-settings__bottom-link {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    flex-wrap: wrap;
}
.bottom-link__item {
    font-size: 14px;
    font-weight: 400;
    color: #1B1A19;
}
.bottom-link__item a {
    color: #1B1A19;
    text-decoration: underline;
}
.bottom-link__item a:hover {
    text-decoration: none;
}

.auth-stilist__table {
    display: flex;
    gap: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.auth-stilist__table-link {
    font-size: 16px;
    font-weight: 400px;
    padding-left: 28px;
    position: relative;
    cursor: pointer;
}
.auth-stilist__table-link:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #949698;
}
.auth-stilist__table-link.active:after {
    border-color: #202929;
}
.auth-stilist__table-link.active:before {
    content: '';
    position: absolute;
    background: #202929;
    top: 5px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.auth-stilist__tab {
    display: none;
}
.auth-stilist__tab.active {
    display: block;
}
.account-settings__btn {
    margin-top: 24px;
}
.flex-stilist-modal-button {
    display: flex;
    gap: 30px;
}
.account-settings__popup.active {
    height: auto!important;
    margin-bottom: 50px;
}
.account-settings__notice {
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
    text-transform: capitalize;
    display: none;
}
.account-settings__notice.success {
    color: #0EBA7D;
    display: block;
    margin-top: 5px;
}
.account-settings__notice.error {
    color: red;
    display: block;
    margin-top: 5px;
}
.info__curr-summ-price {
    margin-top: 10px;
    display: block;
}
.info__curr-summ-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 130%;
    color: #000000;
    padding-bottom: 20px;
    font-weight: 400;
}
.account-info__header2 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #000000;
    margin-bottom: 16px;
}
.account-info__text {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
}
.account-info {
    margin-bottom: 50px;
}
.help-accordion__header span{
    font-weight: bold;
}
.account-info__strong {
    font-weight: bold;
}
.help-accordion__inner-header {
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 10px;
}
.help-accordion__inner-list li {
    list-style: none!important;
    margin-left: 0!important;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 6px;
}
.help-accordion__inner-sublist {
    padding: 6px 0!important;
}
.help-accordion__inner-sublist li{
    margin-left: 20px!important;
}