.vgl{margin:40px auto 32px;padding:0 16px;max-width:760px}.vgl__in{border:1px solid rgba(201,164,92,.45);border-radius:16px;padding:18px 20px;background:#fbf6ee;color:#2b1d18;font-family:Jost,Helvetica Neue,Arial,sans-serif}.vgl__eb{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a6a35}.vgl__lv{letter-spacing:.04em;text-transform:none;font-size:12px;color:#6b5a4c}.vgl__q{margin:0 0 12px;font-size:17px;line-height:1.4}.vgl__b{display:flex;gap:10px;flex-wrap:wrap}.vgl__b button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #c9a45c;background:transparent;color:inherit;font:500 15px Jost,sans-serif;cursor:pointer;transition:background .2s,opacity .2s}.vgl__b button:hover:not(:disabled){background:#c9a45c26}.vgl__b button:focus-visible{outline:2px solid #c9a45c;outline-offset:2px}.vgl__b button:disabled{opacity:.5;cursor:default}.vgl__b button.is-right{opacity:1;background:#c9a45c;color:#1a1210}.vgl__r{margin:12px 0 0;font-size:15px;line-height:1.45;min-height:0}.vgl.is-up .vgl__lv b{display:inline-block;animation:vglup .6s ease}@keyframes vglup{50%{transform:scale(1.25)}}html[data-theme=dark] .vgl__in{background:#171414;color:#f3ebe0;border-color:#c9a45c59}html[data-theme=dark] .vgl__lv{color:#b9afa4}html[data-theme=dark] .vgl__eb{color:#c9a45c}.vgl-g{all:unset;cursor:help;border-bottom:1px dotted currentColor;text-decoration:none}.vgl-g:focus-visible{outline:2px solid #c9a45c;outline-offset:2px;border-radius:2px}.vgl-tip{position:absolute;z-index:2147480000;transform:translateY(-100%);padding:10px 12px;border-radius:10px;background:#201c1b;color:#f3ebe0;font:400 14px/1.4 Jost,sans-serif;box-shadow:0 8px 24px #00000040;opacity:0;pointer-events:none;transition:opacity .15s}.vgl-tip.is-on{opacity:1}@media(prefers-reduced-motion:reduce){.vgl.is-up .vgl__lv b{animation:none}.vgl-tip{transition:none}}.vgl__lv u{text-decoration:none}.vgl-clink{position:fixed;z-index:2147480000;pointer-events:none;transform:translate(-50%,-100%);animation:vglfade 1.05s ease forwards}.vgl-clink .a{transform-origin:12px 20px;animation:vglta .25s ease 4 alternate}.vgl-clink .b{transform-origin:28px 20px;animation:vgltb .25s ease 4 alternate}@keyframes vglta{to{transform:rotate(16deg)}}@keyframes vgltb{to{transform:rotate(-16deg)}}@keyframes vglfade{0%,75%{opacity:1}to{opacity:0}}.vgq-host{max-width:760px;margin:40px auto 32px;padding:0 16px}.vgq{--a:#750627;--g:#b8923a;--bg:#faf7f2;--fg:#2a1a1c;--ln:rgba(117,6,39,.16);background:var(--bg);color:var(--fg);border:1px solid var(--ln);border-radius:16px;padding:22px 20px;font-family:Jost,sans-serif;text-align:center;overflow:hidden}html[data-theme=dark] .vgq{--bg:#1d1819;--fg:#efe6dc;--ln:rgba(232,207,136,.18);--a:#e8cf88}.vgq__k{margin:0 0 4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--g)}.vgq__h{margin:0 0 6px;font-size:22px;line-height:1.2;color:var(--fg)}.vgq__p,.vgq__m{margin:0 0 12px;font-size:15px;opacity:.85}.vgq__m:empty{display:none}.vgq__c{font-size:16px;line-height:1.5;margin:8px auto 14px;max-width:560px}.vgq__btn,.vgq__go{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;margin:6px;border-radius:999px;border:1px solid var(--a);background:transparent;color:var(--a);font:500 15px Jost,sans-serif;cursor:pointer;text-decoration:none}.vgq__go{background:#750627;color:#fff;border-color:#750627}.vgq__btn:disabled{opacity:.45;cursor:default}.vgq__btn:focus-visible,.vgq button:focus-visible{outline:2px solid var(--g);outline-offset:2px}.vgq__r{border-top:1px solid var(--ln);margin-top:14px;padding-top:14px}.vgq__win{font-weight:500}.vgq-wheel{position:relative;width:220px;height:220px;margin:6px auto 10px}.vgq-wheel__d{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#750627 0 12.5%,#b8923a 0 25%,#4a0a1c 0 37.5%,#c9a24e 0 50%,#750627 0 62.5%,#b8923a 0 75%,#4a0a1c 0 87.5%,#c9a24e 0);border:3px solid var(--g)}.vgq-wheel__d span{position:absolute;left:50%;top:50%;width:110px;margin:-8px 0 0 -55px;font-size:11px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.vgq-wheel__p{position:absolute;left:50%;top:-6px;margin-left:-9px;border:9px solid transparent;border-top:16px solid var(--fg)}.vgq-scr{position:relative;width:300px;max-width:100%;aspect-ratio:300/130;margin:0 auto 8px;border-radius:10px;background:#fff8ea;color:#2a1a1c;border:1px solid var(--g);display:flex;align-items:center;justify-content:center;padding:10px;font-size:13px;line-height:1.35}.vgq-scr p{margin:0}.vgq-scr canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:10px;touch-action:none;cursor:grab;transition:opacity .5s}.vgq-dice{display:flex;gap:18px;justify-content:center;margin:6px 0 12px}.vgq-dice span{width:64px;height:64px;border-radius:14px;background:repeating-linear-gradient(90deg,#8a5a2b 0 10px,#7a4e24 10px 20px);color:#fff;font:600 28px/64px Jost,sans-serif;box-shadow:inset 0 0 0 3px #3a2412}.vgq-dice.is-roll span{animation:vgpRoll .3s linear infinite}@keyframes vgpRoll{to{transform:rotate(360deg)}}.vgq-cups{position:relative;width:252px;height:84px;margin:4px auto 12px}.vgq-cup{position:absolute;left:0;top:0;width:80px;height:80px;border:0;background:none;color:var(--a);padding:6px;cursor:pointer;transition:transform .38s ease}.vgq-cup svg{width:100%;height:100%}.vgq-grape{pointer-events:none;position:absolute;left:0;top:30px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a23b6b,#4a0a3c);transition:opacity .3s}.vgq-plk{position:relative;height:200px;max-width:300px;margin:0 auto 10px}.vgq-plk i{position:absolute;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--g)}.vgq-plk b{position:absolute;bottom:0;width:12%;font:500 12px Jost,sans-serif;border-top:2px solid var(--ln);padding-top:2px}.vgq-cork{pointer-events:none;position:absolute;left:50%;top:0;width:12px;height:16px;border-radius:3px;background:#c59a63;box-shadow:inset 0 -3px #a77c46}.vgq-catch{position:relative;height:240px;max-width:420px;margin:0 auto 10px;border-radius:12px;border:1px dashed var(--ln);overflow:hidden;touch-action:none;outline:0}.vgq-bask{position:absolute;left:0;bottom:8px;width:60px;height:26px;border-radius:0 0 18px 18px;background:#8a5a2b}.vgq-g{pointer-events:none;position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a23b6b,#4a0a3c)}.vgq-mem{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px;margin:0 auto 8px}@media(min-width:600px){.vgq-mem{grid-template-columns:repeat(4,1fr)}}.vgq-mc{min-height:64px;border-radius:10px;border:1px solid var(--ln);background:#750627;color:transparent;font:500 13px Jost,sans-serif;padding:6px;cursor:pointer;transition:background-color .25s,color .25s}.vgq-mc.is-up{background:var(--bg);color:var(--fg)}.vgq-mc.is-ok{border-color:var(--g);box-shadow:inset 0 0 0 2px var(--g)}.vgq-map{position:relative;width:140px;height:280px;margin:0 auto 8px}.vgq-map svg{width:100%;height:100%}.vgq-map path{fill:#b8923a2e;stroke:var(--g);stroke-width:1.2}.vgq-pin{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:2px solid #fff;background:#750627;cursor:pointer;padding:0}.vgq-pin.is-ok{background:#2e7d32;transform:scale(1.25)}.vgq-q{font-weight:500;margin:0 0 8px}.vgq-year{font:600 40px Jost,sans-serif;margin:4px 0 8px;color:var(--a)}.vgq-year.is-in{animation:vgpIn .35s ease}@keyframes vgpIn{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.vgq *{animation:none!important;transition:none!important}}.vgq{position:relative;background:radial-gradient(120% 80% at 50% 0%,rgba(201,162,75,.12),transparent 60%),var(--bg);box-shadow:0 1px #fff9 inset,0 18px 40px -22px #3c0a1473,0 4px 12px -6px #3c0a1433;transition:opacity .3s,transform .3s}html[data-theme=dark] .vgq{box-shadow:0 18px 40px -20px #000000b3,0 0 0 1px #e8cf8814 inset}.vgq.is-out{opacity:0;transform:scale(.96) translateY(8px)}.vgq__x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:1px solid var(--ln);background:var(--bg);color:var(--fg);font:400 22px/1 Jost,sans-serif;cursor:pointer;z-index:3;box-shadow:0 2px 6px #0000001f}.vgq__x:hover,.vgq__x:focus-visible{border-color:var(--g)}.vgq__hud{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 44px 10px;font:500 12px Jost,sans-serif;letter-spacing:.04em}.vgq__hud span{padding:4px 10px;border-radius:999px;background:#75062712;border:1px solid var(--ln)}html[data-theme=dark] .vgq__hud span{background:#e8cf8814}.vgq__st{color:#b8923a}.vgq__st i{font-style:normal;opacity:.3}.vgq__btn{box-shadow:0 4px #4a0418,0 8px 16px -6px #4a041899;transition:transform .12s,box-shadow .12s}.vgq__btn:active{transform:translateY(3px);box-shadow:0 1px #4a0418,0 3px 8px -4px #4a041899}.vgq-mem{perspective:900px}.vgq-mc{position:relative;min-height:78px;padding:0;border:0;background:none!important;color:inherit;transform-style:preserve-3d;transition:transform .12s}.vgq-mc:active{transform:scale(.96)}.vgq-mc__in{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.4,.5,1)}.vgq-mc.is-up .vgq-mc__in{transform:rotateY(180deg)}.vgq-mc__bk,.vgq-mc__fr{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.vgq-mc__bk{background:radial-gradient(circle at 30% 25%,#9a1b3a,#6b0f1a 55%,#3e0712);color:#e8cf88;font:italic 600 22px Cormorant Garamond,Georgia,serif;letter-spacing:.02em;box-shadow:0 6px 14px -6px #3e0712b3,inset 0 0 0 2px #e8cf8859,inset 0 0 0 5px #6b0f1a,inset 0 0 0 6px #e8cf8840}.vgq-mc__fr{transform:rotateY(180deg);flex-direction:column;gap:3px;padding:6px;background:linear-gradient(160deg,#fffdf8,#f1e8da);color:#2a1a1c;box-shadow:0 6px 14px -6px #3c0a1473,inset 0 0 0 1px #b8923a80}html[data-theme=dark] .vgq-mc__fr{background:linear-gradient(160deg,#2c2425,#1f1a1b);color:#efe6dc}.vgq-mc__fr svg{width:24px;height:24px;color:#8e1b2c}html[data-theme=dark] .vgq-mc__fr svg{color:#e8cf88}.vgq-mc__fr b{font:500 12px/1.2 Jost,sans-serif}.vgq-mc.is-ok .vgq-mc__fr{box-shadow:0 0 0 2px #b8923a,0 8px 18px -6px #b8923a99;animation:vgqpop .4s}@keyframes vgqpop{50%{transform:rotateY(180deg) scale(1.08)}}.vgq-wheel,.vgq-dice span,.vgq-cup,.vgq-scr,.vgq-plk,.vgq-catch,.vgq-map,.vgq-year{filter:drop-shadow(0 10px 14px rgba(60,10,20,.25))}.vgq-dice{perspective:600px}.vgq-dice.is-roll span{animation:vgqroll .3s linear infinite}@keyframes vgqroll{to{transform:rotateX(360deg) rotateY(180deg)}}.vgq-cup{transition:transform .38s cubic-bezier(.4,1.3,.5,1)}.vgq-conf{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.vgq-conf i{position:absolute;top:-10px;width:7px;height:11px;border-radius:2px;opacity:0;animation:vgqconf 1.8s ease-out forwards}@keyframes vgqconf{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),300px) rotate(var(--r))}}@media(prefers-reduced-motion:reduce){.vgq-mc__in,.vgq,.vgq-cup{transition:none}.vgq-dice.is-roll span,.vgq-mc.is-ok .vgq-mc__fr{animation:none}}.vga2{padding:14px 14px 16px}.vga2__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.vga2__bar .vgq__k{margin:0}.vga2 .vgq__x{position:static}.vga2__snd{margin-left:auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--ln);background:var(--bg);font-size:16px;cursor:pointer;box-shadow:0 2px 6px #0000001f}.vga2__stage{position:relative;max-width:520px;margin:0 auto;border-radius:14px;box-shadow:0 20px 40px -18px #28050f99,0 0 0 1px #c9a24b59;overflow:hidden;touch-action:none}.vga2__cv{display:block;width:100%;border-radius:14px;outline:none}.vga2__hud{position:absolute;top:8px;left:8px;display:flex;gap:6px;pointer-events:none}.vga2__hud span{padding:4px 10px;border-radius:999px;background:#14060a8c;color:#f3e3b3;font:600 12px Jost,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vga2__sc.is-bump{animation:vga2b .35s cubic-bezier(.3,1.8,.5,1)}@keyframes vga2b{40%{transform:scale(1.25)}}.vga2__ov{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;text-align:center;background:radial-gradient(120% 90% at 50% 20%,#faf7f2f5,#f1e8daf7);color:#2a1a1c;animation:vga2in .45s cubic-bezier(.2,1.3,.4,1)}html[data-theme=dark] .vga2__ov{background:radial-gradient(120% 90% at 50% 20%,#2c2425f7,#181415fa);color:#efe6dc}.vga2__ov[hidden]{display:none}@keyframes vga2in{0%{opacity:0;transform:scale(.92)}}.vga2__hero svg{width:150px;height:100px;filter:drop-shadow(0 10px 12px rgba(60,10,20,.3));animation:vga2f 3s ease-in-out infinite}@keyframes vga2f{50%{transform:translateY(-6px) rotate(-2deg)}}.vga2__go,.vga2__re{font-size:16px;padding:12px 28px;margin-top:6px;background:linear-gradient(180deg,#9a1b3a,#6b0f1a);color:#fff;border-radius:999px;border:0}.vga2__big{font:600 26px Cormorant Garamond,Georgia,serif;margin:0}.vga2__fs{font:700 20px Jost,sans-serif;margin:0}.vga2__st{font-size:28px;margin:0;color:#c9a24b;letter-spacing:4px}.vga2__st i{font-style:normal;opacity:.25}.vga2__bd{font:600 13px Jost,sans-serif;padding:6px 12px;border-radius:999px;background:#c9a24b2e;margin:4px 0}.vga2__cu{font-size:13px;line-height:1.45;max-width:36ch;margin:4px 0}.vga2__tom{font-size:12px;opacity:.75;margin:0}@media(prefers-reduced-motion:reduce){.vga2__ov,.vga2__hero svg,.vga2__sc.is-bump{animation:none}}html:not([data-theme=dark]) .vgq{--g:#8a6a1f}html:not([data-theme=dark]) .vgq__k{color:#8a6a1f}
/*# sourceMappingURL=/cdn/shop/t/62/assets/vg-learn.css.map */