.ref-role-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:inherit;border-radius:999px;padding:7px 10px;font:inherit;font-size:12px;cursor:pointer}.ref-role-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.58);backdrop-filter:blur(12px)}.ref-role-dialog{width:min(560px,100%);max-height:min(78vh,720px);overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#111116;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.42)}.ref-role-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.ref-role-head h3{margin:2px 0 4px;font-size:18px}.ref-role-head p{margin:0;color:#999;font-size:13px}.ref-role-close{border:0;background:rgba(255,255,255,.07);color:#fff;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}.ref-role-list{display:grid;gap:10px}.ref-role-item{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035)}.ref-role-meta{min-width:0}.ref-role-meta strong,.ref-role-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-role-meta span{margin-top:4px;color:#8f8f99;font-size:12px;text-transform:capitalize}.ref-role-select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#19191f;color:#fff;padding:9px;font:inherit}.ref-role-empty{padding:18px;color:#999;text-align:center}@media(max-width:560px){.ref-role-item{grid-template-columns:1fr}.ref-role-dialog{border-radius:20px;padding:15px}}