.mx-pf-name{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.mx-pf-name h1{min-width:0}@media (max-width:640px){.mx-pf-id>.mx-pf-name{grid-column:2;align-self:end}}.mx-marks{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:inline-flex}.mx-mark{display:inline-flex;position:relative}.mx-mark[data-kind=admin]{--mark:var(--indigo)}.mx-mark[data-kind=wwcc]{--mark:var(--positive)}.mx-mark[data-kind=test]{--mark:var(--pending)}.mx-mark-btn{border:1px solid color-mix(in srgb, var(--mark) 34%, transparent);background:color-mix(in srgb, var(--mark) 13%, var(--surface));width:24px;height:24px;color:var(--mark);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.mx-mark-btn:hover,.mx-mark-btn[aria-describedby]{background:color-mix(in srgb, var(--mark) 22%, var(--surface))}.mx-mark-btn:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}@media (pointer:coarse){.mx-mark-btn:after{content:"";position:absolute;inset:-10px}}.mx-mark-pop{z-index:40;width:max-content;max-width:min(280px,100vw - 32px);transform:translateX(var(--mark-shift,0px));animation:mark-in var(--dur-fast) var(--ease-out);padding-top:8px;position:absolute;top:100%;left:0}.mx-mark-pop[data-flip=up]{padding-top:0;padding-bottom:8px;top:auto;bottom:100%}@keyframes mark-in{0%{opacity:0;transform:translateX(var(--mark-shift,0px)) translateY(-4px)}to{opacity:1;transform:translateX(var(--mark-shift,0px)) translateY(0)}}.mx-mark-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--mx-radius);box-shadow:0 12px 28px rgba(var(--shadow-rgb), .22);color:var(--ink);text-align:left;font-size:var(--text-sm);letter-spacing:normal;align-items:flex-start;gap:10px;padding:12px 14px;font-weight:400;display:flex}.mx-mark-card-icon{background:color-mix(in srgb, var(--mark) 13%, var(--surface));width:28px;height:28px;color:var(--mark);border-radius:50%;flex:none;place-items:center;display:grid}.mx-mark-card strong{font-size:var(--text-base);line-height:var(--leading-tight);display:block}.mx-mark-card p{color:var(--muted);margin:3px 0 0;line-height:1.45}@media (forced-colors:active){.mx-mark-btn,.mx-mark-card{color:canvastext;background:canvas;border-color:canvastext}}