/**
 * 이 파일은 아이모듈 회원모듈의 일부입니다. (https://www.imodules.io)
 *
 * 회원모듈 기본 스타일시트를 정의한다.
 *
 * @file /modules/member/styles/Member.css
 * @author Arzz <arzz@arzz.com>
 * @license MIT License
 * @modified 2024. 2. 15.
 */
span[data-module='member'][data-role='name'] {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
    position: relative;
    padding-left: calc(1lh + 5px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    > i[data-role='photo'] {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        line-height: inherit;
        height: 100%;
        border-radius: 50%;
        border: 1px solid var(--color-background-100);
        background-clip: padding-box;
        background-size: cover;
        background-position: 50% 50%;
        box-sizing: border-box;
        overflow: hidden;

        > b {
            display: block;
            aspect-ratio: 1/1;
            height: 100%;
        }
    }

    > b {
        &.guest {
            font-weight: normal;
        }
    }
}