.zfd{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;column-gap:18px;min-width:0;padding:18px clamp(20px,2.6vw,28px);background:radial-gradient(90% 180% at 0 50%,var(--zu-brand-wash),transparent 62%),var(--zu-light-raise);border:1px solid var(--zu-line);border-radius:var(--zu-r-4);color:var(--zu-ink);transition:border-color .16s var(--vk-ease-snappy)}.zfd:hover{border-color:var(--zu-brand-line)}.zfd__orb{display:block;width:56px;height:56px}.zfd__who{display:grid;gap:2px;min-width:0;margin:0}.zfd__who strong{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600;line-height:1.35;color:var(--zu-ink)}.zfd__who strong:after{content:"";flex:none;width:8px;height:8px;border-radius:999px;background:var(--zu-ok)}.zfd__who span{font-size:15px;line-height:1.45;color:var(--zu-ink-3);text-wrap:pretty}.zfd__door{gap:10px}.zfd .zfd__glyph{flex:none;width:18px;height:18px;color:var(--zu-ink-2);transition:color .16s var(--vk-ease-snappy)}@media (hover:hover){.zfd:hover .zfd__glyph{color:var(--zu-brand-text)}}.zfd__door:after{content:"";position:absolute;inset:0;border-radius:var(--zu-r-4)}.zfd__door:active{transform:none}.zfd__door:focus-visible{outline:2px solid var(--zu-brand);outline-offset:3px}@media (max-width:559px){.zfd{grid-template-columns:48px minmax(0,1fr);column-gap:16px;row-gap:14px;padding:14px}.zfd__orb{width:48px;height:48px}.zfd__door{grid-column:1/-1;width:100%;height:48px}}@media (prefers-reduced-motion:reduce){.zfd,.zfd .zfd__glyph{transition:none}}