.pf-badge{border:1px solid;border-radius:6px;place-items:center;width:22px;height:22px;display:inline-grid}.pf-badge-wrap{display:inline-flex;position:relative}.pf-badge-card{z-index:40;opacity:0;pointer-events:none;text-align:left;background:#08080bf7;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.375rem;width:max-content;max-width:250px;padding:.75rem;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 18px 40px -18px #000000f2}.pf-badge-wrap:hover .pf-badge-card,.pf-badge-wrap:focus-within .pf-badge-card{opacity:1;transform:translate(-50%)}.pf-badge-card-head{align-items:center;gap:.5rem;display:flex}.pf-badge-card-icon{border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.pf-badge-card-titles{flex-direction:column;min-width:0;display:flex}.pf-badge-card-name{color:#ecebe9;font-size:.875rem;font-weight:600;line-height:1.2}.pf-badge-card-rarity{letter-spacing:.02em;text-transform:lowercase;font-size:.6875rem}.pf-badge-card-desc{color:#c9c7c4;font-size:.8125rem;line-height:1.45}.pf-badge-card-how,.pf-badge-card-date{color:#94918d;font-size:.75rem;line-height:1.4}@media (pointer:coarse){.pf-badge-card{display:none}}