.imm-pack{--ry: 0deg;--rx: 0deg;--ty: 0px;--lift: 0;--light: 0;position:relative;display:grid;justify-items:center;align-content:center;perspective:900px;touch-action:pan-y;isolation:isolate}.imm-pack__body{position:relative;width:100%;transform-style:preserve-3d;transform:translateY(var(--ty)) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform}.imm-pack--bag{--imm-r: 4.4% / 2.7%}.imm-pack--drip{--imm-r: 7% / 5.8%}.imm-pack__face{position:relative;border-radius:var(--imm-r);overflow:hidden}.imm-pack__face>svg{display:block;width:100%;height:auto}.imm-pack .imm-pack__face>svg:not(.imm-pack__shade){fill:#000;stroke:none;color:#000}.imm-pack__face>.imm-pack__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.imm-pack__side{position:absolute;top:var(--corner);height:calc(100% - 2 * var(--corner));width:var(--depth)}.imm-pack__side.is-left{left:0;transform-origin:0 50%;transform:rotateY(90deg);background:linear-gradient(90deg,#cdc9c2,#b4afa7 70%,#9f9a92)}.imm-pack__side.is-right{right:0;transform-origin:100% 50%;transform:rotateY(-90deg);background:linear-gradient(270deg,#c8c4bd,#aea9a1 70%,#99948c)}.imm-pack__sheen,.imm-pack__side-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.imm-pack__sheen{mix-blend-mode:soft-light;background:linear-gradient(100deg,transparent calc(30% + var(--light) * 30%),rgba(255,255,255,.55) calc(48% + var(--light) * 30%),transparent calc(68% + var(--light) * 30%))}.imm-pack__side-light{background:linear-gradient(90deg,rgba(60,44,34,calc(.04 + max(var(--light),0)*.14)) 0%,transparent 30%,transparent 70%,rgba(60,44,34,calc(.04 + max(calc(var(--light) * -1),0)*.14)) 100%)}.imm-pack__shadow{width:72%;height:clamp(10px,4%,22px);aspect-ratio:auto;margin-top:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(40,26,18,var(--imm-shadow, .34)),#281a1200);transform:translate(calc(var(--light) * -10px)) scaleX(calc(1 - var(--lift) * .22));opacity:calc(1 - var(--lift) * .45)}.imm-pack__glow{position:absolute;left:6%;right:6%;top:10%;bottom:0;border-radius:30%;transform:translateZ(-40px) translate(calc(var(--light) * -14px),18px);background:radial-gradient(closest-side,#281a1224,#281a1200)}.imm-pack-bg{--imm-shadow: .42}.imm-pack-bg--cafe{--imm-shadow: .55;background:radial-gradient(14% 14% at 12% 22%,rgba(255,214,150,.55),transparent 70%),radial-gradient(18% 18% at 82% 18%,rgba(255,200,130,.45),transparent 70%),radial-gradient(14% 14% at 68% 40%,rgba(255,230,190,.35),transparent 70%),radial-gradient(24% 24% at 26% 46%,rgba(255,190,120,.25),transparent 70%),linear-gradient(180deg,#5a4334,#3c2c22 66%,#8a6648 66.3%,#a07a57 74%,#7d5c42)}