.shop-viz{width:100%;min-height:280px;color:var(--ds-ink-70);position:relative}.shop-viz svg{width:1.15rem;height:1.15rem}.shop-viz b{color:#fff}.shop-viz-alert{color:#ff9a9a;background:#640f1466;border:1px solid #ff8a8a40;border-radius:.6rem;align-items:center;gap:.4rem;padding:.55rem .7rem;font-size:.75rem;display:flex;position:absolute;bottom:1rem;right:1rem}.plugin-core{background:#29a2ff1f;border:1px solid #29a2ff80;border-radius:1rem;place-items:center;gap:.3rem;width:6rem;height:6rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.plugin-core svg{color:#29a2ff}.plugin-viz>span{left:calc(50% + cos(calc(var(--slot) * 60deg)) * 8rem);top:calc(50% + sin(calc(var(--slot) * 60deg)) * 6rem);border:1px solid var(--ds-line);background:#0b1b26;border-radius:.5rem;align-items:center;gap:.25rem;padding:.45rem .55rem;font-size:.7rem;display:flex;position:absolute;translate:-50% -50%}.plugin-viz>span svg{color:#6cc0ff;width:.8rem}.speed-viz>svg{color:#29a2ff;width:3rem;height:3rem;position:absolute;top:2rem;left:2rem}.speed-meter{background:#ffffff12;border-radius:1rem;height:1rem;position:absolute;top:2.5rem;left:6rem;right:2rem}.speed-meter i{border-radius:inherit;background:linear-gradient(90deg,#29a2ff,#ff9a6c);width:82%;height:100%;display:block}.speed-meter span{color:#ffad88;font-size:1.8rem;font-weight:800;position:absolute;top:1.5rem;right:0}.speed-viz ol{gap:.5rem;padding:0;list-style:none;display:grid;position:absolute;inset:auto 2rem 1.5rem}.speed-viz li{border:1px solid var(--ds-line);background:var(--ds-glass);border-radius:.5rem;justify-content:space-between;padding:.6rem .75rem;display:flex}.sync-viz{grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:1rem;padding:2rem;display:grid}.sync-viz>div{border:1px solid var(--ds-line);border-radius:.8rem;place-items:center;gap:.5rem;padding:1.2rem .5rem;display:grid}.sync-viz ol{gap:.5rem;padding:0;list-style:none;display:grid}.sync-viz li{color:#8ad5ff;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.sync-viz li svg:last-child{transform:rotate(180deg)}.sync-viz>p{color:#ff9a9a;align-items:center;gap:.4rem;font-size:.75rem;display:flex;position:absolute;bottom:1rem;left:50%;translate:-50%}.lock-viz{padding:2rem}.code-lines{border:1px solid var(--ds-line);border-radius:.8rem;gap:.7rem;padding:1.2rem;display:grid}.code-lines i{background:linear-gradient(90deg,#29a2ff80 42%,#ffffff0f 42%);border-radius:.4rem;height:.55rem}.lock-person{align-items:center;gap:.6rem;display:flex;position:absolute;bottom:2rem;left:2.5rem}.lock-person span{color:#00101d;background:#29a2ff;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-weight:800;display:grid}.access-list{gap:.35rem;display:grid;position:absolute;bottom:1.5rem;right:2rem}.access-list span{gap:.3rem;font-size:.72rem;display:flex}.access-list svg{color:#ff8a8a;width:.85rem}.marketing-viz{place-items:center;display:grid}.marketing-shop{background:#29a2ff1a;border:1px solid #29a2ff66;border-radius:.8rem;align-items:center;gap:.5rem;padding:1rem 1.4rem;display:flex}.marketing-channels{gap:.7rem;display:flex}.marketing-channels span{border:1px solid var(--ds-line);border-radius:.6rem;place-items:center;gap:.25rem;min-width:5rem;padding:.7rem;font-size:.7rem;display:grid}.marketing-channels small{color:#ff9a9a}.marketing-viz>p{color:var(--ds-ink-50);font-size:.78rem}@media (max-width:520px){.shop-viz{min-height:230px}.plugin-viz>span{left:calc(50% + cos(calc(var(--slot) * 60deg)) * 6rem);top:calc(50% + sin(calc(var(--slot) * 60deg)) * 4.8rem)}.sync-viz{gap:.4rem;padding:1rem}.marketing-channels span{min-width:4.2rem}}