@layer components{.support-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.support-card{border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);transition:border-color var(--t-fast), transform var(--t) var(--ease-lift);justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex}.support-card:hover{border-color:var(--line-strong)}.support-card__info{align-content:start;gap:10px;min-width:0;display:grid}.support-card__head{align-items:center;gap:12px;display:flex}.support-card__mark{background:var(--surface);width:38px;height:38px;color:var(--fg);border-radius:11px;flex:none;place-items:center;display:grid}.support-card__mark[data-kind=bmc]{color:#0d0c22;background:#fd0}.support-card__mark .icon{width:18px;height:18px}.support-card__title{font:400 24px/1.15 var(--ff-serif);letter-spacing:-.01em}.support-card__note{color:var(--fg-2);max-width:44ch;font-size:14.5px;line-height:1.55}.support-card__id{color:var(--fg);flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;display:flex}.support-card__actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.support-card__qr{border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);background:#fff;flex:none;margin:0;padding:10px;line-height:0}.support-card__qr img{border-radius:4px;width:152px;height:152px}@media (hover:hover) and (pointer:fine){.support-card__app{display:none}}@media (max-width:560px){.support-card{flex-direction:column;align-items:stretch;padding:18px}.support-card__qr{align-self:center}.support-card__qr img{width:200px;height:200px}}}
