.vm{--vm-line:#74d8ff;--vm-blue:#2f6bff;position:relative;display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:clamp(1rem,3vw,2.4rem);align-items:center;margin:clamp(1.6rem,4vw,2.8rem) 0;padding:clamp(1rem,2.4vw,1.8rem);border:1px solid var(--v18-hair,rgba(240,244,255,.13));border-radius:calc(var(--radius,18px) + 4px);background:radial-gradient(ellipse 70% 60% at 20% 30%,rgba(47,107,255,.2),transparent 70%),linear-gradient(180deg,#ffffff0a,#ffffff03),var(--c-surface,#0b1430);box-shadow:inset 0 1px #ffffff0f;overflow:hidden;isolation:isolate}.vm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(116,216,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(116,216,255,.07) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 30% 40%,#000,transparent);mask-image:radial-gradient(ellipse 80% 80% at 30% 40%,#000,transparent);pointer-events:none}.vm__art{position:relative;width:100%;aspect-ratio:360/500;max-width:340px;justify-self:center}.vm-svg{display:block;width:100%;height:100%;overflow:visible}.vm__sparks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.vm__badge{position:absolute;left:50%;top:21%;translate:-50% 0;z-index:2;padding:.35rem .7rem;border-radius:99px;background:#a3e635;color:#050a1a;font:700 .62rem/1.1 var(--f-mono,monospace);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 24px #a3e6354d}.vm__ctl{display:grid;gap:.75rem;min-width:0}.vm__ctl .eyebrow{margin:0}.vm__t{margin:0;font-family:var(--f-head);font-weight:800;font-size:clamp(1.4rem,2.6vw,2rem);line-height:.95;letter-spacing:-.04em}.vm__screen{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.6rem .75rem;border-radius:14px;border:1px solid rgba(116,216,255,.35);background:#020a1c;box-shadow:inset 0 0 24px #2f6bff33}.vm__odo{display:inline-flex;gap:3px;font:700 1.5rem/1 var(--f-mono,monospace);color:#a3e635;text-shadow:0 0 12px rgba(163,230,53,.55)}.vm__odo i{display:inline-block;min-width:1.05ch;padding:.18rem .12rem;border-radius:5px;background:linear-gradient(180deg,#071a3a,#030c20);font-style:normal;text-align:center;overflow:hidden}.vm__bal{flex:1 1 12rem;margin:0;font-size:.86rem;line-height:1.35;color:#cfdaf5}.vm__slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.5rem;margin:0;padding:0;border:0;min-width:0}.vm__legend{margin:0 0 .35rem;padding:0;font:.66rem/1.2 var(--f-mono,monospace);letter-spacing:.18em;text-transform:uppercase;color:#b9c8ee}.vm-slot{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"k t" "k p";gap:.05rem .6rem;align-items:center;min-height:52px;padding:.5rem .7rem;border-radius:14px;border:1px solid var(--v18-hair-2,rgba(240,244,255,.22));background:#ffffff09;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.vm-slot__in{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.vm-slot__k{grid-area:k;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid rgba(116,216,255,.5);font:700 .72rem/1 var(--f-mono,monospace);color:#cfe3ff;background:#041026}.vm-slot__t{grid-area:t;font-weight:700;font-size:.9rem;line-height:1.2;color:var(--c-text,#f0f4ff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-slot__p{grid-area:p;font:.72rem/1.2 var(--f-mono,monospace);letter-spacing:.06em;color:#a3e635}.vm-slot--soon .vm-slot__p{color:#b9c8ee;text-transform:uppercase;letter-spacing:.14em}.vm-slot:hover,.vm-slot.is-hot{border-color:#74d8ffbf;background:#74d8ff12}.vm-slot:has(.vm-slot__in:checked){border-color:var(--c-accent,#a3e635);background:#a3e63514;box-shadow:0 0 0 1px #a3e63559 inset}.vm-slot:has(.vm-slot__in:checked) .vm-slot__k{border-color:var(--c-accent,#a3e635);color:#a3e635}.vm-slot:has(.vm-slot__in:focus-visible){outline:2px solid var(--c-accent,#a3e635);outline-offset:2px}.vm__acts{display:flex;flex-wrap:wrap;gap:.5rem}.vm__acts [inert]{visibility:hidden}.vm__small{margin:0;font-size:.78rem;line-height:1.4;color:#b9c8ee}.vm__msg{margin:0;min-height:1.2em;font-size:.86rem;color:#cfe3ff}.vm__msg:empty{min-height:0}.vm-dim path{fill:none;stroke:var(--vm-line);stroke-width:1;opacity:.5}.vm-dim text,.vm-lbl{font:600 7.5px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:1.2px;fill:#74d8ff;opacity:.75}.vm-star{fill:none;stroke:#cfe3ff;stroke-width:1.2;stroke-linecap:round;opacity:.5}.vm-body{stroke:var(--vm-line);stroke-opacity:.55;stroke-width:1.2}.vm-head{fill:#041026;stroke:var(--vm-blue)}.vm-head__t{font:700 10px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:2.4px;fill:#a3e635}.vm-head__s{font:600 7px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:1.6px;fill:#9fb6e8}.vm-leds circle{fill:#a3e635;opacity:.35}.vm-leds circle:nth-child(2){fill:#74d8ff}.vm-leds circle:nth-child(4){fill:#ff8a3d}.vm-win{fill:#03102b;stroke:var(--vm-line);stroke-opacity:.8}.vm-shelf{stroke:var(--vm-blue);stroke-width:3;stroke-linecap:round}.vm-sl{cursor:pointer}.vm-sl__glow{fill:#a3e6351f;stroke:#a3e63599;stroke-width:1;opacity:0;transition:opacity .25s}.vm-sl.is-hot .vm-sl__glow,.vm-sl.is-sel .vm-sl__glow{opacity:1}.vm-sl.is-sel .vm-sl__glow{fill:#a3e63533}.vm-sl__chip{transition:opacity .15s}.vm-sl__plate{fill:#041026;stroke:#74d8ff80}.vm-sl__code{font:700 7.5px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:1px;fill:#cfe3ff;text-anchor:middle}.vm-rail{stroke:#9fb6e8;stroke-width:2}.vm-cart{fill:var(--vm-blue);stroke:#cfe3ff;stroke-width:.8}.vm-cable{fill:#cfe3ff;transform-box:fill-box;transform-origin:50% 0}.vm-jaw{fill:none;stroke:#cfe3ff;stroke-width:3;stroke-linecap:round;transform-box:fill-box}.vm-jaw--l{transform-origin:100% 0}.vm-jaw--r{transform-origin:0 0}.vm-hub{fill:#a3e635}.vm-glint{transform:skew(-14deg) translate(0)}.vm-chute{fill:#020a1c;stroke:var(--vm-line)}.vm-belt{fill:#041026;stroke:var(--vm-blue)}.vm-belt__d{stroke:#74d8ff;stroke-width:2;stroke-dasharray:6 9;opacity:.8}.vm-tray{fill:#020a1c;stroke:#a3e635;stroke-opacity:.7}.vm.is-landed .vm-tray{stroke-opacity:1;filter:drop-shadow(0 0 6px rgba(163,230,53,.6))}.vm-panel{fill:#041026;stroke:var(--vm-blue)}.vm-screen{fill:#02101e;stroke:var(--vm-line)}.vm-code{font:700 12px/1 ui-monospace,Menlo,Consolas,monospace;fill:#a3e635;letter-spacing:1px}.vm-reader{fill:#0b2d6b;stroke:var(--vm-line)}.vm-nfc{fill:none;stroke:#cfe3ff;stroke-width:1.6;stroke-linecap:round;opacity:.85}.vm-rled{fill:#ff8a3d;transition:fill .2s}.vm-rled.is-ok{fill:#a3e635}.vm-coin{fill:#020a1c;stroke:var(--vm-line)}.vm-coin__s{fill:#74d8ff}.vm-keys rect{fill:#0b2d6b;stroke:var(--vm-blue)}.vm-plinth{fill:var(--vm-blue);opacity:.4}.vm-dust{fill:#cfe3ff;opacity:.5}.vm-card,.vm-drop,.vm-gantry,.vm-jaws{will-change:transform}.vm.is-on .vm-leds circle{animation:vmLed 1.6s steps(2,jump-none) infinite}.vm.is-on .vm-leds circle:nth-child(2){animation-delay:-.4s}.vm.is-on .vm-leds circle:nth-child(3){animation-delay:-.8s}.vm.is-on .vm-leds circle:nth-child(4){animation-delay:-1.2s}@keyframes vmLed{0%{opacity:.3}to{opacity:1}}.vm.is-on .vm-belt__d{animation:vmBelt 1.2s linear infinite}@keyframes vmBelt{to{stroke-dashoffset:-15}}.vm.is-on .vm-dust{animation:vmDust 7s ease-in-out infinite alternate}@keyframes vmDust{0%{transform:translate(0);opacity:.2}to{transform:translate(6px,-18px);opacity:.75}}.vm.is-on .vm-glint{animation:vmGlint 5.5s ease-in-out infinite}@keyframes vmGlint{0%,55%{transform:skew(-14deg) translate(0)}to{transform:skew(-14deg) translate(330px)}}.vm.is-on .vm-star{animation:vmStar 3.2s ease-in-out infinite}@keyframes vmStar{50%{opacity:1}}.vm.is-on .vm-sl.is-sel .vm-sl__glow{animation:vmPulse 1.8s ease-in-out infinite}@keyframes vmPulse{50%{opacity:.45}}.vm[data-busy] .vm-slot{pointer-events:none}.vm--compact{grid-template-columns:118px minmax(0,1fr);gap:.8rem;margin:0 0 .9rem;padding:.7rem .8rem;border-radius:16px;min-height:170px}.vm--compact .vm__art{max-width:118px}.vm--compact .vm__badge{font-size:.5rem;padding:.25rem .45rem;top:18%}.vm--compact .vm__ctl{gap:.45rem}@media(max-width:749px){.vm{grid-template-columns:minmax(0,1fr);padding:1rem}.vm__art{max-width:min(300px,82vw)}.vm__slots{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vm-slot{min-height:56px;padding:.5rem}.vm-slot__k{width:30px;height:30px}.vm__acts .btn{flex:1 1 100%;justify-content:center;min-height:48px}.vm--compact{grid-template-columns:96px minmax(0,1fr)}.vm--compact .vm__art{max-width:96px}.vm--compact .vm__acts .btn{flex:0 1 auto;min-height:44px}}@media(max-width:374px){.vm__slots{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.vm *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/slapsta-vending.css.map */