.pack{aspect-ratio:5/8;filter:drop-shadow(0 6cqw 10cqw #000000a6);--p1:#3a3326;--p2:#a8946a;--p3:#16130e;--ink:#f3d58a;position:relative;container-type:inline-size}.pack[data-tier=free]{--p1:#16323a;--p2:#6fb9b0;--p3:#0a1517;--ink:#d9fff6}.pack[data-tier=welcome]{--p1:#3a1f3f;--p2:#d38fd6;--p3:#150a17;--ink:#ffe6ff}.pack[data-tier=gold]{--p1:#4a2a14;--p2:#c98b4a;--p3:#1c0f07;--ink:#ffe0b0}.pack[data-tier=bronze]{--p1:#5a3418;--p2:#d49a62;--p3:#24130a;--ink:#ffe3c4}.pack[data-tier=prata]{--p1:#3c4652;--p2:#dfe7f0;--p3:#151a20;--ink:#fff}.pack[data-tier=ouro]{--p1:#6b4a10;--p2:#ffe29a;--p3:#2a1a04;--ink:#fff6dc}.pack[data-themed="1"]{--p2:var(--m1);--p1:color-mix(in oklab, var(--m1) 45%, #120e08);--ink:#fff}.pack-body{background:linear-gradient(160deg, var(--p1), var(--p3) 70%);border-radius:2cqw;position:absolute;inset:0;overflow:hidden}.pack-foil{background:repeating-linear-gradient(115deg, #ffffff0d 0 2cqw, transparent 2cqw 5cqw), radial-gradient(90% 60% at 30% 25%, color-mix(in oklab, var(--p2) 55%, transparent), transparent 70%), radial-gradient(70% 50% at 80% 90%, color-mix(in oklab, var(--p2) 25%, transparent), transparent 70%);position:absolute;inset:0}.pack[data-tier=ouro] .pack-foil:after,.pack[data-tier=prata] .pack-foil:after{content:"";mix-blend-mode:color-dodge;opacity:.35;background:linear-gradient(125deg,#0000 25%,#ff78c880 40%,#78dcff80 50%,#fff08c80 60%,#0000 75%);position:absolute;inset:0}.pack-sheen{animation:pack-sheen 5.5s var(--ease-out-expo) infinite;background:linear-gradient(100deg,#0000 30%,#ffffff38 45%,#0000 60%);position:absolute;inset:0;transform:translate(-60%)}@keyframes pack-sheen{0%,55%{transform:translate(-80%)}85%,to{transform:translate(80%)}}.pack-band{background:linear-gradient(180deg, color-mix(in oklab, var(--p2) 80%, white), var(--p2) 45%, color-mix(in oklab, var(--p2) 55%, black));height:9cqw;position:absolute;left:0;right:0;box-shadow:0 0 0 .6cqw #00000059}.pack-band-top{top:3cqw}.pack-band-bottom{bottom:3cqw}.pack-medal{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--p2) 60%, #1a1510), var(--p3) 75%);width:52cqw;height:52cqw;box-shadow:inset 0 0 0 1.2cqw color-mix(in oklab, var(--p2) 70%, black), inset 0 0 0 2.4cqw #00000073, inset 0 0 0 3cqw color-mix(in oklab, var(--p2) 85%, white), 0 0 12cqw -2cqw var(--p2);border-radius:50%;place-items:center;display:grid;position:absolute;top:38%;left:50%;translate:-50% -50%}.pack-mark{filter:drop-shadow(0 0 3cqw #ffdc9699);width:62%;height:62%}.pack-sigil{font-family:var(--font-display);color:#fff;text-shadow:0 0 6cqw var(--p2);font-variant-emoji:text;font-size:26cqw;line-height:1}.pack-label{text-align:center;font-family:var(--font-display);letter-spacing:.06em;color:var(--ink);text-shadow:0 .6cqw 2cqw #000c;text-transform:uppercase;font-size:9cqw;font-weight:800;line-height:1.1;position:absolute;top:70%;left:6cqw;right:6cqw}@media (prefers-reduced-motion:reduce){.pack-sheen{opacity:0;animation:none}}:root[data-reduce-motion="1"] .pack-sheen{opacity:0;animation:none}.pack-img{filter:none}.pack-img .pack-wrapper{pointer-events:none;-webkit-user-select:none;user-select:none;width:149.3%;max-width:none;position:absolute;top:-15.1%;left:-25%;-webkit-mask-image:radial-gradient(closest-side,#000 80%,#0000 100%);mask-image:radial-gradient(closest-side,#000 80%,#0000 100%)}.pack-img .pack-theme{background:radial-gradient(45% 30% at 50% 50%, color-mix(in oklab, var(--m1) 55%, transparent), transparent 75%);mix-blend-mode:screen;place-items:center;display:grid;position:absolute;inset:0}.pack-img .pack-theme .pack-sigil{color:#fff;text-shadow:0 0 6cqw var(--m1);mix-blend-mode:normal;font-size:30cqw}