.xz[data-astro-cid-phkxocla]{width:100%;max-width:480px;padding-bottom:80px;position:relative}.xz__zip[data-astro-cid-phkxocla]{width:68%;padding:12px 14px 14px}.xz__head[data-astro-cid-phkxocla]{border-bottom:1px solid var(--grey-100);color:var(--ink);align-items:center;gap:9px;margin-bottom:10px;padding-bottom:10px;font-size:11.5px;font-weight:600;display:flex}.xz__zipicon[data-astro-cid-phkxocla]{background:repeating-linear-gradient(var(--coral-ink) 0 2px, transparent 2px 4px) 50% 2px / 3px 10px no-repeat, #fde3e3;border-radius:3px 7px 3px 3px;width:18px;height:22px}.xz__zip[data-astro-cid-phkxocla] ul[data-astro-cid-phkxocla]{gap:6px;margin:0;display:grid}.xz__zip[data-astro-cid-phkxocla] li[data-astro-cid-phkxocla]{font-family:var(--font-mono);color:var(--navy);align-items:center;gap:8px;font-size:10px;display:flex}.xz__zip[data-astro-cid-phkxocla] li[data-astro-cid-phkxocla].is-child{padding-left:18px}.xz__zip[data-astro-cid-phkxocla] li[data-astro-cid-phkxocla] i[data-astro-cid-phkxocla]{background:var(--grey-100);outline:1px solid var(--grey-200);border-radius:2px 4px 2px 2px;flex:none;width:12px;height:14px}.xz__zip[data-astro-cid-phkxocla] li[data-astro-cid-phkxocla].is-html i[data-astro-cid-phkxocla]{background:var(--teal-tint);outline-color:#a9dfdf}.xz__zip[data-astro-cid-phkxocla] li[data-astro-cid-phkxocla].is-folder i[data-astro-cid-phkxocla]{background:#f6e3a6;border-radius:1px 3px 3px;outline-color:#e2c874;width:14px;height:11px}.xz__zip[data-astro-cid-phkxocla] li[data-astro-cid-phkxocla].is-img i[data-astro-cid-phkxocla]{background:linear-gradient(135deg,#cdbfbc,#7d6a6b);outline:0}.xz__code[data-astro-cid-phkxocla]{background:var(--navy-deep);width:64%;box-shadow:var(--shadow-lift);color:#d8dcff;font-family:var(--font-mono);white-space:pre;border-radius:16px;margin:0;padding:14px 16px 16px;font-size:9.5px;line-height:1.75;position:absolute;bottom:0;right:0;overflow:hidden}.c-com[data-astro-cid-phkxocla]{color:#7f86a8}.c-tag[data-astro-cid-phkxocla]{color:#7fd8d9}.c-att[data-astro-cid-phkxocla]{color:#ffb4bd}.c-str[data-astro-cid-phkxocla]{color:#f6e3a6}@media (width<=480px){.xz__zip[data-astro-cid-phkxocla]{width:90%}.xz__code[data-astro-cid-phkxocla]{width:86%;font-size:8.5px}.xz[data-astro-cid-phkxocla]{padding-bottom:110px}}.hub[data-astro-cid-ztlqdygi]{aspect-ratio:100/60;width:100%;max-width:860px;margin:0 auto;position:relative}.hub__lines[data-astro-cid-ztlqdygi]{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hub__lines[data-astro-cid-ztlqdygi] path[data-astro-cid-ztlqdygi]{fill:none;stroke:var(--teal);stroke-width:1.5px;stroke-dasharray:2 6;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:1.2s linear infinite hub-flow}.hub__lines[data-astro-cid-ztlqdygi] .hub__html[data-astro-cid-ztlqdygi]{stroke:var(--grey-300)}@keyframes hub-flow{to{stroke-dashoffset:-8px}}.hub__esp[data-astro-cid-ztlqdygi],.hub__mc[data-astro-cid-ztlqdygi]{place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.hub__esp[data-astro-cid-ztlqdygi]{top:var(--y);left:var(--x);background:var(--white);width:24%;height:22%;box-shadow:var(--shadow-lift);border-radius:18px;outline:1px solid #1b20340d}.hub__esp[data-astro-cid-ztlqdygi] img{width:auto;height:70%}.hub__mc[data-astro-cid-ztlqdygi]{background:var(--app-navy);width:26%;height:26%;box-shadow:0 0 0 8px #00abad1f, var(--shadow-lift);border-radius:22px;top:43%;left:50%}.hub__mc[data-astro-cid-ztlqdygi] img[data-astro-cid-ztlqdygi]{width:70%;height:auto}.hub__others[data-astro-cid-ztlqdygi]{outline:1px solid var(--grey-100);background:#ffffffb3;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 18px;padding:6px 16px;display:flex;position:absolute;bottom:0;left:4%;right:4%}.hub__others[data-astro-cid-ztlqdygi] .hub__other{filter:brightness(.75);opacity:.8;width:auto;height:52px}@media (width<=640px){.hub[data-astro-cid-ztlqdygi]{aspect-ratio:100/80}.hub__esp[data-astro-cid-ztlqdygi]{left:clamp(18%, var(--x), 82%);width:34%;height:16%}.hub__lines[data-astro-cid-ztlqdygi]{display:none}.hub__others[data-astro-cid-ztlqdygi] .hub__other{height:36px}}@media (prefers-reduced-motion:reduce){.hub__lines[data-astro-cid-ztlqdygi] path[data-astro-cid-ztlqdygi]{animation:none}}