.vgb-root{--t0:0s;--b-logo:var(--primary);--b-app:var(--navy);--b-avatar:var(--primary);--b-line:var(--ink)}.vgb-root[data-tone=dark]{--b-app:var(--primary);--b-avatar:var(--navy);--b-line:var(--sky)}.vgb-root[data-tone=primary]{--b-logo:var(--navy);--b-app:var(--navy)}.vgb-root[data-tone]{aspect-ratio:auto}.vgb-root .vgb-stage{aspect-ratio:16/10;position:relative;inset:auto}@container (max-width:559px){.vgb-root .vgb-stage{aspect-ratio:4/3}}.vgb-board{grid-template:"logo pal type"1.22fr"print pal app"1fr/1.5fr .62fr 1fr;gap:1.5cqi;display:grid;position:absolute;inset:5.5cqi 5cqi}.vgb-tile{background:var(--g-card);min-width:0;box-shadow:inset 0 0 0 1px var(--g-card-line);border-radius:1.4cqi;position:relative;overflow:hidden}.vgb-cap{font-family:var(--font-mono);letter-spacing:.04em;color:var(--g-ink-3);font-size:max(11px,1.35cqi);line-height:1;position:absolute;bottom:1.4cqi;left:1.6cqi}.vgb-capTop{top:1.6cqi;bottom:auto}.vgb-capOnColour{color:var(--on-primary-2)}.vgb-logo{background:var(--b-logo);box-shadow:none;grid-area:logo}.vgb-layer{color:#fff;place-items:center;display:grid;position:absolute;inset:0}.vgb-layer+.vgb-layer{clip-path:inset(0 100% 0 0)}.vgb-layer[data-light]{color:var(--navy)}.vgb-word{letter-spacing:-.045em;align-items:baseline;padding:.1em .04em .18em;font-size:6.6cqi;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}.vgb-letter{display:inline-block}.vgb-dot{background:var(--sky);border-radius:50%;width:.15em;height:.15em;margin-left:.07em;display:inline-block}.vgb-layer[data-light] .vgb-dot{background:var(--navy)}.vgb-layer[data-light] .vgb-capOnColour{color:var(--ink)}.vgb-palette{box-shadow:none;background:0 0;grid-area:pal;grid-template-rows:repeat(4,1fr);display:grid}.vgb-palette:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--b-pal-line,transparent);pointer-events:none;position:absolute;inset:0}.vgb-root[data-tone=dark]{--b-pal-line:#9ad8ff38}.vgb-root[data-tone=primary]{--b-pal-line:#fff6}.vgb-swatch{transform-origin:50% 0;position:relative}.vgb-hex{font-family:var(--font-mono);letter-spacing:.04em;color:#ffffffeb;font-size:max(11px,1.25cqi);line-height:1;position:absolute;bottom:1.1cqi;left:1.2cqi}.vgb-hexDark{color:var(--ink)}.vgb-ring{height:25%;transform:translateY(var(--p0,0%));position:absolute;inset:0 0 auto}.vgb-ring:before{content:"";border-radius:.9cqi;position:absolute;inset:.55cqi;box-shadow:inset 0 0 0 .24cqi #fff}.vgb-type{grid-area:type}.vgb-aa{letter-spacing:-.04em;color:var(--g-ink);padding:.06em .04em;font-size:10.5cqi;font-weight:500;line-height:.92;display:grid;position:absolute;bottom:3.6cqi;left:1.3cqi;overflow:hidden}.vgb-aaA,.vgb-aaB{grid-area:1/1}.vgb-aaB{transform:translateY(150%)}.vgb-glyphs{color:var(--g-ink-3);gap:.9cqi;padding-top:.2em;font-size:max(11px,1.5cqi);line-height:1;display:flex;position:absolute;bottom:1.4cqi;left:1.6cqi;right:1.6cqi;overflow:hidden}.vgb-glyph{display:inline-block}.vgb-print{grid-area:print}.vgb-draw{width:calc(100% - 1.6cqi);height:calc(100% - 3.2cqi);position:absolute;inset:.6cqi .8cqi 2.6cqi;overflow:visible}.vgb-stroke{fill:none;stroke:var(--b-line);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}.vgb-strokeSoft{stroke:var(--g-ink-3);stroke-width:1.4px}.vgb-cardFill{fill:var(--g-card)}.vgb-cardMark{fill:var(--g-accent);font-family:var(--font-sans);letter-spacing:-.04em;font-size:18px;font-weight:500}.vgb-app{background:var(--b-app);box-shadow:none;color:#fff;grid-area:app;grid-template-rows:auto auto 1fr auto;grid-template-columns:auto 1fr;column-gap:1.2cqi;padding:1.8cqi;display:grid}.vgb-avatar{background:var(--b-avatar);border-radius:50%;grid-row:1/span 2;place-items:center;width:5cqi;height:5cqi;font-size:2.5cqi;font-weight:500;line-height:1;display:grid}.vgb-appName{letter-spacing:-.02em;align-self:end;font-size:1.9cqi;font-weight:500;line-height:1.15}.vgb-appHandle{color:var(--on-navy-2);align-self:start;font-size:max(11px,1.4cqi);line-height:1.3}.vgb-root[data-tone=dark] .vgb-appHandle{color:var(--on-primary-2)}.vgb-bio{grid-column:1/-1;align-self:center;gap:.8cqi;display:grid}.vgb-bio>i{background:#fff3;border-radius:99px;height:.75cqi;display:block}.vgb-bio>i+i{width:64%}.vgb-follow{height:3.4cqi;color:var(--navy);background:#fff;border-radius:99px;grid-column:1/-1;place-self:end start;align-items:center;padding:0 1.8cqi;font-size:max(11px,1.45cqi);font-weight:500;display:inline-flex}@container (max-width:559px){.vgb-board{grid-template:"logo pal"1.15fr"type pal"1fr/1.4fr .8fr;gap:2.4cqi;inset:4cqi}.vgb-print,.vgb-app{display:none}.vgb-tile{border-radius:2.8cqi}.vgb-cap{font-size:max(11px,3cqi);bottom:2.8cqi;left:3cqi}.vgb-capTop{top:3cqi;bottom:auto}.vgb-word{font-size:11cqi}.vgb-hex{font-size:max(11px,2.9cqi);bottom:2.2cqi;left:2.6cqi}.vgb-ring:before{border-radius:1.6cqi;inset:1.1cqi;box-shadow:inset 0 0 0 .5cqi #fff}.vgb-aa{font-size:17cqi;bottom:4.6cqi;left:2.6cqi}.vgb-glyphs{gap:1.8cqi;font-size:max(11px,3cqi);bottom:3cqi;left:auto;right:3cqi}.vgb-glyph:nth-child(n+4){display:none}}.vgb-root[data-seek]{--t0:1.1s}@container (min-width:560px){.vgb-board{bottom:max(5.5cqi, var(--ctl-corner,0px))}}@media (prefers-reduced-motion:no-preference){.vgb-root[data-seek][data-play] .vgb-tile{animation:vgb-b-intro .9s cubic-bezier(.16, 1, .3, 1) calc(var(--i,0) * 90ms) both}.vgb-root[data-play] .vgb-ring{animation:vgb-b-ring var(--loop) cubic-bezier(.65, 0, .35, 1) var(--t0) infinite both}.vgb-root[data-play] .vgb-layer[data-k="1"]{animation:vgb-b-layer1 var(--loop) cubic-bezier(.65, 0, .35, 1) var(--t0) infinite both}.vgb-root[data-play] .vgb-layer[data-k="2"]{animation:vgb-b-layer2 var(--loop) cubic-bezier(.65, 0, .35, 1) var(--t0) infinite both}.vgb-root[data-play] .vgb-layer[data-k="3"]{animation:vgb-b-layer3 var(--loop) cubic-bezier(.65, 0, .35, 1) var(--t0) infinite both}.vgb-root[data-play] .vgb-layer[data-k="0"] .vgb-letter,.vgb-root[data-play] .vgb-layer[data-k="0"] .vgb-dot{animation:vgb-b-rise0 var(--loop) linear calc(var(--t0) + var(--i,0) * 40ms) infinite both}.vgb-root[data-play] .vgb-layer[data-k="1"] .vgb-letter,.vgb-root[data-play] .vgb-layer[data-k="1"] .vgb-dot{animation:vgb-b-rise1 var(--loop) linear calc(var(--t0) + var(--i,0) * 40ms) infinite both}.vgb-root[data-play] .vgb-layer[data-k="2"] .vgb-letter,.vgb-root[data-play] .vgb-layer[data-k="2"] .vgb-dot{animation:vgb-b-rise2 var(--loop) linear calc(var(--t0) + var(--i,0) * 40ms) infinite both}.vgb-root[data-play] .vgb-layer[data-k="3"] .vgb-letter,.vgb-root[data-play] .vgb-layer[data-k="3"] .vgb-dot{animation:vgb-b-rise3 var(--loop) linear calc(var(--t0) + var(--i,0) * 40ms) infinite both}.vgb-root[data-play] .vgb-aaA{animation:vgb-b-aa-a var(--loop) cubic-bezier(.65, 0, .35, 1) var(--t0) infinite both}.vgb-root[data-play] .vgb-aaB{animation:vgb-b-aa-b var(--loop) cubic-bezier(.65, 0, .35, 1) var(--t0) infinite both}.vgb-root[data-play] .vgb-follow{animation:vgb-b-press var(--loop) linear var(--t0) infinite both}}@keyframes vgb-b-intro{0%{clip-path:inset(100% 0 0 round 1.4cqi);transform:translateY(1.4cqi)}to{clip-path:inset(0 round 1.4cqi);transform:none}}@keyframes vgb-b-ring{0%,10%{transform:translateY(var(--p0,0%))}15%,35%{transform:translateY(var(--p1,100%))}40%,60%{transform:translateY(var(--p2,200%))}65%,85%{transform:translateY(var(--p3,300%))}90%,to{transform:translateY(var(--p0,0%))}}@keyframes vgb-b-layer1{0%,11.5%{clip-path:inset(0 100% 0 0)}17.5%,70%{clip-path:inset(0)}70.01%,to{clip-path:inset(0 100% 0 0)}}@keyframes vgb-b-layer2{0%,36.5%{clip-path:inset(0 100% 0 0)}42.5%,70%{clip-path:inset(0)}70.01%,to{clip-path:inset(0 100% 0 0)}}@keyframes vgb-b-layer3{0%,61.5%{clip-path:inset(0 100% 0 0)}67.5%,86.5%{clip-path:inset(0)}92.5%,to{clip-path:inset(0 0 0 100%)}}@keyframes vgb-b-rise0{0%,20%{transform:none}20.01%,87%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(115%)}93%,to{transform:none}}@keyframes vgb-b-rise1{0%,12.5%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(115%)}18.5%,to{transform:none}}@keyframes vgb-b-rise2{0%,37.5%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(115%)}43.5%,to{transform:none}}@keyframes vgb-b-rise3{0%,62.5%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(115%)}68.5%,to{transform:none}}@keyframes vgb-b-aa-a{0%,22%{transform:none}27%{transform:translateY(-150%)}27.01%,72%{transform:translateY(150%)}77%,to{transform:none}}@keyframes vgb-b-aa-b{0%,22%{transform:translateY(150%)}27%,72%{transform:none}77%{transform:translateY(-150%)}77.01%,to{transform:translateY(150%)}}@keyframes vgb-b-press{0%,46%{scale:1}46.6%{scale:.94}48%,to{scale:1}}