.qd-roster{background-color:var(--qd-color-purple-dark);color:var(--qd-color-gold-light);padding-block:var(--qd-space-giant)}.qd-roster__title{margin:0 0 var(--qd-space-xxl)}.qd-packs{display:flex;flex-direction:column;gap:var(--qd-space-xxl)}.qd-pack{background:var(--qd-surface-raised);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-primary);font-size:var(--qd-font-md);letter-spacing:.08em;flex:1;min-width:var(--qd-space-titanic);margin:0;line-height:var(--qd-lh-hero-headline)}.qd-pack__tagline{font-family:var(--qd-font-primary);font-size:var(--qd-font-sm);color:var(--qd-text-soft);font-style:italic;line-height:var(--qd-lh-card)}@media screen and (max-width:749px){.qd-pack__tagline{order:3;width:100%}}.qd-pack__count{font-family:var(--qd-font-primary);font-size:var(--qd-font-sm);letter-spacing:.06em;color:var(--qd-text-meta);white-space:nowrap}.qd-pack__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--qd-space-titanic),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:var(--qd-surface-deep)!important;border:1px dashed var(--qd-border-muted)}.qd-creature--dead .qd-creature__qty{display:none}.qd-creature--dead .qd-creature__name{color:var(--qd-text-placeholder)}.qd-creature__icon{width:var(--qd-space-titanic);height:var(--qd-space-titanic);border-radius:var(--qd-radius-lg);display:flex;align-items:center;justify-content:center;position:relative}.qd-creature__icon img{width:var(--qd-space-giant);height:var(--qd-space-giant);object-fit:contain;filter:brightness(0) invert(1)}.qd-creature__qty{position:absolute;top:var(--qd-space-xxs);left:var(--qd-space-xs);font-family:var(--qd-font-header);font-size:var(--qd-font-md);line-height:1;color:var(--qd-color-white)}.qd-creature__name{font-family:var(--qd-font-header);font-size:var(--qd-font-xs);letter-spacing:.04em;text-align:center;color:var(--qd-color-zebra);line-height:var(--qd-lh-card)}.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-pack-purple-icon)}.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;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/6/assets/qd-style-component-qd-roster.css.map */