.vial{position:absolute;top:0;right:0;bottom:0;left:0;display:block;animation:vial-bob 5.5s var(--ease-in-out) var(--phase, 0s) infinite alternate}@keyframes vial-bob{to{transform:translate3d(0,-1.4%,0)}}.vial-lean{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 90%;transform:rotate(calc(var(--px, 0) * 8deg));transition:transform .9s var(--ease-out)}.vial-cap{position:absolute;left:16%;right:16%;top:0;height:10%;border-radius:14% 14% 6% 6%/30% 30% 10% 10%;background:repeating-linear-gradient(90deg,transparent 0 9%,rgb(255 255 255 / .06) 9% 12%),linear-gradient(90deg,#0b0c0f,#3a3f48 38%,#1a1d22 62%,#050608)}.vial-glass{position:absolute;left:8%;right:8%;top:9%;bottom:0;overflow:hidden;border-radius:8% 8% 50% 50%/3% 3% 12% 12%;background:linear-gradient(90deg,#ffffff1a,#ffffff08 38%,#ffffff0f 68%,#ffffff24);box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 -1.2cqmin 2cqmin #ffffff0d}.vial-liquid{position:absolute;left:-45%;right:-45%;bottom:-40%;height:calc(var(--level) * 100% + 40%);transform-origin:50% 0;transform:rotate(calc(var(--px, 0) * -8deg));transition:transform 1.5s cubic-bezier(.2,1.7,.35,1);background:linear-gradient(90deg,rgb(0 0 0 / .35),transparent 40%,rgb(255 255 255 / .08) 52%,transparent 60%,rgb(0 0 0 / .35)),var(--liquid)}.vial[data-clear] .vial-liquid{opacity:.88;background:linear-gradient(90deg,rgb(0 0 0 / .18),transparent 35%,rgb(255 255 255 / .22) 50%,transparent 62%,rgb(0 0 0 / .18)),linear-gradient(180deg,color-mix(in srgb,var(--liquid) 70%,white),var(--liquid) 30%)}.vial-surface{position:absolute;left:0;right:0;top:0;height:2.2%;background:linear-gradient(180deg,#ffffff8c,#fff0)}.vial-bubble{position:absolute;left:46%;bottom:30%;width:3%;aspect-ratio:1;border-radius:9999px;background:radial-gradient(circle at 35% 35%,rgb(255 255 255 / .9),rgb(255 255 255 / .15) 60%,transparent);opacity:0;animation:vial-rise 4.2s ease-in infinite}.vial-bubble:nth-child(3){left:52%;animation-delay:-1.5s;animation-duration:5s}.vial-bubble:nth-child(4){left:49%;width:2%;animation-delay:-3s;animation-duration:3.6s}@keyframes vial-rise{10%{opacity:.9}85%{opacity:.6}to{transform:translate3d(0,-900%,0);opacity:0}}.vial-shine{position:absolute;left:18%;top:4%;bottom:10%;width:9%;border-radius:9999px;background:linear-gradient(180deg,#fff6,#ffffff0a)}.vial-label{position:absolute;left:14%;right:14%;top:26%;padding:.5em 0;border-radius:.3em;background:#f7f4eceb;color:#1b1c20;text-align:center;font:600 clamp(7px,2.2cqmin,12px) / 1 "JetBrains Mono","JetBrains Mono Fallback",ui-monospace,monospace;letter-spacing:.08em}.vials-lamp{position:absolute;left:50%;top:-6%;width:110cqmin;height:96%;margin-left:-55cqmin;background:radial-gradient(48% 30% at 50% 100%,hsl(var(--glow) / .14),transparent 70%),conic-gradient(from 180deg at 50% 0%,transparent 154deg,rgb(255 255 255 / .07) 170deg,rgb(255 255 255 / .1) 180deg,rgb(255 255 255 / .07) 190deg,transparent 206deg);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}.vials-rack{position:absolute;left:50%;top:6%;bottom:14%;width:min(100%,106cqmin);transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;gap:2.4cqmin}.vials-slot{position:relative;flex:0 0 auto;width:9.6cqmin;height:100%;outline:none;transition:transform .6s var(--ease-out)}.vials-hold{position:absolute;left:0;right:0;bottom:0;height:62cqmin}.vials-hold:after{content:"";position:absolute;left:-40%;right:-40%;bottom:-4cqmin;height:8cqmin;border-radius:9999px;background:radial-gradient(closest-side,color-mix(in srgb,var(--liquid) 70%,white 10%),transparent);opacity:.45}.vials-slot:nth-child(2n) .vials-hold{height:56cqmin}.vials-tag{position:absolute;left:50%;top:0;z-index:1;white-space:nowrap;padding:.4em .75em;border-radius:9999px;border:1px solid hsl(var(--glow) / .5);background:#0a0818d9;color:#fff;font:500 clamp(9px,2.3cqmin,12px) / 1 "JetBrains Mono","JetBrains Mono Fallback",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translate(-50%,1.5cqmin);transition:opacity .3s ease,transform .45s var(--ease-out);pointer-events:none}.vials-slot:hover,.vials-slot:focus-visible{transform:translateY(-5cqmin)}.vials-slot:hover .vials-tag,.vials-slot:focus-visible .vials-tag{opacity:1;transform:translate(-50%)}.vials-bar{position:absolute;left:-2cqmin;right:-2cqmin;bottom:11cqmin;height:5cqmin;border-radius:1cqmin;background:linear-gradient(180deg,#ffffff29,#ffffff0d 45%,#0000004d);box-shadow:inset 0 1px #ffffff40,0 1.5cqmin 3cqmin #00000073;pointer-events:none}.vials-note{position:absolute;left:50%;bottom:3%;transform:translate(-50%);white-space:nowrap;font-size:clamp(11px,2.4cqmin,13px);color:#ffffff8c}.vials-note>span{margin-left:.8em;font:500 .82em/1 JetBrains Mono,JetBrains Mono Fallback,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--glow) / .8)}.ps-card{position:absolute;left:4%;top:9%;width:64%;overflow:hidden;border-radius:1.25rem;border:1px solid rgb(255 255 255 / .12);background:#ffffff0d;transform:perspective(140cqmin) rotateY(calc(9deg + var(--px, 0) * 5deg)) rotateX(calc(3deg - var(--py, 0) * 4deg));transform-origin:30% 50%;transition:transform 1s var(--ease-out)}.ps-specs{display:grid;gap:.55rem;padding:1rem 1.25rem 1.15rem;font-size:.85rem}.ps-specs>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.45rem;border-bottom:1px solid rgb(255 255 255 / .1)}.ps-specs>div:last-child{border-bottom:0;padding-bottom:0}.ps-specs dt{font:500 .62rem/1 JetBrains Mono,JetBrains Mono Fallback,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80}.ps-specs dd{font-weight:500;color:#fff}.ps-vial{position:absolute;right:9%;top:2%;width:17cqmin;height:80cqmin;max-height:94%;transform:translate3d(calc(var(--px, 0) * 2.5cqmin),calc(var(--py, 0) * 1.5cqmin),0);transition:transform 1s var(--ease-out);filter:drop-shadow(0 3cqmin 4cqmin rgb(0 0 0 / .55))}.ps-vial:after{content:"";position:absolute;left:-60%;right:-60%;bottom:-5cqmin;height:10cqmin;border-radius:9999px;background:radial-gradient(closest-side,hsl(var(--glow) / .35),transparent)}.ps-vial-tag{position:absolute;left:50%;bottom:-9cqmin;transform:translate(-50%);white-space:nowrap;font:500 clamp(9px,2.2cqmin,11px) / 1 "JetBrains Mono","JetBrains Mono Fallback",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c}.ps-vial-tag>b{color:hsl(var(--glow))}@media (max-width: 639px){.ps-card{width:72%;top:4%}.ps-specs{display:none}}
