.qd-roster{padding-block:var(--qd-space-giant)}.qd-roster__title{text-align:center;font-family:var(--qd-font-whimsy);font-size:var(--qd-font-xxl);letter-spacing:1px;margin:0 0 var(--qd-space-xxl);color:var(--qd-color-white)}.qd-roster__accent{color:var(--qd-color-red)}.qd-packs{display:flex;flex-direction:column;gap:var(--qd-space-xxl)}.qd-pack{border:1px solid var(--qd-border-card);border-radius:var(--qd-radius-lg);overflow:hidden;transition:var(--qd-transition-bounce)}.qd-pack__header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--qd-space-md);padding-block:var(--qd-space-md);padding-inline:var(--qd-space-xl);border-bottom:1px solid rgba(255,255,255,.05)}.qd-pack__name{font-family:var(--qd-font-display);font-size:var(--qd-font-md);letter-spacing:3px;flex:1;min-width:12rem;margin:0}.qd-pack__tagline{font-size:var(--qd-font-sm);color:var(--qd-text-soft);font-style:italic}@media screen and (max-width:749px){.qd-pack__tagline{order:3;width:100%}}.qd-pack__count{font-family:var(--qd-font-display);font-size:var(--qd-font-sm);letter-spacing:2px;color:var(--qd-text-meta);white-space:nowrap}.qd-pack__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr))}@media screen and (max-width:600px){.qd-pack__grid{grid-template-columns:repeat(4,1fr)}}.qd-creature{display:flex;flex-direction:column;align-items:center;gap:var(--qd-space-sm);padding-block-start:var(--qd-space-lg);padding-block-end:var(--qd-space-md);padding-inline:var(--qd-space-xs);border-right:1px solid var(--qd-border-muted);transition:background .12s}.qd-creature:last-child{border-right:none}.qd-creature:hover{background:#ffffff06}.qd-creature--dead{background:var(--qd-surface-deep)}.qd-creature--dead .qd-creature__icon{background:#111!important;border:1px dashed #333333}.qd-creature--dead .qd-creature__qty{display:none}.qd-creature--dead .qd-creature__name{color:#444}.qd-creature__icon{width:clamp(7.2rem,3.5vw + 4.8rem,9.6rem);height:clamp(7.2rem,3.5vw + 4.8rem,9.6rem);border-radius:var(--qd-radius-lg);display:flex;align-items:center;justify-content:center;position:relative}.qd-creature__icon img{width:clamp(4.4rem,2vw + 3.2rem,6.4rem);height:clamp(4.4rem,2vw + 3.2rem,6.4rem);object-fit:contain;filter:brightness(0) invert(1)}.qd-creature__qty{position:absolute;top:4px;left:6px;font-family:var(--qd-font-display);font-size:var(--qd-font-md);line-height:1;color:var(--qd-color-white)}.qd-creature__name{font-family:var(--qd-font-display);font-size:var(--qd-font-xs);letter-spacing:1px;text-align:center;color:var(--qd-color-off-white)}.qd-pack--purple .qd-pack__header{background:var(--qd-pack-purple-header-bg)}.qd-pack--purple .qd-pack__name{color:var(--qd-pack-purple-name)}.qd-pack--purple .qd-creature__icon{background:var(--qd-color-purple)}.qd-pack--purple .qd-creature__qty{color:var(--qd-pack-purple-qty)}.qd-pack--green .qd-pack__header{background:var(--qd-pack-green-header-bg)}.qd-pack--green .qd-pack__name{color:var(--qd-pack-green-name)}.qd-pack--green .qd-creature__icon{background:var(--qd-pack-green-icon)}.qd-pack--green .qd-creature__qty{color:var(--qd-pack-green-qty)}.qd-pack--blue .qd-pack__header{background:var(--qd-pack-blue-header-bg)}.qd-pack--blue .qd-pack__name{color:var(--qd-pack-blue-name)}.qd-pack--blue .qd-creature__icon{background:var(--qd-color-blue)}.qd-pack--blue .qd-creature__qty{color:var(--qd-pack-blue-qty)}.qd-pack--amber .qd-pack__header{background:var(--qd-pack-amber-header-bg)}.qd-pack--amber .qd-pack__name{color:var(--qd-pack-amber-name)}.qd-pack--amber .qd-creature__icon{background:var(--qd-color-gold)}.qd-pack--amber .qd-creature__qty{color:var(--qd-pack-amber-qty)}.qd-pack--red .qd-pack__header{background:var(--qd-pack-red-header-bg)}.qd-pack--red .qd-pack__name{color:var(--qd-pack-red-name)}.qd-pack--red .qd-creature__icon{background:var(--qd-color-red)}.qd-pack--red .qd-creature__qty{color:var(--qd-pack-red-qty)}@media screen and (max-width:749px){.qd-pack__name{min-width:0;flex-direction:column;align-items:flex-start;gap:.2em;line-height:1.28}}@media screen and (max-width:479px){.qd-packs{gap:var(--qd-space-lg);padding-block-end:var(--qd-space-md)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-qd-roster.css.map */