:root{--vjdock-lift:10px;--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{z-index:48;left:50%;bottom:calc(var(--vjdock-lift) + env(safe-area-inset-bottom));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-led{background:var(--color-accent);will-change:opacity;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:12px}.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-led,.vjdock-capglow{animation:none}}
/*# sourceMappingURL=03.3yb.r8m8eh.css.map*/