@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Roboto+Mono:wght@400;500;700&display=swap);body{box-sizing:border-box;margin:0;padding:0}:root{--vd-void:#0b0d10;--vd-cabinet-1:#2a2f36;--vd-cabinet-2:#16191d;--vd-cabinet-edge:#0a0c0e;--vd-interior-1:#f4f8fb;--vd-interior-2:#cfdbe6;--vd-amber:#ffb224;--vd-amber-dim:#ffb22459;--vd-ink:#10141a;--vd-ink-soft:#10141a9e;--vd-chrome:#ffffffb8}*{box-sizing:border-box}.vend-stage{--safe-x:max(45px,11vw);--safe-y:max(40px,6vh);--s:0.82;align-items:center;background:radial-gradient(70% 50% at 50% 12%,#ffb2241a,#0000 70%),radial-gradient(90% 70% at 50% 100%,#7896b41a,#0000 70%),#0b0d10;background:radial-gradient(70% 50% at 50% 12%,#ffb2241a,#0000 70%),radial-gradient(90% 70% at 50% 100%,#7896b41a,#0000 70%),var(--vd-void);display:flex;font-family:Oswald,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--safe-y) var(--safe-x);position:relative;width:100vw}.vend-machine{background:linear-gradient(170deg,#2a2f36,#16191d 62%,#0a0c0e);background:linear-gradient(170deg,var(--vd-cabinet-1),var(--vd-cabinet-2) 62%,var(--vd-cabinet-edge));border:1px solid #ffffff1a;border-radius:calc(26px*var(--s));box-shadow:inset 0 1px 0 #ffffff24,inset 0 -2px 10px #0009,0 40px 90px #000000bf;display:flex;flex-direction:column;gap:calc(14px*var(--s));max-height:100%;opacity:0;padding:calc(18px*var(--s));transform:translateY(calc(14px*var(--s))) scale(.985);transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1);width:min(100%,560px)}.vend-machine.is-on{opacity:1;transform:translateY(0) scale(1)}.vend-head{align-items:center;display:flex;gap:calc(12px*var(--s));justify-content:space-between;padding:0 calc(4px*var(--s))}.vend-brand{display:flex;flex-direction:column;line-height:1}.vend-brand-main{color:#fff;font-size:calc(18px*var(--s));font-weight:600;letter-spacing:calc(1.6px*var(--s));white-space:nowrap}.vend-brand-sub{color:#ffffff73;font-size:calc(10px*var(--s));font-weight:400;letter-spacing:calc(5px*var(--s));margin-top:calc(3px*var(--s))}.vend-led{align-items:center;background:#07090b;border:1px solid #ffb22438;border-radius:calc(7px*var(--s));box-shadow:inset 0 0 calc(16px*var(--s)) #ffb22424;display:inline-flex;gap:calc(8px*var(--s));padding:calc(7px*var(--s)) calc(13px*var(--s))}.vend-led-dot{animation:vend-blink 1.5s step-end infinite;background:#ffb224;background:var(--vd-amber);border-radius:50%;box-shadow:0 0 calc(9px*var(--s)) #ffb224;box-shadow:0 0 calc(9px*var(--s)) var(--vd-amber);height:calc(7px*var(--s));width:calc(7px*var(--s))}@keyframes vend-blink{0%,60%{opacity:1}61%,to{opacity:.25}}.vend-led-txt{color:#ffb224;color:var(--vd-amber);font-family:Roboto Mono,monospace;font-size:calc(13px*var(--s));font-weight:700;letter-spacing:calc(2.6px*var(--s));text-shadow:0 0 calc(12px*var(--s)) #ffb22459;text-shadow:0 0 calc(12px*var(--s)) var(--vd-amber-dim)}.vend-glass{background:linear-gradient(180deg,#f4f8fb,#cfdbe6);background:linear-gradient(180deg,var(--vd-interior-1),var(--vd-interior-2));border:calc(3px*var(--s)) solid #0d1013;border-radius:calc(14px*var(--s));box-shadow:inset 0 calc(2px*var(--s)) calc(18px*var(--s)) #0a141e59,inset 0 0 0 1px #ffffff80;flex:1 1;min-height:0;overflow:hidden;padding:calc(14px*var(--s)) calc(13px*var(--s));position:relative}.vend-shelves{gap:calc(10px*var(--s));position:relative;z-index:2}.vend-shelf-lines,.vend-shelves{display:flex;flex-direction:column}.vend-shelf-lines{inset:calc(14px*var(--s)) calc(13px*var(--s));justify-content:space-around;pointer-events:none;position:absolute;z-index:1}.vend-shelf-lines i{background:linear-gradient(90deg,#0000,#10141a38,#0000);border-radius:2px;display:block;height:calc(3px*var(--s))}.vend-row{grid-gap:calc(10px*var(--s));align-items:center;background:#ffffffb8;border:1px solid #10141a1a;border-radius:calc(10px*var(--s));box-shadow:0 calc(3px*var(--s)) calc(10px*var(--s)) #101e2d1a;display:grid;gap:calc(10px*var(--s));grid-template-columns:calc(38px*var(--s)) calc(44px*var(--s)) 1fr;opacity:0;padding:calc(9px*var(--s)) calc(11px*var(--s));position:relative;transform:translateX(calc(-16px*var(--s))) scale(.97);transition:opacity .42s ease,transform .62s cubic-bezier(.16,1,.3,1)}.vend-row.is-out{opacity:1;transform:translateX(0) scale(1)}.vend-slot{background:#10141a;background:var(--vd-ink);border-radius:calc(6px*var(--s));color:#fff;font-family:Roboto Mono,monospace;font-size:calc(15px*var(--s));font-weight:700;letter-spacing:calc(1px*var(--s));padding:calc(5px*var(--s)) 0;text-align:center}.vend-coil{align-items:center;display:flex;gap:calc(2px*var(--s));opacity:.5}.vend-coil i{border-bottom:calc(2px*var(--s)) solid #10141a73;border-left-color:#10141a73;border-left:calc(2px*var(--s)) solid #0000;border-radius:50%/40%;border-right-color:#10141a73;border-right:calc(2px*var(--s)) solid #0000;border-top:calc(2px*var(--s)) solid #10141a73;display:block;height:calc(20px*var(--s));width:calc(5px*var(--s))}.vend-row.is-out .vend-coil i{animation:vend-turn .6s cubic-bezier(.16,1,.3,1) both}.vend-row.is-out .vend-coil i:nth-child(2){animation-delay:40ms}.vend-row.is-out .vend-coil i:nth-child(3){animation-delay:80ms}.vend-row.is-out .vend-coil i:nth-child(4){animation-delay:.12s}.vend-row.is-out .vend-coil i:nth-child(5){animation-delay:.16s}.vend-row.is-out .vend-coil i:nth-child(6){animation-delay:.2s}@keyframes vend-turn{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.vend-item{display:flex;flex-direction:column;gap:calc(3px*var(--s));min-width:0}.vend-name{color:#10141a;color:var(--vd-ink);font-size:calc(19px*var(--s));font-weight:600;letter-spacing:calc(.6px*var(--s));line-height:1.1;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.vend-old{text-decoration-thickness:calc(2px*var(--s))}.vend-arrow,.vend-old{color:#10141a9e;color:var(--vd-ink-soft)}.vend-arrow{margin:0 calc(6px*var(--s))}.vend-new{color:#b4451f}.vend-meta{align-items:center;color:#10141a9e;color:var(--vd-ink-soft);display:flex;flex-wrap:wrap;font-family:Roboto Mono,monospace;font-size:calc(12px*var(--s));font-weight:500;gap:calc(8px*var(--s));letter-spacing:calc(.4px*var(--s))}.vend-meta time,.vend-tag{white-space:nowrap}.vend-tag{background:#ffb2244d;border:1px solid #ffb224a6;border-radius:999px;color:#6a3c00;font-size:calc(10px*var(--s));font-weight:700;letter-spacing:calc(1.1px*var(--s));padding:calc(2px*var(--s)) calc(7px*var(--s))}.vend-row.is-maple{background:#fff6e5db}.vend-reflection{background:linear-gradient(114deg,#ffffff57,#ffffff12 26%,#0000 46%,#0000 76%,#ffffff24);inset:0;pointer-events:none;position:absolute;z-index:3}.vend-foot{grid-gap:calc(14px*var(--s));align-items:stretch;display:grid;gap:calc(14px*var(--s));grid-template-columns:auto 1fr}.vend-keypad{grid-gap:calc(5px*var(--s));display:grid;gap:calc(5px*var(--s));grid-template-columns:repeat(3,calc(26px*var(--s)))}.vend-key{background:linear-gradient(180deg,#30363d,#1b1f24);border:1px solid #ffffff17;border-radius:calc(5px*var(--s));box-shadow:inset 0 1px 0 #ffffff1f;color:#ffffffb8;display:grid;font-family:Roboto Mono,monospace;font-size:calc(11px*var(--s));font-weight:700;height:calc(22px*var(--s));place-items:center}.vend-tray{background:linear-gradient(180deg,#0a0c0f,#15191e);border:1px solid #ffffff14;border-radius:calc(10px*var(--s));box-shadow:inset 0 calc(6px*var(--s)) calc(16px*var(--s)) #000c;display:grid;overflow:hidden;place-items:center;position:relative}.vend-tray-mouth{background:#000000d9;border-radius:0 0 999px 999px;height:calc(5px*var(--s));left:8%;position:absolute;right:8%;top:0}.vend-tray-txt{color:#ffffff47;font-family:Roboto Mono,monospace;font-size:calc(13px*var(--s));font-weight:700;letter-spacing:calc(2.4px*var(--s));transition:color .4s ease,text-shadow .4s ease}.vend-tray.is-full .vend-tray-txt{animation:vend-drop .55s cubic-bezier(.34,1.56,.64,1) both;color:#ffb224;color:var(--vd-amber);text-shadow:0 0 calc(14px*var(--s)) #ffb22459;text-shadow:0 0 calc(14px*var(--s)) var(--vd-amber-dim)}@keyframes vend-drop{0%{opacity:0;transform:translateY(calc(-16px*var(--s)))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.vend-machine,.vend-row{transition:none}.vend-coil i,.vend-led-dot,.vend-tray.is-full .vend-tray-txt{animation:none}}
/*# sourceMappingURL=main.03575fc9.css.map*/