.pass-tile[data-v-1b28308b]{-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #94a3b873;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.dark .pass-tile[data-v-1b28308b],:root.dark .pass-tile[data-v-1b28308b]{background:linear-gradient(#0f172ae6,#020617e6);border-color:#1e293bcc}.pass-tile-art[data-v-1b28308b]{flex:1;justify-content:center;align-items:center;min-height:0;padding:.5rem;transition:filter .15s;display:flex;position:relative}.pass-tile-bg[data-v-1b28308b] .cosmetic-preview-bg{border-radius:0}.pass-tile-sticker[data-v-1b28308b]{width:100%;height:100%;padding:.25rem}.pass-tile-border-box[data-v-1b28308b]{width:55%;max-width:5rem}.pass-tile-title-plate[data-v-1b28308b]{text-align:center;justify-content:center;align-items:center;padding:0 .5rem;display:flex}.pass-tile-title-text[data-v-1b28308b]{text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(120deg,#ec4899,#a855f7);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.9rem;font-weight:700;line-height:1.2}.pass-tile-pack-wrap[data-v-1b28308b]{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;height:100%;display:flex}.pass-tile-pack[data-v-1b28308b]{flex:1;width:4.5rem;min-height:0;position:relative}.pass-tile-pack-tier[data-v-1b28308b]{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb,var(--rarity) 70%,#000);font-size:.75rem;font-weight:700}.dark .pass-tile-pack-tier[data-v-1b28308b],:root.dark .pass-tile-pack-tier[data-v-1b28308b]{color:var(--rarity)}.pass-tile-pack-card[data-v-1b28308b]{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px #00000059);width:2.6rem;height:2.6rem;position:absolute;top:50%;left:50%}.pass-tile-pack-card--0[data-v-1b28308b]{transform:translate(-50%,-50%)rotate(-16deg)translate(-.85rem)}.pass-tile-pack-card--1[data-v-1b28308b]{z-index:1;transform:translate(-50%,-54%)}.pass-tile-pack-card--2[data-v-1b28308b]{z-index:2;transform:translate(-50%,-50%)rotate(16deg)translate(.85rem)}.pass-tile-currency[data-v-1b28308b]{flex-direction:column;align-items:center;gap:.375rem;display:flex}.pass-tile-currency-amount[data-v-1b28308b]{font-variant-numeric:tabular-nums;color:#334155;font-size:1.05rem;font-weight:800}.dark .pass-tile-currency-amount[data-v-1b28308b],:root.dark .pass-tile-currency-amount[data-v-1b28308b]{color:#e2e8f0}.pass-tile--dimmed .pass-tile-art[data-v-1b28308b]{opacity:.45;filter:saturate(.55)}.pass-tile--claimable[data-v-1b28308b]{cursor:pointer}.pass-tile--claimable:hover .pass-tile-art[data-v-1b28308b]{filter:brightness(1.08)}.pass-tile--claimable[data-v-1b28308b]:focus-visible{outline-offset:-2px;outline:2px solid #ec4899}@media (hover:none){.pass-tile--claimable .pass-tile-claim-pill[data-v-1b28308b]{animation:2.2s ease-in-out infinite pass-pill-breathe-1b28308b}}@keyframes pass-pill-breathe-1b28308b{0%,to{box-shadow:0 2px 8px #ec489959}50%{box-shadow:0 2px 14px #ec4899bf}}@media (prefers-reduced-motion:reduce){.pass-tile--claimable .pass-tile-claim-pill[data-v-1b28308b]{animation:none}}@media (hover:hover) and (pointer:fine){.pass-tile-claim-pill[data-v-1b28308b]{opacity:0;transition:opacity .15s}.pass-tile--claimable:focus-visible .pass-tile-claim-pill[data-v-1b28308b],.pass-tile--claimable:hover .pass-tile-claim-pill[data-v-1b28308b],.pass-tile-claim-pill.is-busy[data-v-1b28308b]{opacity:1}}.pass-tile-claim-pill[data-v-1b28308b]{z-index:10;text-transform:uppercase;letter-spacing:.05em;color:#fff;pointer-events:none;background:linear-gradient(120deg,#ec4899,#a855f7);border-radius:9999px;padding:.2rem .7rem;font-size:.6875rem;font-weight:700;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #ec489973}.pass-tile-check[data-v-1b28308b]{color:#fff;background:#10b981;font-size:.6875rem;box-shadow:0 1px 4px #0000004d}.pass-tile-check[data-v-1b28308b],.pass-tile-lock[data-v-1b28308b]{z-index:10;border-radius:9999px;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;display:flex;position:absolute;top:.375rem;right:.375rem}.pass-tile-lock[data-v-1b28308b]{color:#94a3b8;background:#0f172ad9;font-size:.625rem}.pass-track[data-v-48b011ca]{--pass-tile-h:11rem;--pass-tile-w:9rem;--pass-tile-gap:.625rem;--pass-rail-h:2.5rem;--pass-pad-top:.75rem;--pass-surface:#fff;--pass-progress:#f59e0b;--pass-progress-ink:#451a03;position:relative}.dark .pass-track[data-v-48b011ca]{--pass-surface:#0f172a}.pass-track-scroller[data-v-48b011ca]{gap:var(--pass-tile-gap);padding:var(--pass-pad-top) 1rem 1rem 0;scrollbar-width:thin;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.pass-track-col[data-v-48b011ca]{width:calc(var(--pass-tile-w)*var(--pass-col-span,1) + var(--pass-tile-gap)*(var(--pass-col-span,1) - 1));flex-direction:column;flex:none;display:flex}.pass-track-slot[data-v-48b011ca]{gap:var(--pass-tile-gap);height:var(--pass-tile-h);display:flex}.pass-track-slot[data-v-48b011ca]>*{flex:1 1 0;min-width:0}@media (width<=640px){.pass-track[data-v-48b011ca]{--pass-tile-h:8.5rem;--pass-tile-w:7.5rem}}.pass-track-gutter[data-v-48b011ca]{z-index:15;pointer-events:none;background:linear-gradient(90deg,var(--pass-surface) 72%,color-mix(in srgb,var(--pass-surface) 0%,transparent) 100%);flex-direction:column;flex:none;justify-content:space-between;margin-right:-.75rem;padding-left:1rem;padding-right:1.5rem;display:flex;position:sticky;left:0}.pass-track-row-label[data-v-48b011ca]{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.1em;text-align:center;color:#64748b;font-size:.8125rem;font-weight:700;transform:rotate(180deg)}.dark .pass-track-row-label[data-v-48b011ca]{color:#94a3b8}.pass-track-row-label--free[data-v-48b011ca]{height:var(--pass-tile-h)}.pass-track-row-label--premium[data-v-48b011ca]{color:var(--pass-progress)}.pass-track-row-premium[data-v-48b011ca]{height:var(--pass-tile-h);justify-content:center}.pass-track-row-charm[data-v-48b011ca],.pass-track-row-premium[data-v-48b011ca]{flex-direction:column;align-items:center;display:flex}.pass-track-row-charm[data-v-48b011ca]{pointer-events:auto;transform-origin:50% 0;animation:6s ease-in-out infinite pass-charm-swing-48b011ca}.pass-track-row-charm[data-v-48b011ca]:before{content:"";background:color-mix(in srgb,var(--pass-progress) 65%,transparent);width:1px;height:.4rem}@keyframes pass-charm-swing-48b011ca{0%,72%{transform:rotate(0)}76%{transform:rotate(9deg)}81%{transform:rotate(-7deg)}86%{transform:rotate(4.5deg)}91%{transform:rotate(-2.5deg)}96%{transform:rotate(1deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.pass-track-row-charm[data-v-48b011ca]{animation:none}}.pass-track-rail[data-v-48b011ca],.pass-track-rail-spacer[data-v-48b011ca]{height:var(--pass-rail-h)}.pass-track-rail[data-v-48b011ca]{align-items:center;display:flex}.pass-track-rail-line[data-v-48b011ca]{background:#e2e8f0;border-radius:9999px;flex:1;height:3px;position:relative;overflow:hidden}.dark .pass-track-rail-line[data-v-48b011ca]{background:#1e293b}.pass-track-rail-line.is-filled[data-v-48b011ca],.pass-track-rail-partial[data-v-48b011ca]{background:var(--pass-progress)}.pass-track-rail-partial[data-v-48b011ca]{border-radius:9999px;position:absolute;inset:0 auto 0 0}.pass-track-chip[data-v-48b011ca]{font-variant-numeric:tabular-nums;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;flex:none;justify-content:center;align-items:center;min-width:1.75rem;height:1.75rem;margin:0 .25rem;padding:0 .375rem;font-size:.6875rem;font-weight:700;display:flex}.dark .pass-track-chip[data-v-48b011ca]{color:#94a3b8;background:#0f172a;border-color:#334155}.pass-track-chip.is-reached[data-v-48b011ca]{color:var(--pass-progress-ink);background:var(--pass-progress);border-color:#0000}.pass-track-empty[data-v-48b011ca]{width:100%;height:var(--pass-tile-h)}.pass-track-arrow[data-v-48b011ca]{top:calc(var(--pass-pad-top) + var(--pass-tile-h) + var(--pass-rail-h)/2);z-index:20;color:#334155;cursor:pointer;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.8125rem;transition:background .15s,color .15s;display:flex;position:absolute;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.dark .pass-track-arrow[data-v-48b011ca]{color:#cbd5e1;background:#0f172aeb;border-color:#334155}.pass-track-arrow[data-v-48b011ca]:hover{color:#ec4899}.pass-track-arrow--left[data-v-48b011ca]{left:.375rem}.pass-track-arrow--right[data-v-48b011ca]{right:.375rem}@media (hover:none){.pass-track-arrow[data-v-48b011ca]{display:none}}
