.fox{display:block;overflow:visible;--fox-edge: 14}.fox--holo{filter:drop-shadow(0 0 2px rgba(0,240,255,.55)) drop-shadow(0 0 8px rgba(123,92,255,.3));transition:filter .3s ease}.fox--holo .fox__body,.fox--mono .fox__body{fill:url(#fox-holo);stroke:#e1ffffcc;stroke-width:var(--fox-edge);paint-order:stroke}.fox--holo .fox__scan,.fox--mono .fox__scan{fill:url(#fox-scan);mix-blend-mode:overlay;opacity:.5}.fox__ghost{opacity:0}.fox--holo .fox__ghost--c{fill:#00f0ff;animation:fox-glitch-c 6.5s steps(1) infinite}.fox--holo .fox__ghost--m{fill:#ff2bd6;animation:fox-glitch-m 6.5s steps(1) infinite}.fox__eyes{fill:url(#fox-eye);transform-box:fill-box;transform-origin:center}.fox__glow{fill:#ff1e3c;filter:url(#fox-blur);transform-box:fill-box;transform-origin:center}.fox--holo .fox__eyes,.fox--mono .fox__eyes{animation:fox-blink 7s ease-in-out 1.5s infinite}.fox--holo .fox__glow,.fox--mono .fox__glow{opacity:.8;animation:fox-pulse 2.6s ease-in-out infinite,fox-blink 7s ease-in-out 1.5s infinite}a:hover>.fox--holo,a:focus-visible>.fox--holo,button:hover>.fox--holo{filter:drop-shadow(0 0 4px rgba(0,240,255,.9)) drop-shadow(0 0 14px rgba(255,43,214,.55))}a:hover>.fox--holo .fox__glow,button:hover>.fox--holo .fox__glow{animation-duration:.9s,7s}@keyframes fox-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes fox-blink{0%,95%,to{transform:scaleY(1)}96.5%{transform:scaleY(.06)}}@keyframes fox-glitch-c{0%,90%,to{opacity:0;transform:none}91%{opacity:.75;transform:translate(-34px,10px)}93%{opacity:.55;transform:translate(22px,-14px)}95%{opacity:0}}@keyframes fox-glitch-m{0%,90%,to{opacity:0;transform:none}91%{opacity:.65;transform:translate(34px,-8px)}93%{opacity:.5;transform:translate(-26px,12px)}95%{opacity:0}}html[data-theme=light] #fox-holo stop:nth-child(1),html[data-theme=light] #fox-holo stop:nth-child(6){stop-color:#0082c8}html[data-theme=light] #fox-holo stop:nth-child(2){stop-color:#5b2fd6}html[data-theme=light] #fox-holo stop:nth-child(3){stop-color:#c4128e}html[data-theme=light] #fox-holo stop:nth-child(4){stop-color:#d9831c}html[data-theme=light] #fox-holo stop:nth-child(5){stop-color:#0f9f7e}html[data-theme=light] .fox--holo .fox__body{stroke:#1e0a328c}html[data-theme=light] .fox--holo{filter:drop-shadow(0 0 2px rgba(0,130,200,.35))}.fox--draw{--fd-start: .15s;--fd-line: 1.05s;--fd-stagger: .2s;--fd-fill: 1.45s;--fd-eyes: 1.95s;--fox-line: 10}.fox--draw .fox__line{fill:none;stroke:url(#fox-holo);stroke-width:var(--fox-line);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 10px rgba(0,240,255,.95));animation:fox-draw var(--fd-line) cubic-bezier(.4,.1,.25,1) calc(var(--fd-start) + var(--i) * var(--fd-stagger)) forwards,fox-line-dim .7s ease var(--fd-fill) forwards}.fox--draw .fox__fill{fill:url(#fox-holo);stroke:#e1ffffb3;stroke-width:8;paint-order:stroke;opacity:0;animation:fox-in .8s ease var(--fd-fill) forwards}.fox--draw .fox__scan{fill:url(#fox-scan);mix-blend-mode:overlay;opacity:0;animation:fox-in-scan .8s ease var(--fd-fill) forwards}.fox--draw .fox__eyes{opacity:0;animation:fox-ignite .6s linear var(--fd-eyes) forwards,fox-blink 7s ease-in-out calc(var(--fd-eyes) + 3s) infinite}.fox--draw .fox__glow{opacity:0;animation:fox-ignite .6s linear var(--fd-eyes) forwards,fox-pulse 2.6s ease-in-out calc(var(--fd-eyes) + .6s) infinite}.fox__flare{fill:url(#fox-flare);opacity:0;transform-box:fill-box;transform-origin:center;mix-blend-mode:screen;animation:fox-flare 1s ease-out calc(var(--fd-eyes) + .08s) forwards}.fox__streak{fill:#ffd1d6;opacity:0;transform-box:fill-box;transform-origin:center;mix-blend-mode:screen;animation:fox-streak 1.1s ease-out calc(var(--fd-eyes) + .08s) forwards}@keyframes fox-draw{to{stroke-dashoffset:0}}@keyframes fox-line-dim{to{stroke-opacity:.3}}@keyframes fox-in{to{opacity:1}}@keyframes fox-in-scan{to{opacity:.5}}@keyframes fox-ignite{0%{opacity:0}14%{opacity:1}22%{opacity:.1}36%{opacity:1}46%{opacity:.35}60%,to{opacity:1}}@keyframes fox-flare{0%{opacity:0;transform:scale(.2)}22%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2.6)}}@keyframes fox-streak{0%{opacity:0;transform:scaleX(.1)}25%{opacity:.95;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.6)}}.fox-hero{position:relative;display:grid;place-items:center;width:min(156px,40vw);aspect-ratio:1;margin:2px auto 16px;isolation:isolate}.fox-hero .fox{position:relative;z-index:2;width:74%;--fox-line: 13}.fox-hero:before{content:"";position:absolute;inset:6%;border-radius:50%;z-index:0;background:conic-gradient(from 0deg,transparent 0 8%,rgba(0,240,255,.55) 10% 11%,transparent 13% 40%,rgba(255,43,214,.5) 42% 43%,transparent 45% 70%,rgba(123,92,255,.55) 72% 73%,transparent 75%);-webkit-mask:radial-gradient(circle,transparent 66%,#000 67% 70%,transparent 71%);mask:radial-gradient(circle,transparent 66%,#000 67% 70%,transparent 71%);animation:fox-spin 9s linear infinite;opacity:0;animation-name:fox-spin,fox-in;animation-duration:9s,.8s;animation-delay:0s,.2s;animation-iteration-count:infinite,1;animation-fill-mode:none,forwards}.fox-hero:after{content:"";position:absolute;left:14%;right:14%;bottom:-2%;height:22%;z-index:1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,240,255,.5),rgba(123,92,255,.18) 45%,transparent 70%);filter:blur(2px);opacity:0;animation:fox-in .9s ease .1s forwards,fox-base 3.2s ease-in-out 1s infinite}.fox-hero__beam{position:absolute;left:22%;right:22%;bottom:6%;height:70%;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(to top,rgba(0,240,255,.28),rgba(123,92,255,.06) 70%,transparent);clip-path:polygon(30% 100%,70% 100%,100% 0,0 0);animation:fox-in 1s ease .3s forwards,fox-base 3.2s ease-in-out 1.2s infinite}@keyframes fox-spin{to{transform:rotate(360deg)}}@keyframes fox-base{0%,to{opacity:.65}50%{opacity:1}}.fox-hero--float{position:absolute;left:600px;top:50px;width:128px;margin:0;transform:translate(-50%,-96%);pointer-events:none;z-index:6}@media (max-height: 780px){.fox-hero--float{width:104px}}@media (max-height: 690px){.fox-hero--float{display:none}}@media (max-width: 960px),(max-height: 600px) and (max-width: 1100px){.fox-hero--float{display:none}}.fox-hero{will-change:transform}.fox-hero .fox--draw .fox__line{stroke:url(#fox-holo-s)}.fox-hero .fox--draw .fox__fill{fill:url(#fox-holo-s)}.fox-hero .fox--draw .fox__scan{fill:url(#fox-scan-s)}.fox-hero .fox--draw .fox__glow{animation:fox-ignite .6s linear var(--fd-eyes) forwards}.fox-hero .fox--draw .fox__eyes{animation:fox-ignite .6s linear var(--fd-eyes) forwards,fox-blink 9s ease-in-out calc(var(--fd-eyes) + 4s) infinite}.sw-fox{position:relative;display:grid;place-items:center;width:120px;height:120px}.sw-fox .fox{width:100%}.sw .fox--draw{--fd-start: .12s;--fd-line: .55s;--fd-stagger: .08s;--fd-fill: .72s;--fd-eyes: .98s;--fox-line: 14}:root.booting .fox-hero *,:root.booting .fox-hero:before,:root.booting .fox-hero:after,:root.boot .fox-hero *,:root.boot .fox-hero:before,:root.boot .fox-hero:after,.sw:not(.sw--on) .fox--draw *,.welcome[hidden] .fox--draw *{animation:none!important}@media (prefers-reduced-motion: reduce){.fox,.fox *,.fox-hero:before,.fox-hero:after,.fox-hero__beam{animation:none!important}.fox--draw .fox__line{stroke-dashoffset:0;stroke-opacity:.3}.fox--draw .fox__fill,.fox--draw .fox__eyes,.fox--draw .fox__glow,.fox-hero:after,.fox-hero:before,.fox-hero__beam{opacity:1}.fox--draw .fox__scan{opacity:.5}.fox__flare,.fox__streak{display:none}}