.page__profile {}

.profile__container {}

.profile__inner {}

.profile__title {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #fff;

    margin: 0px 0px 25px 0px;
}

.profile__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.profile__head {
    background: #161c2f;
    padding: 10px;
    border-radius: 12px;

    display: flex;
    flex-direction: column;
    gap: 10px;
}

.profile__head-top {
    display: flex;
    align-items: center;
    gap: 13px;

    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid rgba(60, 66, 91, 0.5);
}

.profile__head-img {
    max-width: 70px;
}

.profile__head-content {}

.profile__head-name {
    display: flex;
    align-items: center;
    gap: 6px;

    font-weight: 700;
    font-size: 16px;
    color: #fff;

    margin: 0px 0px 13px 0px;
}

.profile__head-name-lang {}

.profile__head-id {
    display: flex;
    align-items: center;
    gap: 6px;
}

.profile__head-id-text {
    font-weight: 400;
    font-size: 12px;
    color: #939bbf;
}

.profile__head-id-value {}

.profile__head-id-img {}

.profile__head-bottom {}

.profile__head-bottom-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    padding: 17.5px 20px;
    box-shadow: 0 1px 20px 0 rgba(255, 111, 7, 0.15);
    background: #ff6f07;
    border-radius: 12px;
}

.profile__head-bottom-text {
    display: flex;
    align-items: center;
    gap: 8px;

    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #fff;
    text-align: start;
}

.profile__head-bottom-icon {}

.profile__head-bottom-btn-arrow {}

.profile__bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.profile__tabs {
    display: flex;
    gap: 5px;
}

.profile__tab {
    border-radius: 12px;
    padding: 13px 14px;

    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, 0.6);
    background: #161c2f;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;

    transition: all .2s ease;
}

.profile__tab--active {
    background: #ff6f07;
    color: #fff;
}

.profile__history {}

.profile__history-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.profile__history-item {
    padding: 9px 20px 9px 9px;
    background: #161c2f;
    border-radius: 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.profile__history-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.profile__history-img-game {
    max-width: 34px;
    border-radius: 8px;
}

.profile__history-game-name {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -0.03em;
    color: #939bbf;
}

.profile__history-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    max-width: 167px;
    width: 100%;
}

.profile__history-time {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -0.03em;
    color: #939bbf;
    text-align: center;
}

.profile__history-value {
    display: flex;
    align-items: center;
    gap: 6px;
}

.profile__history-value-img {
    max-width: 18px;
}

.profile__history-value-text {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #fff;
}

.profile__history-item-v3 {
    padding: 9px;
}

.profile__history-right-v3 {
    max-width: 204px;
    width: 100%;
    gap: 10px;
}

.profile__history-value-v3 {
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
}

.profile__history-value-text-v3 {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #939bbf;

    display: flex;
    align-items: center;
}

.profile__history-value-text-progress {
    color: #fff;
}

.profile__history-value-text-max {}

.profile__text {
    display: flex;
    align-items: center;
    gap: 7px;

    font-weight: 400;
    font-size: 12px;
    letter-spacing: -0.03em;
    color: #585d83;
}

.profile__text-icon {}

.log-out {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    padding: 17.5px 17px;
    background: rgba(255, 48, 48, 0.15);
    border-radius: 12px;
}

.log-out__text {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #ff3030;
}

.log-out__arrow {}