.pack{color:var(--accent);background:var(--wrap);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pack__shine{pointer-events:none;background:linear-gradient(90deg,#0000004d,#0000 16%,#ffffff38 30%,#0000 46% 78%,#00000059);position:absolute;inset:0}.pack__label{text-align:center;flex-direction:column;align-items:center;gap:3cqi;padding:0 5cqi;display:flex;position:relative}.pack__name{font-family:var(--font-display);font-size:var(--name-size,12cqi);text-shadow:.8cqi .8cqi #00000059;line-height:.95}.pack__flavor{font-family:var(--font-led);text-transform:uppercase;background:var(--accent);color:var(--wrap);white-space:nowrap;border-radius:99px;padding:.8cqi 3cqi .4cqi;font-size:9cqi;line-height:1}.pack--bag{width:72%;height:92%;clip-path:var(--crimp)}.pack--bag:before{content:"";background:linear-gradient(#00000040 0 7%,#0000 7% 93%,#00000040 93%);position:absolute;inset:0}.pack--bag .pack__label{transform:rotate(-7deg)}.pack--can{border-radius:7cqi/4cqi;width:44%;height:84%}.pack--can:before,.pack--can:after{content:"";background:linear-gradient(90deg,#6b717b,#f2f4f6 35%,#9aa0aa 70%,#5c626b);height:6%;position:absolute;left:0;right:0}.pack--can:before{top:0}.pack--can:after{bottom:0}.pack--can .pack__label{padding:0 2cqi}.pack--can .pack__name{font-size:min(var(--name-size,12cqi), 8cqi)}.pack--can .pack__flavor{padding:.6cqi 2cqi .2cqi;font-size:7cqi}.pack--bar{border-radius:1.5cqi;width:88%;height:40%;margin-bottom:4cqi}.pack--bar:before,.pack--bar:after{content:"";background:repeating-linear-gradient(#e9ecef 0 2cqi,#8a909a 2cqi 3cqi);width:9%;position:absolute;top:0;bottom:0}.pack--bar:before{left:0}.pack--bar:after{right:0}.pack--box{background: linear-gradient(90deg, #0000002e 1px, transparent 1px) 0 0 / 10cqi 10cqi, linear-gradient(180deg, #0000002e 1px, transparent 1px) 0 0 / 10cqi 10cqi,  linear-gradient(#ffffff29, #ffffff29) 10cqi 0 / 10cqi 10cqi no-repeat, linear-gradient(#ffffff1f, #ffffff1f) 40cqi 10cqi / 10cqi 10cqi no-repeat, linear-gradient(#00000038, #00000038) 0 50cqi / 10cqi 10cqi no-repeat, linear-gradient(#0000002e, #0000002e) 50cqi 40cqi / 10cqi 10cqi no-repeat, var(--wrap);width:70%;height:70%;image-rendering:pixelated;border-radius:1cqi;margin-bottom:3cqi;box-shadow:inset 0 2cqi #ffffff38,inset -2cqi -2cqi #0000004d}.pack--box .pack__shine{display:none}.pack--box .pack__name{text-shadow:.8cqi .8cqi #00000073}.pack--box .pack__flavor{border-radius:0}.pack__crinkle{pointer-events:none;position:absolute;inset:0}.pack--bag .pack__crinkle{background:linear-gradient(104deg,#0000 22%,#ffffff47 22.6%,#0000 24%),linear-gradient(76deg,#0000 63%,#ffffff2e 63.4%,#0000 65%),linear-gradient(170deg,#0000 18%,#ffffff24 18.5%,#0000 20%),linear-gradient(8deg,#0000 80%,#00000029 80.5%,#0000 83%),radial-gradient(30% 14% at 70% 30%,#ffffff29,#0000),radial-gradient(26% 18% at 28% 74%,#00000024,#0000)}.pack--can .pack__crinkle{background:radial-gradient(circle at 22% 36%,#ffffff8c 0 .7cqi,#0000 1cqi),radial-gradient(circle at 70% 58%,#ffffff80 0 .6cqi,#0000 .9cqi),radial-gradient(circle at 34% 70%,#ffffff73 0 .8cqi,#0000 1.1cqi),radial-gradient(circle at 76% 28%,#fff6 0 .5cqi,#0000 .8cqi),radial-gradient(circle at 52% 84%,#ffffff73 0 .6cqi,#0000 .9cqi),linear-gradient(90deg,#0000 58%,#ffffff1f 60%,#0000 66%)}.pack--bar .pack__crinkle{background:linear-gradient(#ffffff2e,#0000 30% 70%,#00000040),repeating-linear-gradient(90deg,#0000 0 6cqi,#ffffff0a 6cqi 6.5cqi)}.pack--box .pack__crinkle{background:linear-gradient(#0000 22%,#00000047 22% 23.5%,#ffffff1f 23.5% 25%,#0000 25%)}.pack__brand{font-family:var(--font-display);letter-spacing:.08em;color:var(--wrap);background:var(--accent);opacity:.9;border-radius:99px;padding:.6cqi 1.6cqi .3cqi;font-size:5cqi;line-height:1;position:absolute;top:9%;left:50%;transform:translate(-50%)}.pack--can .pack__brand{font-size:4cqi;top:9%}.pack--bar .pack__brand,.pack--box .pack__brand{top:8%;left:14%;transform:none}.pack__badge{width:15cqi;height:15cqi;font-family:var(--font-display);color:#2a1c00;clip-path:polygon(50% 0,61% 18%,82% 10%,79% 32%,100% 40%,84% 56%,96% 76%,74% 78%,68% 100%,50% 86%,32% 100%,26% 78%,4% 76%,16% 56%,0 40%,21% 32%,18% 10%,39% 18%);z-index:2;background:#ffd84a;place-items:center;font-size:3.6cqi;line-height:1;display:grid;position:absolute;top:6%;right:1%;transform:rotate(14deg)}.pack--bar .pack__badge{width:14cqi;height:14cqi;top:-6%;right:10%}.pack__foot{justify-content:space-between;align-items:flex-end;gap:2cqi;display:flex;position:absolute;bottom:10%;left:9%;right:9%}.pack__meta{font-family:var(--font-mono);letter-spacing:.04em;opacity:.75;white-space:nowrap;font-size:2.6cqi;line-height:1.1}.pack__barcode{background:repeating-linear-gradient(90deg,#111 0 .4cqi,#fff .4cqi .8cqi,#111 .8cqi 1.5cqi,#fff 1.5cqi 1.8cqi,#111 1.8cqi 2cqi,#fff 2cqi 2.6cqi);flex:none;width:11cqi;height:5cqi;box-shadow:0 0 0 .6cqi #fff}.pack--can .pack__foot{flex-direction:column;align-items:center;gap:1cqi;bottom:11%;left:12%;right:12%}.pack--can .pack__meta{font-size:2.2cqi}.pack--can .pack__barcode{width:9cqi;height:3.6cqi}.pack--bar .pack__foot{bottom:9%;left:13%;right:13%}.pack--bar .pack__barcode{display:none}.pack__tab{z-index:1;background:#8a909a;border:.7cqi solid #c9ccd3;border-radius:50%;width:9cqi;height:3cqi;position:absolute;top:.4%;left:50%;transform:translate(-50%)}.pack--bar:before,.pack--bar:after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 90%,40% 85%,0 80%,0 70%,40% 65%,0 60%,0 50%,40% 45%,0 40%,0 30%,40% 25%,0 20%,0 10%,40% 5%)}.pack--bar:after{transform:scaleX(-1)}.stock{isolation:isolate;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.stock>.pack--ghost1,.stock>.pack--ghost2{pointer-events:none;position:absolute;bottom:0;left:50%}.stock>.pack--bar.pack--ghost1,.stock>.pack--bar.pack--ghost2{bottom:4cqi}.stock>.pack--box.pack--ghost1,.stock>.pack--box.pack--ghost2{bottom:3cqi}.stock>.pack--ghost1{filter:brightness(.55)saturate(.85);z-index:0;transform:translate(-38%)translateY(-3.5cqi)scale(.94)}.stock>.pack--ghost2{filter:brightness(.32)saturate(.6);z-index:-1;transform:translate(-27%)translateY(-6.5cqi)scale(.88)}.stock>.pack--front{z-index:1;position:relative}.stock>.pack--bar.pack--ghost1{transform:translate(-48%)translateY(-5cqi)scale(.95)}.stock>.pack--bar.pack--ghost2{transform:translate(-46%)translateY(-9.5cqi)scale(.9)}