[data-tint=sage]{--pack-base:#e3ecdf;--pack-ink:#2f4a2c}[data-tint=lilac]{--pack-base:#e8e2f3;--pack-ink:#43306b}[data-tint=ochre]{--pack-base:#f3e8cf;--pack-ink:#6b4e0f}[data-tint=blue]{--pack-base:#dde9f6;--pack-ink:#1f4468}[data-tint=teal]{--pack-base:#d9eeed;--pack-ink:#17504f}[data-tint=rose]{--pack-base:#f5e1e4;--pack-ink:#6e2a37}[data-tint=sand]{--pack-base:#efe8dc;--pack-ink:#59492f}[data-tint=peach]{--pack-base:#f8e4d8;--pack-ink:#703a1d}[data-tint=plum]{--pack-base:#eadcea;--pack-ink:#5a2559}[data-tint=olive]{--pack-base:#e8ead2;--pack-ink:#474b17}[data-tint=slate]{--pack-base:#e2e6eb;--pack-ink:#2f3b4a}[data-tint=terracotta]{--pack-base:#f1ddd5;--pack-ink:#74311f}.dark [data-tint=sage]{--pack-base:#1f2d1d;--pack-ink:#cfe3c9}.dark [data-tint=lilac]{--pack-base:#2a2140;--pack-ink:#d9cff0}.dark [data-tint=ochre]{--pack-base:#35290d;--pack-ink:#f0dba6}.dark [data-tint=blue]{--pack-base:#18283a;--pack-ink:#c6dcf2}.dark [data-tint=teal]{--pack-base:#112d2c;--pack-ink:#bfe6e4}.dark [data-tint=rose]{--pack-base:#3a1d23;--pack-ink:#f2cbd1}.dark [data-tint=sand]{--pack-base:#302a1f;--pack-ink:#e8dcc4}.dark [data-tint=peach]{--pack-base:#3a2417;--pack-ink:#f5d3bf}.dark [data-tint=plum]{--pack-base:#35183a;--pack-ink:#e6c9e5}.dark [data-tint=olive]{--pack-base:#2b2d12;--pack-ink:#dfe2b0}.dark [data-tint=slate]{--pack-base:#1d242d;--pack-ink:#cdd5df}.dark [data-tint=terracotta]{--pack-base:#3b1f17;--pack-ink:#f0cbbd}.pack-tag{background:var(--pack-base);color:var(--pack-ink);border:1px solid color-mix(in srgb, var(--pack-ink) 18%, transparent)}.pack-card,.pack-preview{background:var(--pack-base);color:var(--pack-ink);border:1px solid color-mix(in srgb, var(--pack-ink) 20%, transparent)}.pack-card-rank{-webkit-text-stroke:2px var(--pack-ink);color:#0000;pointer-events:none;font-size:96px;font-weight:800;line-height:1;inset-block-start:-28px;inset-inline-start:12px}.pack-card{--pack-solid:39%;--pack-fade:33.3333%;--pack-third:8.333rem}.pack-preview{--pack-solid:50%;--pack-fade:25%;--pack-third:9rem}.pack-backdrop{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pack-backdrop-photo{inline-size:100%;block-size:calc(100% - var(--pack-solid,0%));object-fit:cover;object-position:center top;position:absolute;inset-block-start:var(--pack-solid,0%);inset-inline:0}.pack-backdrop-art{block-size:11rem;inline-size:11rem;color:var(--pack-ink);opacity:.14;pointer-events:none;position:absolute;inset-block-end:-2.25rem;inset-inline-end:-2rem}.pack-backdrop-band{background:linear-gradient(to bottom, var(--pack-base) 0%, var(--pack-base) var(--pack-solid), color-mix(in srgb, var(--pack-base) 96%, transparent) calc(var(--pack-solid) + var(--pack-fade) * 1 / 8), color-mix(in srgb, var(--pack-base) 84%, transparent) calc(var(--pack-solid) + var(--pack-fade) * 2 / 8), color-mix(in srgb, var(--pack-base) 68%, transparent) calc(var(--pack-solid) + var(--pack-fade) * 3 / 8), color-mix(in srgb, var(--pack-base) 50%, transparent) calc(var(--pack-solid) + var(--pack-fade) * 4 / 8), color-mix(in srgb, var(--pack-base) 32%, transparent) calc(var(--pack-solid) + var(--pack-fade) * 5 / 8), color-mix(in srgb, var(--pack-base) 16%, transparent) calc(var(--pack-solid) + var(--pack-fade) * 6 / 8), color-mix(in srgb, var(--pack-base) 4%, transparent) calc(var(--pack-solid) + var(--pack-fade) * 7 / 8), transparent calc(var(--pack-solid) + var(--pack-fade) * 8 / 8));position:absolute;inset:0}.pack-head{z-index:1;background:var(--pack-base);position:relative}.pack-head:after{content:"";block-size:var(--pack-third);pointer-events:none;background:linear-gradient(to bottom, var(--pack-base) 0%, color-mix(in srgb, var(--pack-base) 96%, transparent) 12.5%, color-mix(in srgb, var(--pack-base) 84%, transparent) 25%, color-mix(in srgb, var(--pack-base) 68%, transparent) 37.5%, color-mix(in srgb, var(--pack-base) 50%, transparent) 50%, color-mix(in srgb, var(--pack-base) 32%, transparent) 62.5%, color-mix(in srgb, var(--pack-base) 16%, transparent) 75%, color-mix(in srgb, var(--pack-base) 4%, transparent) 87.5%, transparent 100%);position:absolute;inset-block-start:100%;inset-inline:0}.pack-foot{z-index:1;position:relative}.pack-foot:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(#0000,#0000008c 1.5rem);position:absolute;inset-block:-1.5rem 0;inset-inline:0}:root{--chip-data-bg:#dbeafe;--chip-data-ink:#1e3a8a;--chip-proc-bg:#dcfce7;--chip-proc-ink:#14532d;--chip-ctrl-bg:#fee2e2;--chip-ctrl-ink:#7f1d1d;--chip-plan-bg:#fef3c7;--chip-plan-ink:#78350f;--chip-conn-bg:#ede9fe;--chip-conn-ink:#4c1d95}.dark{--chip-data-bg:#172554;--chip-data-ink:#bfdbfe;--chip-proc-bg:#052e16;--chip-proc-ink:#bbf7d0;--chip-ctrl-bg:#450a0a;--chip-ctrl-ink:#fecaca;--chip-plan-bg:#451a03;--chip-plan-ink:#fde68a;--chip-conn-bg:#2e1065;--chip-conn-ink:#ddd6fe}.pack-chip{color:#0f172a;background:#ffffffd9}.pack-chip[data-kind=data]{background:var(--chip-data-bg);color:var(--chip-data-ink)}.pack-chip[data-kind=proc]{background:var(--chip-proc-bg);color:var(--chip-proc-ink)}.pack-chip[data-kind=ctrl]{background:var(--chip-ctrl-bg);color:var(--chip-ctrl-ink)}.pack-chip[data-kind=plan]{background:var(--chip-plan-bg);color:var(--chip-plan-ink)}.pack-chip[data-kind=conn]{background:var(--chip-conn-bg);color:var(--chip-conn-ink)}.pack-hairline{border-color:color-mix(in srgb, var(--pack-ink) 15%, transparent)}.pack-preview{box-shadow:0 24px 48px -12px #0f172a59,0 8px 16px -8px #0f172a33}@media (prefers-reduced-motion:no-preference){.pack-card{transition:transform .15s,border-color .15s}.pack-card:hover{border-color:color-mix(in srgb, var(--pack-ink) 40%, transparent);transform:translateY(-3px)}.pack-preview{animation:.18s cubic-bezier(.2,.8,.2,1) pack-preview-in}}@keyframes pack-preview-in{0%{opacity:0;transform:scale(.96)}}.pack-card-explore{text-shadow:0 1px 2px #00000073}.pack-card:not([data-photo]) .pack-foot:before,.pack-preview:not([data-photo]) .pack-foot:before{content:none}.pack-card:not([data-photo]) .pack-card-explore,.pack-preview:not([data-photo]) .pack-card-explore{color:var(--pack-ink);text-shadow:none;outline-color:var(--pack-ink)}.pack-hero{--pack-solid:50%;--pack-fade:25%;--pack-third:6rem;background:var(--pack-base);color:var(--pack-ink);border-block:1px solid color-mix(in srgb, var(--pack-ink) 20%, transparent);margin-inline:calc(50% - 50vw)}