.cpk{display:flex;align-items:center;gap:4px 14px;min-width:0}.cpk ul{display:grid;grid-template-columns:repeat(var(--cpk-n, 9),minmax(0,1fr));flex:1;gap:4px;min-width:0;margin:0;padding:0;list-style:none}.cpk-h{flex:none;font-size:12.5px;font-weight:700;color:var(--text-muted)}.cpk-c{display:grid;justify-items:center;align-content:start;gap:6px;width:100%;padding:6px 2px 8px;border:0;border-radius:var(--radius);background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:background-color var(--t-quick) var(--ease-out),color var(--t-quick) var(--ease-out),scale var(--t-quick) var(--ease-out);-webkit-tap-highlight-color:transparent}.cpk-c:hover{background:var(--wash-gold);color:var(--text);text-decoration:none}.cpk-c:active{scale:calc(1 - (1 - var(--press)) * var(--motion-move, 1))}.cpk-c:focus-visible{outline:2px solid var(--link);outline-offset:-2px}.cpk-crest{--s: 34px}.cpk-crest>img{display:block;width:100%;height:100%}.cpk-n{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-class=warrior] .cpk-pick [data-cls=warrior],html[data-class=paladin] .cpk-pick [data-cls=paladin],html[data-class=hunter] .cpk-pick [data-cls=hunter],html[data-class=rogue] .cpk-pick [data-cls=rogue],html[data-class=priest] .cpk-pick [data-cls=priest],html[data-class=shaman] .cpk-pick [data-cls=shaman],html[data-class=mage] .cpk-pick [data-cls=mage],html[data-class=warlock] .cpk-pick [data-cls=warlock],html[data-class=druid] .cpk-pick [data-cls=druid],.cpk-c[aria-pressed=true],.cpk-c[aria-current=page]{color:var(--text);border-radius:var(--radius) var(--radius) 0 0;box-shadow:inset 0 -2px 0 var(--ring-gold-hi)}html[data-class=warrior] .cpk-pick [data-cls=warrior]>.kit-ring,html[data-class=paladin] .cpk-pick [data-cls=paladin]>.kit-ring,html[data-class=hunter] .cpk-pick [data-cls=hunter]>.kit-ring,html[data-class=rogue] .cpk-pick [data-cls=rogue]>.kit-ring,html[data-class=priest] .cpk-pick [data-cls=priest]>.kit-ring,html[data-class=shaman] .cpk-pick [data-cls=shaman]>.kit-ring,html[data-class=mage] .cpk-pick [data-cls=mage]>.kit-ring,html[data-class=warlock] .cpk-pick [data-cls=warlock]>.kit-ring,html[data-class=druid] .cpk-pick [data-cls=druid]>.kit-ring{box-shadow:0 0 0 2px #000,0 0 0 3px var(--gold)}.cpk-l .cpk-crest{--s: 56px}.cpk-l .cpk-c{gap:8px;padding:8px 2px 10px}.cpk-s .cpk-c{font-size:11.5px}.cpk-s ul{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:2px}.cpk-s .cpk-c{width:auto;min-width:58px;padding:5px 6px 7px;gap:4px}.cpk-s .cpk-crest{--s: 32px}.cpk-xs ul{display:flex;flex-wrap:wrap;gap:8px}.cpk-xs .cpk-c{width:auto;padding:0}.cpk-xs .cpk-crest{--s: 32px}.cpk.cpk-xs .cpk-c.cpk-c{background:none;box-shadow:none}@media(max-width:700px){.cpk-l ul{grid-template-columns:repeat(5,minmax(0,1fr))}.cpk-l .cpk-crest{--s: 44px}.cpk-l .cpk-c{min-height:44px;font-size:11px}.cpk-s .cpk-h{display:none}.cpk-s ul{display:grid;flex:1;flex-wrap:nowrap;grid-template-columns:repeat(var(--cpk-n, 9),minmax(0,1fr))}.cpk-s .cpk-crest{--s: 30px}.cpk-s .cpk-c{width:100%;min-width:0;min-height:44px;padding:6px 0 7px}.cpk-s .cpk-n{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}