.vjgate{width:min(100%,316px);font-family:var(--font-family);--vjgate-wood:color-mix(in srgb, var(--color-ink) 52%, var(--color-token-orange));--vjgate-wood-hi:color-mix(in srgb, var(--color-token-yellow) 28%, var(--vjgate-wood));--vjgate-wood-lo:color-mix(in srgb, var(--color-ink) 60%, color-mix(in srgb, var(--color-token-orange) 70%, var(--color-token-yellow)));--vjgate-carve:color-mix(in srgb, var(--color-cream) 86%, var(--color-token-yellow));--vjgate-carve-lo:color-mix(in srgb, var(--color-ink) 52%, transparent);--vjgate-iron:color-mix(in srgb, var(--color-ink) 74%, var(--color-cream));--vjgate-iron-hi:color-mix(in srgb, var(--color-ink) 44%, var(--color-cream));position:relative}.vjgate-hook{--vj-delay:80ms;z-index:4;border-radius:var(--radius-pill);border:2px solid var(--color-ink);background:radial-gradient(circle at 34% 30%, var(--vjgate-iron-hi), var(--vjgate-iron) 70%);width:16px;height:16px;margin-left:-8px;position:absolute;top:0;left:50%}.vjgate-sway{transform-origin:50% 4px;will-change:transform;padding-top:44px;animation:5.6s ease-in-out 1.2s infinite alternate vjgate-sway;position:relative}.vjgate-cord{background:var(--vjgate-iron);transform-origin:50% 0;width:2px;height:76px;position:absolute;top:6px;left:50%}.vjgate-cord--l{transform:rotate(57deg)}.vjgate-cord--r{transform:rotate(-57deg)}.vjgate-plakat{--vj-delay:.2s;z-index:2;text-align:center;background:linear-gradient(172deg, var(--vjgate-wood-hi), var(--vjgate-wood) 48%, var(--vjgate-wood-lo));border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:30px 20px 18px;position:relative}.vjgate-plakat:before{content:"";border-radius:var(--radius-md);border:1.5px solid color-mix(in srgb, var(--color-ink) 34%, transparent);pointer-events:none;position:absolute;inset:7px}.vjgate-lock{--vj-delay:.62s;z-index:3;width:50px;height:50px;color:var(--color-cream);background:radial-gradient(circle at 36% 28%, var(--vjgate-iron-hi), var(--vjgate-iron) 72%);border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-pill);box-shadow:var(--shadow);place-items:center;margin-top:-25px;margin-left:-25px;display:grid;position:absolute;top:0;left:50%}.vjgate-lock svg{width:27px;height:27px}.vjgate-line{--vj-delay:.32s;min-height:46px;font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--leading-snug);color:var(--vjgate-carve);text-shadow:0 -1px 0 var(--vjgate-carve-lo);justify-content:center;align-items:center;margin:0 0 16px;display:flex}.vjgate-cta{--vj-delay:.42s;width:100%;font-size:var(--text-body);border-radius:var(--radius-md);padding:13px 18px}@media (min-width:1024px){.vjgate{width:min(100%,360px)}.vjgate-line{font-size:var(--text-h2)}.vjgate-cta{font-size:var(--text-lg)}}@keyframes vjgate-sway{0%{transform:rotate(-.8deg)}to{transform:rotate(.8deg)}}@media (prefers-reduced-motion:reduce){.vjgate-sway{will-change:auto;animation:none}}.vjgate-cta{font-family:var(--font-display);text-transform:var(--type-shout-case);letter-spacing:var(--type-shout-track);font-weight:800}
:root{--vjdock-disabled-opacity:.45;--vjdock-lift:10px;--vjdock-binset:max(0px, calc(env(safe-area-inset-bottom,0px) - 8px));--vjdock-dock-h:83px;--vjdock-cap:54px;--vjdock-glyph:36px;--vjdock-pop:20px;--vjdock-gw:1.85;--vjdock-socket:calc(var(--vjdock-cap) + 10px)}.vjdock-well{height:calc(var(--vjdock-lift) + var(--vjdock-dock-h) + 10px + env(safe-area-inset-bottom));flex:none}.vjdock-mount.is-disabled{opacity:var(--vjdock-disabled-opacity)}.vjdock-key:disabled{cursor:default}.vjdock-mount{z-index:48;left:50%;bottom:calc(var(--vjdock-lift) + var(--vjdock-binset));width:min(420px,100% - 20px);position:fixed;transform:translate(-50%)}.vjdock-dock{height:var(--vjdock-dock-h);border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--shadow);padding:14px 10px;position:relative}.vjdock-rim{border:2px solid color-mix(in srgb, var(--color-ink) 16%, transparent);border-radius:calc(var(--radius-md) - 4px);pointer-events:none;position:absolute;inset:4px}.vjdock-slots{align-items:center;height:100%;display:flex;position:relative}.vjdock-sockets{z-index:0;pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.vjdock-socket{flex:1 1 0;place-items:center;min-width:0;display:grid}.vjdock-socket:before{content:"";width:var(--vjdock-socket);height:var(--vjdock-socket);border:2px solid color-mix(in srgb, var(--color-ink) 14%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-ink) 6%, transparent);max-width:100%}.vjdock-puck{z-index:1;width:20%;height:var(--vjdock-socket);margin-top:calc(var(--vjdock-socket) / -2);transform:translateX(calc(var(--vjdock-i,0) * 100%));transition:transform .38s var(--vjm-ease-bounce), opacity .2s ease;will-change:transform;pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:0}.vjdock-puck:after{content:"";width:var(--vjdock-socket);height:var(--vjdock-socket);border:2px solid color-mix(in srgb, var(--color-accent) 54%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-accent) 20%, transparent);max-width:100%}.vjdock-puck.is-idle{opacity:0}.vjdock-key{z-index:2;min-width:0;color:var(--color-panel-ink);font:inherit;cursor:pointer;transition:transform .16s var(--vjm-ease-bounce);will-change:transform;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.vjdock-key:active{transform:translateY(3px)scale(.96)}.vjdock-key.is-on{transform:translateY(calc(var(--vjdock-pop) * -1));animation:vjdock-keypop .52s var(--vjm-ease-bounce) backwards;animation-delay:var(--vjdock-popdelay,0s)}.vjdock-key.is-on:active{transform:translateY(calc(var(--vjdock-pop) * -1 + 4px)) scale(.97)}@keyframes vjdock-keypop{0%{transform:translateY(0)scale(1)}56%{transform:translateY(calc(var(--vjdock-pop) * -1 - 10px)) scale(1.1)}to{transform:translateY(calc(var(--vjdock-pop) * -1)) scale(1)}}.vjdock-capglow{width:calc(var(--vjdock-cap) + 34px);height:calc(var(--vjdock-cap) + 34px);margin:calc((var(--vjdock-cap) + 34px) / -2) 0 0 calc((var(--vjdock-cap) + 34px) / -2);background:radial-gradient(closest-side, color-mix(in srgb, var(--color-accent) 58%, transparent), transparent 72%);opacity:.55;will-change:opacity;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.vjdock-capin{display:inline-flex}.vjdock-dock.is-rising .vjdock-capin{animation:vjdock-capin .46s var(--vjm-ease-bounce) backwards;animation-delay:var(--vj-delay,0s)}@keyframes vjdock-capin{0%{opacity:0;transform:translateY(16px)scale(.55)}to{opacity:1;transform:translateY(0)scale(1)}}.vjdock-cap{width:var(--vjdock-cap);height:var(--vjdock-cap);border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-cream);color:var(--color-panel-ink);box-shadow:var(--shadow);will-change:transform;flex:none;place-items:center;display:grid;position:relative}.vjdock-cap:before{content:"";border:2px solid color-mix(in srgb, currentColor 15%, transparent);border-radius:calc(var(--radius-sm) - 5px);pointer-events:none;position:absolute;inset:3px}.vjdock-key.is-on .vjdock-cap{background:var(--color-accent);color:var(--color-on-fill)}.vjdock-ic{transition:transform .28s var(--vjm-ease-bounce);display:inline-flex;transform:scale(1)}.vjdock-ic>svg{width:var(--vjdock-glyph);height:var(--vjdock-glyph);overflow:visible}.vjdock-gs,.vjdock-gd,.vjdock-gl{stroke:currentColor;stroke-width:var(--vjdock-gw);stroke-linecap:round;stroke-linejoin:round}.vjdock-gs{fill:color-mix(in srgb, currentColor 20%, transparent)}.vjdock-gd{fill:color-mix(in srgb, currentColor 42%, transparent)}.vjdock-gl{fill:none}.vjdock-key.is-on .vjdock-ic{animation:vjdock-stamp .56s var(--vjm-ease-bounce) backwards;animation-delay:var(--vjdock-popdelay,0s);transform:scale(1.16)}@keyframes vjdock-stamp{0%{transform:scale(1)rotate(0)}22%{transform:scale(.9)rotate(-6deg)}58%{transform:scale(1.32)rotate(4deg)}to{transform:scale(1.16)rotate(0)}}.vjdock-cap .dk-gatelock{position:absolute;top:-8px;right:-8px}.vjdock-key.is-acctlocked:not(.is-on) .vjdock-cap{color:var(--color-muted)}.vjdock-badge{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-green);min-width:28px;height:21px;color:var(--color-on-fill);font-size:var(--text-2xs);font-weight:var(--font-weight-black,800);font-variant-numeric:tabular-nums;place-items:center;padding:0 5px;display:grid;position:absolute;top:-8px;right:-8px}@media (min-width:1024px){:root{--vjdock-cap:64px;--vjdock-glyph:44px;--vjdock-dock-h:98px;--vjdock-pop:24px;--vjdock-gw:1.7;--vjdock-socket:calc(var(--vjdock-cap) + 18px);--vjdock-lift:16px;--vjdock-dockw:520px}.vjdock-mount{width:min(var(--vjdock-dockw), calc(100% - 40px))}.vjdock-dock{padding:17px 14px}}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.vjdock-key:hover{transform:translateY(-5px)}.vjdock-key.is-on:hover{transform:translateY(calc(var(--vjdock-pop) * -1 - 5px))}.vjdock-key:active{transform:translateY(3px)scale(.96)}.vjdock-key.is-on:active{transform:translateY(calc(var(--vjdock-pop) * -1 + 4px)) scale(.97)}}@media (min-width:1440px){:root{--vjdock-cap:72px;--vjdock-glyph:49px;--vjdock-dock-h:108px;--vjdock-pop:26px;--vjdock-dockw:580px}.vjdock-dock{padding:18px 16px}}@media (max-width:379px){:root{--vjdock-cap:46px;--vjdock-glyph:30px;--vjdock-dock-h:74px;--vjdock-pop:17px;--vjdock-socket:calc(var(--vjdock-cap) + 8px)}.vjdock-dock{padding:14px 8px}}@media (max-height:740px){:root{--vjdock-cap:48px;--vjdock-glyph:32px;--vjdock-dock-h:76px;--vjdock-pop:17px;--vjdock-socket:calc(var(--vjdock-cap) + 10px)}.vjdock-dock{padding:14px 10px}}@media (min-width:1024px) and (max-height:740px){:root{--vjdock-dockw:420px}}@media (prefers-reduced-motion:reduce){.vjdock-key,.vjdock-ic,.vjdock-puck{transition:none}.vjdock-key.is-on,.vjdock-key.is-on .vjdock-ic{animation:none}.vjdock-dock.is-rising .vjdock-capin{animation:.16s linear backwards vjm-fade}.vjdock-capglow{animation:none}}
/*# sourceMappingURL=0sjtfshvl0u4q.css.map*/