
.team-info__header-wrapper[data-v-041879d2] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 2rem;
}
.team-info__header-title[data-v-041879d2] {
    font-size: 1.2rem;
    font-family: var(--weight-700);
}
.team-info__overview-card[data-v-041879d2] {
    margin-bottom: 2rem;
}
.team-info__overview-header[data-v-041879d2] {
    margin: 0 1rem;
    margin-bottom: 1.45rem;
    font-size: 0.87rem;
    font-family: var(--weight-400);
}
.team-info__overview-body[data-v-041879d2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.7rem;
    padding: 0.8rem 0.5rem;
    border-bottom: 0.1rem solid #212b30;
    color: var(--color-grey-light);
    margin: 0 0.5rem;
}
.team-info__overview-body__header[data-v-041879d2] {
    display: flex;
    justify-content: space-between;
    background-color: var(--color-grey-20);
    padding: 0.5rem 1rem;
}
.team-info__overview-body[data-v-041879d2]:last-child {
    border-bottom: none;
}
.team-info__overview-goal__player[data-v-041879d2] {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    flex: 2;
}
.team-info__overview-goal__player-rank[data-v-041879d2] {
    margin-right: 0.8rem;
    width: 1rem;
    text-align: center;
}
.team-info__overview-goal__player-img[data-v-041879d2] {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.5rem;
}
.team-info__overview-goal__player-goal[data-v-041879d2] {
    font-size: 0.85rem;
}
.player-container[data-v-041879d2] {
    padding-top: 0;
    /* border-radius: 16px;
        padding: 1rem;
        background-color: var(--white-1000);
        margin: 1rem auto; */
}
.player-container .team-info__overview-body[data-v-041879d2] {
    color: var(--text-default-default);
    background-color: red;
}
.player-container .player__transfer-table__body-child[data-v-041879d2] {
    color: var(--text-default-default);
}
.player-container .player__transfer-table__body-child[data-v-041879d2] {
    color: var(--text-default-default);
}
@media(max-width: 768px) {
    /* for test */
.player-container[data-v-041879d2] {
        /* margin: 3.7rem .5rem 0 .5rem; */
        margin: 0;
}
.player-tab.has-space[data-v-041879d2] {
        margin: 0;
}
}


.play-index-container[data-v-041879d2] {
    width: 100%;
    background: linear-gradient(
        180deg,
        var(--color-background-default-secondary) 90%,
        transparent
    );
    color: var(--color-text-default-default);
}
.play-index-box[data-v-041879d2] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(../img/player_bg.1f55d249.png);
    background-size: auto 500px;
    background-position: top;
    background-repeat: no-repeat;
}
.player-content[data-v-041879d2] {
    display: flex;
    /* width: 1200px; */

    margin: auto;
    padding-top: 75.92px;
}
.player-data[data-v-041879d2] {
    /* max-width: 293px; */
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16.17px;
}
.player-name[data-v-041879d2] {
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 48px;
    font-family: var(--weight-700);
    letter-spacing: -0.64px;
    line-height: 120%;
}
.player-value[data-v-041879d2] {
    font-size: 128px;
    font-family: var(--weight-700);
}
.player-name-text[data-v-041879d2] {
}
.bold[data-v-041879d2] {
    font-family: var(--weight-700);
}
.player-fav-box[data-v-041879d2] {
    width: 215px;
    height: 40px;
    background: linear-gradient(90deg, #000 0%, #28a745 100%);
    display: flex;
    align-items: center;
    border-radius: 20px;
    position: relative;
    margin: 19px 0 29px 25px;
    cursor: pointer;
}
.player-fav-box img[data-v-041879d2] {
    height: 100%;
    transform: scale(1.6) translate3d(-25%, 0, 0);
}
.player-fav-followers[data-v-041879d2] {
    color: #fff;
    font-size: 22.4px;
    padding-left: 8px;
}
.player-img[data-v-041879d2] {
    /* background-image: url('../../../../../static/images/icons/aspn_icon/player/player_bg.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 96px 0 57px; */
    border-radius: 50%;
    width: 188px;
    height: 188px;
}
.player-img img[data-v-041879d2] {
    width: 500px;
    display: inherit;
}
.player-info[data-v-041879d2] {
    padding-top: 30px;
    padding-bottom: 80px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 60px;
}
.player-info-item[data-v-041879d2] {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.player-info-item[data-v-041879d2]:last-child {
    margin-bottom: 0;
}
.player-info-title[data-v-041879d2] {
    font-size: 14px;
    color: #6c757d;
    letter-spacing: 0.64px;
}
.player-info-data[data-v-041879d2] {
    font-size: 24px;
    font-family: var(--weight-600);
    margin-top: 4px;
    letter-spacing: -0.64px;
}
.flag[data-v-041879d2] {
    width: 30px;
    margin-right: 8px;
}
.info-country[data-v-041879d2] {
    display: flex;
    align-items: center;
}
.player-tab[data-v-041879d2] {
    background-color: var(--color-background-default-secondary);
    padding: 24px 24px 0 24px;
    border-radius: 16px;
}
.player-tab .sub-nav__child[data-v-041879d2] {
    padding: 0 16px;
    margin-right: 0;
}
.sub-nav__child-indicator[data-v-041879d2] {
    margin-top: 8px;
}
.fav-player[data-v-041879d2] {
    width: 56px;
    flex-shrink: 0;
    height: 56px;
}
@media(max-width: 768px) {
    /* for test */
.player-tab[data-v-041879d2] {
        padding: 16px 0 0;
        border-radius: 0;
        border-bottom: 1px solid var(--gray-300);
        justify-content: center;
}
.player-info[data-v-041879d2] {
        display: none;
}
.player-overview-container[data-v-041879d2] {
        display: block;
}
.player-img[data-v-041879d2] {
        width: 114.6px;
        height: 114.6px;
        /* position: absolute; */
        /* top: 0; */
        /* left: 0; */
        /* margin: 0; */
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        display: flex;
        justify-content: right;
        flex-shrink: 0;
}
.player-img img[data-v-041879d2] {
        width: 220px;
        height: 220px;
        margin: 0;
}
.player-content[data-v-041879d2] {
        width: 100%;
        position: relative;
        /* margin-top: 45.59px; */
        padding-top: 0;
        min-height: 140px;
}
.player-data[data-v-041879d2] {
        max-width: unset;
        margin: 0 16px;
        position: relative;
        z-index: 3;
        /* flex-direction: row-reverse; */
        justify-content: flex-start;
        width: 100%;
        gap: 20.96px;
}
.player-value[data-v-041879d2] {
        font-size: 32px;
        font-family: var(--weight-700);
        letter-spacing: -0.64px;
        line-height: 120%;
}
.player-name[data-v-041879d2] {
        gap: 0;
        display: flex;
        flex-direction: column-reverse;
        align-items: baseline;
}
.player-name-text[data-v-041879d2] {
        font-size: 20px;
        line-height: 120%;
        font-family: var(--weight-600);
}
.player-info-title[data-v-041879d2],
    .player-info-data[data-v-041879d2] {
        display: none !important;
}
.info-country[data-v-041879d2] {
        display: block !important;
}
.player-fav-box[data-v-041879d2] {
        width: 140px;
        height: 32px;
        margin: 21px 0 16px;
}
.player-fav-box img[data-v-041879d2] {
        transform: scale(1) translate3d(-25%, 0, 0);
}
.player-fav-followers[data-v-041879d2] {
        font-size: 14px;
        padding-left: 0;
        letter-spacing: 0.64px;
}
.player-info-data[data-v-041879d2] {
        display: flex;
        margin-top: 0;
        align-items: center;
}
.flag[data-v-041879d2] {
        width: 44px;
}
.player-info-item[data-v-041879d2] {
        margin-bottom: 0;
}
.player-tab .sub-nav__child[data-v-041879d2] {
        padding: 0 12px;
}
.scroll_top_logo[data-v-041879d2] {
        left: 50%;
        transform: translate3D(-50%, 0, 0);
        top: 2px;
}
.scroll_top_tabs[data-v-041879d2] {
        top: 43.19px;
        width: 100%;
}
.sub-nav__child-indicator[data-v-041879d2] {
        margin-top: 16px;
}
.play-index-box[data-v-041879d2] {
        background-size: auto 220px;
}
}


.player-mobile-header .nav-header__title {
    color: var(--color-text-default-default);
}
.player-img .icon-player .img-contain {
    border-radius: 50%;
}


.icon-league[data-v-041879d2] {
    margin-right: 8px;
}

