/* 월간 플팍스 누적 수익액과 그 외 프로필이 같은 정렬을 쓴다.
   값은 top100에서 검증된 선언 그대로다. 사진 offset은 없다.
   원형: GOLD 81.3 / BRONZE 78.8 / PLATINUM 77.8 / SILVER 74.2
   사각형 PNG 구멍은 네 등급 모두 78%이고 중심이 캔버스 중심과 같다.
   !important는 .profile-img img { width:100%; height:100% } 같은
   더 구체적인 규칙을 이기기 위한 것이다. 랭킹 화면에는 그 규칙이 없다. */
.profit-rank-profile,
.profit-badge {
    position: relative;
}
.profit-badge {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.profit-rank-profile-image,
.profit-badge-photo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 81.3%;
    height: 81.3%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    background: #EEF1F4;
    max-width: none;
}
.profit-rank-profile.is-bronze .profit-rank-profile-image,
.profit-badge.is-circle.is-bronze > .profit-badge-photo {
    width: 78.8%;
    height: 78.8%;
}
.profit-rank-profile.is-silver .profit-rank-profile-image,
.profit-badge.is-circle.is-silver > .profit-badge-photo {
    width: 74.2%;
    height: 74.2%;
}
.profit-rank-profile.is-gold .profit-rank-profile-image,
.profit-badge.is-circle.is-gold > .profit-badge-photo {
    width: 81.3%;
    height: 81.3%;
}
.profit-rank-profile.is-platinum .profit-rank-profile-image,
.profit-badge.is-circle.is-platinum > .profit-badge-photo {
    width: 77.8%;
    height: 77.8%;
}
.profit-badge.is-square > .profit-badge-photo {
    width: 78%;
    height: 78%;
    border-radius: 0;
}
.profit-rank-badge-frame,
.profit-badge-frame {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 0;
    object-fit: fill;
    pointer-events: none;
}
.profit-rank-profile-image,
.profit-badge.is-circle > .profit-badge-photo,
.profit-badge.is-circle.is-bronze > .profit-badge-photo,
.profit-badge.is-circle.is-silver > .profit-badge-photo,
.profit-badge.is-circle.is-gold > .profit-badge-photo,
.profit-badge.is-circle.is-platinum > .profit-badge-photo,
.profile-img .profit-badge.is-circle > .profit-badge-photo,
.user-img .profit-badge.is-circle > .profit-badge-photo,
.channel-img .profit-badge.is-circle > .profit-badge-photo,
.all-post-box .etc-box .profile-box .profile-img-box .profile-img .profit-badge.is-circle > .profit-badge-photo,
.writeBox .profile-img .profit-badge.is-circle > .profit-badge-photo,
.write-box-trigger .profile-img .profit-badge.is-circle > .profit-badge-photo,
.myplpax-area .profile-img .profit-badge.is-circle > .profit-badge-photo {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;
    max-width: none !important;
    border-radius: 50% !important;
}
.profit-rank-profile.is-bronze .profit-rank-profile-image,
.profit-badge.is-circle.is-bronze > .profit-badge-photo,
.profile-img .profit-badge.is-circle.is-bronze > .profit-badge-photo,
.user-img .profit-badge.is-circle.is-bronze > .profit-badge-photo,
.channel-img .profit-badge.is-circle.is-bronze > .profit-badge-photo {
    width: 78.8% !important;
    height: 78.8% !important;
}
.profit-rank-profile.is-silver .profit-rank-profile-image,
.profit-badge.is-circle.is-silver > .profit-badge-photo,
.profile-img .profit-badge.is-circle.is-silver > .profit-badge-photo,
.user-img .profit-badge.is-circle.is-silver > .profit-badge-photo,
.channel-img .profit-badge.is-circle.is-silver > .profit-badge-photo {
    width: 74.2% !important;
    height: 74.2% !important;
}
.profit-rank-profile.is-gold .profit-rank-profile-image,
.profit-badge.is-circle.is-gold > .profit-badge-photo,
.profile-img .profit-badge.is-circle.is-gold > .profit-badge-photo,
.user-img .profit-badge.is-circle.is-gold > .profit-badge-photo,
.channel-img .profit-badge.is-circle.is-gold > .profit-badge-photo {
    width: 81.3% !important;
    height: 81.3% !important;
}
.profit-rank-profile.is-platinum .profit-rank-profile-image,
.profit-badge.is-circle.is-platinum > .profit-badge-photo,
.profile-img .profit-badge.is-circle.is-platinum > .profit-badge-photo,
.user-img .profit-badge.is-circle.is-platinum > .profit-badge-photo,
.channel-img .profit-badge.is-circle.is-platinum > .profit-badge-photo {
    width: 77.8% !important;
    height: 77.8% !important;
}
.profit-badge.is-square > .profit-badge-photo,
.user-img .profit-badge.is-square > .profit-badge-photo,
.point-usage-history-area .user-img .profit-badge.is-square > .profit-badge-photo,
.subscribe-channel .user-img .profit-badge.is-square > .profit-badge-photo {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 78% !important;
    height: 78% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    max-width: none !important;
}
.profit-rank-badge-frame,
.profit-badge-frame,
.profile-img .profit-badge-frame,
.user-img .profit-badge-frame,
.channel-img .profit-badge-frame {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border-radius: 0 !important;
    object-fit: fill !important;
    pointer-events: none;
}
.profit-badge-host,
.profile-img:has(> .profit-badge),
.user-img:has(> .profit-badge),
.channel-img:has(> .profit-badge),
.all-post-box .etc-box .profile-box .profile-img-box .profile-img.profit-badge-host,
.all-post-box .etc-box .profile-box .profile-img.profit-badge-host,
.writeBox .profile-img.profit-badge-host,
.write-box-trigger .profile-img.profit-badge-host,
.myplpax-area .profile-img.profit-badge-host,
.top-bar-area .user-img.profit-badge-host,
.subscribe-channel .user-img.profit-badge-host,
.point-usage-history-area .user-img.profit-badge-host,
.main-content-box .subscribe-box .channel-img.profit-badge-host {
    position: relative !important;
    overflow: visible !important;
    border-radius: 0 !important;
    border: none !important;
}
/* 프로필 크기와 무관한 고정 툴팁. 헤더(z-index 11)·사이드 메뉴보다 위. */
.profit-badge-tip {
    position: fixed;
    z-index: 10020;
    display: none;
    box-sizing: border-box;
    max-width: calc(100vw - 16px);
    margin: 0;
    padding: 6px 10px;
    background: #21272A;
    color: #fff;
    font-family: "suit-regular", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    white-space: nowrap;
    border-radius: 4px;
    pointer-events: none;
}
.profit-badge-tip.is-on {
    display: block;
}
.profit-badge-tip-sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}