.rack{--boot:1;--play:running;width:100%;position:relative}.rack svg{width:100%;height:auto;font-family:Barlow,sans-serif;display:block;overflow:visible}.rack-dev,.rack-fade{transition:opacity .4s}.rack-dev[data-interactive=true]{cursor:pointer}.rack-slide{animation:rackSlide calc(.5s * var(--boot)) cubic-bezier(.2, .7, .2, 1) calc(var(--d) * var(--boot)) both}.rack-draw{animation:rackDraw calc(var(--dur,.45s) * var(--boot)) ease-out calc(var(--d) * var(--boot)) both}.rack-led-on{animation:rackLedOn calc(.9s * var(--boot)) ease calc(var(--d) * var(--boot)) both}.rack-led-green{animation:rackLedGreen calc(.4s * var(--boot)) ease calc(var(--d) * var(--boot)) both}.rack-cloud{animation:rackCloud calc(.4s * var(--boot)) ease-out calc(2.65s * var(--boot)) both}.rack-pulse{animation:rackPulse calc(.7s * var(--boot)) ease-in-out calc(2.85s * var(--boot)) both}.rack-blink{animation:rackBlink var(--dur) steps(1, end) calc(3.2s * var(--boot) + var(--d)) infinite var(--play)}.rack-tip{color:#fff;white-space:nowrap;pointer-events:none;background:#14181c;border-radius:4px;padding:8px 10px;font:500 13px/1 Barlow,sans-serif;position:absolute;left:50%;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 2px 8px #14181c40}@keyframes rackSlide{0%{opacity:0;transform:translateY(-22px)}}@keyframes rackDraw{to{stroke-dashoffset:0}}@keyframes rackLedOn{0%{opacity:0}35%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes rackLedGreen{0%{opacity:0}}@keyframes rackCloud{0%{opacity:0;transform:translateY(6px)}}@keyframes rackPulse{0%{stroke-dashoffset:.1px}to{stroke-dashoffset:-1.02px}}@keyframes rackBlink{0%,48%{opacity:1}52%{opacity:.25}56%,74%{opacity:1}78%{opacity:.25}82%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.rack{--boot:0!important;--play:paused!important}}