.tlx-kit{--tool-accent-cost:var(--success);--tool-accent-cost-rgb:var(--success-rgb);--tool-accent-wifi:var(--secondary);--tool-accent-wifi-rgb:var(--secondary-rgb);--tool-accent-poe:var(--warning);--tool-accent-poe-rgb:var(--warning-rgb);--tool-accent-storage:var(--error);--tool-accent-storage-rgb:var(--error-rgb);--tool-accent-vlan:#5b8def;--tool-accent-vlan-rgb:91, 141, 239;--tool-accent-cable:#d2792f;--tool-accent-cable-rgb:210, 121, 47;width:100%;max-width:440px;margin-inline-start:auto;padding:22px 26px 16px;position:relative}.tlx-kit__head,.tlx-kit__foot{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);justify-content:space-between;align-items:center;font-size:10px;display:flex}.tlx-kit__head{margin-bottom:10px}.tlx-kit__head-spec{color:var(--success)}.tlx-kit__foot{color:var(--fg-4);margin-top:10px}.tlx-kit__foot-pulse{color:var(--success);align-items:center;gap:6px;display:inline-flex}.tlx-kit__foot-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 0 rgba(var(--success-rgb), .5);border-radius:50%;animation:2.4s ease-out infinite tlx-foot-pulse}@keyframes tlx-foot-pulse{0%{box-shadow:0 0 0 0 rgba(var(--success-rgb), .5)}70%{box-shadow:0 0 0 6px rgba(var(--success-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--success-rgb), 0)}}.tlx-kit__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tlx-tile{--tone:var(--primary);--tone-rgb:var(--primary-rgb);background:var(--bg-panel);border:1px solid var(--border);opacity:0;animation:.5s cubic-bezier(.2,.7,.3,1) forwards tlx-tile-in;animation-delay:calc(var(--d) * 90ms);border-radius:12px;flex-direction:column;gap:9px;padding:13px 13px 11px;display:flex;position:relative;overflow:hidden;transform:translateY(10px)scale(.97)}@keyframes tlx-tile-in{to{opacity:1;transform:none}}.tlx-tile:before{content:"";background:radial-gradient(70% 64% at 18% 0%, rgba(var(--tone-rgb), .16) 0%, rgba(var(--tone-rgb), .05) 42%, transparent 74%);pointer-events:none;position:absolute;inset:0}.tlx-tile:after{content:"";background:rgba(var(--tone-rgb), .65);height:2px;position:absolute;top:0;left:0;right:0}.tlx-tile--cost{--tone:var(--tool-accent-cost);--tone-rgb:var(--tool-accent-cost-rgb)}.tlx-tile--wifi{--tone:var(--tool-accent-wifi);--tone-rgb:var(--tool-accent-wifi-rgb)}.tlx-tile--vlan{--tone:var(--tool-accent-vlan);--tone-rgb:var(--tool-accent-vlan-rgb)}.tlx-tile--storage{--tone:var(--tool-accent-storage);--tone-rgb:var(--tool-accent-storage-rgb)}.tlx-tile--poe{--tone:var(--tool-accent-poe);--tone-rgb:var(--tool-accent-poe-rgb)}.tlx-tile--cable{--tone:var(--tool-accent-cable);--tone-rgb:var(--tool-accent-cable-rgb)}.tlx-tile__label{z-index:1;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:6px;font-size:9.5px;font-weight:600;display:flex;position:relative}.tlx-tile__dot{background:var(--tone);width:6px;height:6px;box-shadow:0 0 7px rgba(var(--tone-rgb), .6);border-radius:50%;flex:none}.tlx-tile__ix{font-family:var(--font-mono);letter-spacing:.05em;color:var(--fg-4);margin-left:auto;font-size:9px;font-weight:600}.tlx-tile__viz{z-index:1;width:100%;height:50px;display:block;position:relative}.tlx-tile__viz svg{width:100%;height:100%;display:block;overflow:visible}.tlx-bar{fill:var(--tone);transform-box:fill-box;transform-origin:bottom;animation:3.4s ease-in-out infinite tlx-bar-grow;animation-delay:calc(var(--i) * .18s)}.tlx-bar--ghost{fill:rgba(var(--tone-rgb), .22)}@keyframes tlx-bar-grow{0%,to{transform:scaleY(.78)}50%{transform:scaleY(1)}}.tlx-ring{fill:none;stroke:var(--tone);stroke-width:1.4px;transform-box:fill-box;transform-origin:50%;animation:3s ease-out infinite tlx-ring-pulse;animation-delay:calc(var(--i) * .5s)}@keyframes tlx-ring-pulse{0%{opacity:.85;transform:scale(.55)}70%{opacity:0;transform:scale(1.12)}to{opacity:0;transform:scale(1.12)}}.tlx-ring-core{fill:var(--tone)}.tlx-tag{rx:2;animation:4s ease-in-out infinite tlx-tag-shift;animation-delay:calc(var(--i) * .22s)}@keyframes tlx-tag-shift{0%,to{opacity:.9;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}.tlx-drive{fill:rgba(var(--tone-rgb), .14);stroke:var(--tone);stroke-width:1.2px}.tlx-platter{fill:none;stroke:var(--tone);stroke-width:1.1px;opacity:.7}.tlx-spindle{fill:var(--tone)}.tlx-ret-track{fill:rgba(var(--tone-rgb), .16)}.tlx-ret-fill{fill:var(--tone);transform-box:fill-box;transform-origin:0;animation:4.5s ease-in-out infinite tlx-ret-fill}@keyframes tlx-ret-fill{0%{transform:scaleX(.32)}50%{transform:scaleX(.86)}to{transform:scaleX(.32)}}.tlx-gauge-arc{fill:none;stroke:rgba(var(--tone-rgb), .28);stroke-width:3px;stroke-linecap:round}.tlx-gauge-fill{fill:none;stroke:var(--tone);stroke-width:3px;stroke-linecap:round;stroke-dasharray:66;animation:4s ease-in-out infinite tlx-gauge-fill}@keyframes tlx-gauge-fill{0%,to{stroke-dashoffset:30px}50%{stroke-dashoffset:10px}}.tlx-needle{stroke:var(--tone);stroke-width:1.6px;stroke-linecap:round;transform-box:fill-box;transform-origin:bottom;animation:4s ease-in-out infinite tlx-needle}@keyframes tlx-needle{0%,to{transform:rotate(-46deg)}50%{transform:rotate(44deg)}}.tlx-gauge-hub{fill:var(--tone)}.tlx-reel-body{fill:rgba(var(--tone-rgb), .16);stroke:var(--tone);stroke-width:1.2px}.tlx-reel-hub{fill:var(--tone)}.tlx-reel-spoke{stroke:rgba(var(--tone-rgb), .7);stroke-width:1px;transform-box:fill-box;transform-origin:50%}.tlx-reel-spin{transform-box:view-box;transform-origin:17px 25px;animation:6s linear infinite tlx-reel-spin}@keyframes tlx-reel-spin{to{transform:rotate(360deg)}}.tlx-run{fill:none;stroke:var(--tone);stroke-width:2px;stroke-linecap:round;stroke-dasharray:5 5;animation:1.2s linear infinite tlx-run-flow}@keyframes tlx-run-flow{to{stroke-dashoffset:-20px}}.tlx-run-tip{fill:var(--tone)}@media (max-width:940px){.tlx-kit{max-width:420px;margin-inline:0}}@media (max-width:420px){.tlx-kit__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tlx-tile{opacity:1;animation:none;transform:none}.tlx-bar,.tlx-ring,.tlx-tag,.tlx-ret-fill,.tlx-gauge-fill,.tlx-needle,.tlx-reel-spin,.tlx-run,.tlx-kit__foot-dot{animation:none}.tlx-bar{transform:scaleY(.9)}.tlx-ring{opacity:.4;transform:scale(.85)}.tlx-ret-fill{transform:scaleX(.7)}.tlx-needle{transform:rotate(0)}}
