@charset "UTF-8";

.ds-popup-layer{
    position:relative;
    z-index:1999;
}
.ds-user-popup{
    position:fixed;
    z-index:var(--popup-z);
    top:var(--popup-top);
    left:var(--popup-left);
    width:min(var(--popup-width),calc(100vw - 28px));
    overflow:hidden;
    border:1px solid #e1e4ea;
    border-radius:16px;
    background:#fff;
    box-shadow:0 22px 60px rgba(24,34,65,.25);
}
.ds-user-popup.is-centered{
    left:50%;
    transform:translateX(-50%);
}
.ds-user-popup__header{
    display:flex;
    min-height:48px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 14px;
    border-bottom:1px solid #eceef2;
}
.ds-user-popup__header strong{
    overflow:hidden;
    font-size:15px;
    font-weight:750;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.ds-user-popup__header button{
    width:30px;
    height:30px;
    border:0;
    border-radius:50%;
    color:#6b7381;
    background:#f2f3f6;
    font-size:20px;
    cursor:pointer;
}
.ds-user-popup__body>a{
    display:block;
    color:inherit;
}
.ds-user-popup__image{
    display:block;
    width:100%;
    max-height:520px;
    object-fit:cover;
}
.ds-user-popup__content{
    padding:18px;
    color:#454c59;
    font-size:13px;
    line-height:1.7;
}
.ds-user-popup__footer{
    display:flex;
    min-height:45px;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:8px 12px;
    border-top:1px solid #eceef2;
    background:#f8f9fb;
}
.ds-user-popup__footer button{
    border:0;
    color:#555e6d;
    background:transparent;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
}
@media(max-width:760px){
    .ds-user-popup,
    .ds-user-popup.is-centered{
        top:70px!important;
        left:14px!important;
        width:calc(100vw - 28px)!important;
        max-height:calc(100vh - 150px);
        transform:none!important;
        overflow-y:auto;
    }
}