.dirx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));grid-gap:8px;gap:8px;width:100%}.dirx-card{position:relative;background:var(--panel);border-radius:12px;padding:40px 16px 24px;flex-direction:column;gap:24px;box-shadow:0 6px 20px rgba(0,0,0,.02);min-width:0;overflow:hidden}.dirx-av,.dirx-card{display:flex;align-items:center}.dirx-av{width:100px;height:100px;border-radius:50px;justify-content:center;font-size:32px;font-weight:600;color:#fff;flex-shrink:0}.dirx-body{gap:20px}.dirx-body,.dirx-titleblock{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}.dirx-titleblock{gap:12px}.dirx-name{font-size:20px;font-weight:600;line-height:1.3;color:var(--ink);text-align:center;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dirx-meta{gap:16px;justify-content:center;max-width:100%}.dirx-meta,.dirx-meta .m{display:flex;align-items:center;min-width:0}.dirx-meta .m{gap:8px;font-size:14px;line-height:1.2;color:var(--clx-n500,var(--muted))}.dirx-meta .m svg{flex-shrink:0}.dirx-meta .m span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dirx-meta .div{width:1px;align-self:stretch;background:var(--hairline);flex-shrink:0}.dirx-chips{display:flex;gap:8px;align-items:center}.dirx-chip{padding:8px;border-radius:24px;border:1px solid;display:inline-flex;align-items:center;justify-content:center;background:none;cursor:pointer;text-decoration:none}.dirx-chip.t-sage{background:color-mix(in srgb,var(--green) 6%,var(--panel));border-color:color-mix(in srgb,var(--green) 24%,transparent);color:var(--green)}.dirx-chip.t-danger{background:color-mix(in srgb,var(--danger) 5%,var(--panel));border-color:color-mix(in srgb,var(--danger) 24%,transparent);color:var(--danger)}.dirx-chip.t-gold{background:color-mix(in srgb,var(--gold) 10%,var(--panel));border-color:color-mix(in srgb,var(--gold) 32%,transparent);color:var(--gold)}.dirx-chip.off,.dirx-chip:disabled{opacity:.4;cursor:not-allowed}.dirx-flag{position:absolute;left:0;top:12px;background:var(--panel-alt);border:1px solid color-mix(in srgb,var(--green) 20%,transparent);border-left:none;border-radius:0 30px 30px 0;padding:8px 20px;font-size:12px;font-weight:600;line-height:1.2;color:var(--ink);white-space:nowrap}.dirx-flag.muted{border-color:color-mix(in srgb,var(--muted) 30%,transparent);color:var(--muted)}.dirx-tag{position:absolute;right:0;top:12px;border:1px solid;border-right:none;border-radius:30px 0 0 30px;padding:8px 20px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.dirx-tag.gold{background:color-mix(in srgb,var(--gold) 10%,var(--panel));border-color:color-mix(in srgb,var(--gold) 32%,transparent);color:var(--gold)}.dirx-tag.green{background:color-mix(in srgb,var(--green) 8%,var(--panel));border-color:color-mix(in srgb,var(--green) 20%,transparent);color:var(--green)}.dirx-tag.danger{background:color-mix(in srgb,var(--danger) 5%,var(--panel));border-color:color-mix(in srgb,var(--danger) 24%,transparent);color:var(--danger)}.dirx-tag.muted{background:var(--panel-alt);border-color:color-mix(in srgb,var(--muted) 30%,transparent);color:var(--muted)}.dirx-search{width:199px}@media (max-width:640px){.dirx-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}