.droid-wrap{--size:clamp(24px, min(3.85vw, 7.4svh), 66px);font-size:var(--size);width:13.6em;height:10.2em;position:relative}.droid{--accent:var(--rh-amber-deep);--body-bg:var(--rh-paper);width:13.6em;height:10.2em;position:absolute;top:0;left:0}.droid,.droid *,.droid :before,.droid :after{box-sizing:border-box}.droid:before{content:"";background:linear-gradient(#b18d71,#b18d71) bottom/100% 27% no-repeat,linear-gradient(#070e2b 0%,#0a1f4d 50%,#2c4770 73%);border-radius:50%;width:9.4em;height:9.4em;position:absolute;bottom:.3em;left:2.1em;box-shadow:inset 0 0 0 .1em #ffffff2e,0 1.4em 3.2em #0a1f4d59}.droid__sky{pointer-events:none;border-radius:50%;width:9.4em;height:9.4em;position:absolute;bottom:.3em;left:2.1em;overflow:hidden}.droid__stars{color:#fff;filter:drop-shadow(0 0 .06em #fff);background:#fff;border-radius:50%;width:.1em;height:.1em;animation:4s ease-in-out infinite alternate droid-twinkle;position:absolute;top:0;left:0;box-shadow:1.2em .9em,2.4em .5em,3.6em 1.3em,4.9em .7em,6.1em 1.1em,7.3em .6em,.7em 2.3em,2em 2.7em,6.9em 2.4em,7.8em 3.1em,.5em 3.8em,1.6em 4.4em,7.5em 4.3em}.droid__stars--b{width:.14em;height:.14em;animation-delay:2s;box-shadow:1.8em .3em,3.1em .9em,4.2em .4em,5.5em 1.5em,6.6em .3em,.9em 1.5em,2.7em 1.8em,7.4em 1.5em,1em 3.1em,6.3em 3.6em,2.2em 3.5em}.droid__moon{background:linear-gradient(#fff,#6e8ea2);border-radius:50%;position:absolute;box-shadow:0 0 .3em #ffffff52,0 0 .3em #6e8ea24d}.droid__moon--big{width:2.3em;height:2.3em;top:1em;left:.9em}.droid__moon--big:before,.droid__moon--big:after{content:"";background:#b8c4c8;border-radius:50%;position:absolute;box-shadow:inset 0 0 .08em #8ca2a9}.droid__moon--big:before{width:.54em;height:.54em;top:.38em;left:.38em}.droid__moon--big:after{width:.3em;height:.3em;top:.92em;left:1.5em}.droid__moon--mid{width:.85em;height:.85em;top:2.3em;left:6.6em}.droid__moon--small{width:.6em;height:.6em;top:3.7em;left:7.3em}.droid__shadow{opacity:.38;filter:blur(.2em);background:#050f3c;border-radius:50%;width:4.8em;height:.7em;position:absolute;bottom:1.15em;left:4.4em}.droid__ping{opacity:0;border:.06em solid #ffffffd9;border-radius:50%;width:.9em;height:.9em;animation:3.2s ease-out infinite droid-ping;position:absolute;top:2.65em;left:6.35em}.droid__ping+.droid__ping{animation-delay:1.6s}.droid__orbit{border:1px dashed #fff6;border-radius:50%;width:9.4em;height:9.4em;animation:48s linear infinite droid-orbit;position:absolute;bottom:.3em;left:2.1em}.droid__orbiter{width:1.4em;height:1.4em;transform:rotate(var(--a)) translateY(-4.7em);margin:-.7em;position:absolute;top:50%;left:50%}.droid__orbiter>span{background:var(--rh-paper);border:.07em solid var(--rh-amber);width:100%;height:100%;color:var(--rh-ink);animation:48s linear infinite droid-orbit-back,48s linear infinite droid-dip;animation-delay:0s, var(--d);border-radius:50%;place-items:center;display:grid;box-shadow:0 .2em .6em #0b1b3a1f}.droid__orbiter svg{width:.75em;height:.75em}.droid__ground{opacity:.5;background:repeating-linear-gradient(90deg,#fff 0 .9em,#0000 .9em 1.8em);width:8.8em;height:.07em;animation:.79s linear infinite droid-floor;position:absolute;bottom:1.42em;left:2.4em;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.droid__unit{transform-origin:50% 100%;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:1.5em;left:4.6125em;transform:scale(1.12)}.droid__head-container{z-index:2;transform-origin:1.25em 3.75em;animation:6s ease-in-out infinite droid-lean;position:relative}.droid__scan{z-index:3;pointer-events:none;--b:linear-gradient(var(--accent), var(--accent));background:var(--b) 0 0 / .55em .07em no-repeat, var(--b) 0 0 / .07em .55em no-repeat, var(--b) 100% 0 / .55em .07em no-repeat, var(--b) 100% 0 / .07em .55em no-repeat, var(--b) 0 100% / .55em .07em no-repeat, var(--b) 0 100% / .07em .55em no-repeat, var(--b) 100% 100% / .55em .07em no-repeat, var(--b) 100% 100% / .07em .55em no-repeat;position:absolute;inset:-.3em -.4em -.1em}.droid__scan:after{content:"";background:var(--accent);opacity:.7;height:.05em;box-shadow:0 0 .3em var(--accent);animation:3s ease-in-out infinite droid-scan;position:absolute;left:.1em;right:.1em}.droid__head{background:linear-gradient(transparent .063em, dimgray .063em .313em, transparent .313em .375em, var(--accent) .375em .5em, transparent .5em 1.313em, silver 1.313em 1.438em, transparent 1.438em), linear-gradient(45deg, transparent .188em, var(--body-bg) .188em 1.25em, transparent 1.25em), linear-gradient(-45deg, transparent .188em, var(--body-bg) .188em 1.25em, transparent 1.25em), linear-gradient(var(--body-bg) 1.25em, transparent 1.25em);z-index:1;filter:drop-shadow(0 .063em .125em gray);border-radius:99em 99em 0 0;width:2.5em;height:1.688em;margin-bottom:-.188em;position:relative;overflow:hidden}.droid__head:before{content:"";background:radial-gradient(.125em circle at .25em .375em, red, transparent), radial-gradient(.063em circle at .375em .188em, var(--body-bg) 50%, transparent 100%), linear-gradient(45deg, #000 .188em, dimgray .313em .375em, #000 .5em);width:.563em;height:.563em;box-shadow:0 0 0 .089em lightgray, .563em .281em 0 -.148em, .563em .281em 0 -.1em var(--body-bg), .563em .281em 0 -.063em;z-index:1;border-radius:99em;animation:6s ease-in-out infinite droid-gaze;position:absolute;top:.413em;left:50%;transform:translate(-50%)}.droid__head:after{content:"";background:linear-gradient(to right, var(--accent) .125em, transparent .125em .188em, var(--accent) .188em .313em, transparent .313em .375em, var(--accent) .375em .938em, transparent .938em 1em, var(--accent) 1em 1.125em, transparent 1.125em 1.875em, var(--accent) 1.875em 2em, transparent 2em 2.063em, var(--accent) 2.063em 2.25em, transparent 2.25em 2.313em, var(--accent) 2.313em 2.375em, transparent 2.375em 2.438em, var(--accent) 2.438em);width:100%;height:.188em;animation:6s ease-in-out infinite droid-stripe;position:absolute;bottom:.375em;left:0}.droid__antenna{transform-origin:50% 100%;border-radius:99em 99em 0 0;width:.059em;animation:3s ease-in-out infinite droid-sway;position:absolute;transform:translateY(-90%)}.droid__antenna:first-child{background:linear-gradient(#000 .188em,silver .188em);height:.938em;right:.938em}.droid__antenna:nth-child(2){background:silver;height:.375em;left:50%;transform:translate(-50%,-90%)}.droid__body{z-index:1;background:linear-gradient(-90deg, var(--body-bg) 4%, var(--accent) 4% 10%, transparent 10% 90%, var(--accent) 90% 96%, var(--body-bg) 96%), linear-gradient(var(--body-bg) 4%, var(--accent) 4% 10%, transparent 10% 90%, var(--accent) 90% 96%, var(--body-bg) 96%), linear-gradient(to right, transparent 2.156em, silver 2.156em 2.219em, transparent 2.188em), linear-gradient(transparent 2.156em, silver 2.156em 2.219em, transparent 2.188em);background-color:var(--body-bg);border-radius:99em;width:4.375em;height:4.375em;animation:6s linear infinite droid-spin;position:relative;overflow:hidden;transform:rotate(45deg);box-shadow:inset -.35em -.45em .7em #0b1b3a24}.droid__body:after{content:"";color:#ececec;background:#ececec;border-radius:50%;width:.188em;height:.188em;position:absolute;bottom:1.5em;left:.563em;box-shadow:.875em .938em,0 -1.25em,.875em -2.125em,2.125em -2.125em,3.063em -1.25em,3.063em 0,2.125em .938em}.droid__body:before{content:"";border:.313em solid var(--accent);background:radial-gradient(1em circle at center, #ececec 50%, transparent 51%), radial-gradient(1.25em circle at center, var(--body-bg) 50%, transparent 51%), linear-gradient(-90deg, transparent 42%, var(--accent) 42% 58%, transparent 58%), linear-gradient(var(--body-bg) 42%, var(--accent) 42% 58%, var(--body-bg) 58%);border-radius:50%;width:2.625em;height:2.625em;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@keyframes droid-spin{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes droid-floor{to{background-position-x:-1.8em}}@keyframes droid-lean{0%,to{transform:rotate(0)}30%{transform:rotate(5deg)}70%{transform:rotate(-4deg)}}@keyframes droid-gaze{0%,to{left:24%}50%{left:76%}}@keyframes droid-stripe{0%,to{background-position:-1.375em 0}50%{background-position:1.375em 0}}@keyframes droid-sway{0%,to{rotate:none}25%{rotate:-5deg}75%{rotate:5deg}}@keyframes droid-scan{0%,to{top:.1em}50%{top:calc(100% - .15em)}}@keyframes droid-twinkle{0%{opacity:.3}to{opacity:1}}@keyframes droid-ping{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(7)}}@keyframes droid-orbit{to{transform:rotate(360deg)}}@keyframes droid-orbit-back{0%{transform:rotate(calc(var(--a) * -1))}to{transform:rotate(calc(-360deg - var(--a)))}}@keyframes droid-dip{0%,5.6%{opacity:1;scale:1}7.8%,35.8%{opacity:0;scale:.5}38.1%,54.4%{opacity:1;scale:1}56.8%,73.8%{opacity:0;scale:.5}76.1%,to{opacity:1;scale:1}}@keyframes droid-step{0%,30%{background:var(--rh-amber);color:var(--rh-ink)}34%,to{background:var(--rh-blue);color:#fff}}.droid__code{background:var(--rh-ink);border-radius:.7rem;gap:.25rem;padding:.4rem;display:grid}.droid__code span{font:700 var(--rh-t-xs)/1 var(--rh-body);white-space:nowrap;background:var(--rh-blue);color:#fff;animation:3s linear infinite droid-step;animation-delay:calc(var(--i) * 1s);border-radius:.45rem;padding:.5rem .75rem;display:block}.droid__leaders{pointer-events:none;width:100%;height:10.2em;position:absolute;top:0;left:0;overflow:visible}.droid__leaders path{fill:none;stroke:var(--rh-amber-deep);stroke-width:.55px}.droid__leaders circle{fill:var(--rh-amber);stroke:var(--rh-ink);stroke-width:.3px}.droid-wrap:has(.rh-mod--ai:hover) .droid__scan{filter:drop-shadow(0 0 .3em var(--accent))}.droid-wrap:has(.rh-mod--robotics:hover) .droid__body{box-shadow:0 0 0 .1em var(--accent), 0 0 1.2em var(--accent), inset -.35em -.45em .7em #0b1b3a24}@media (max-width:1280px){.droid-wrap{--size:min(3.6vw, 40px);width:100%;height:auto}.droid{margin-left:calc(50% - 6.8em);position:relative}.droid__leaders{display:none}.droid__orbiter>span{animation:48s linear infinite droid-orbit-back}}@media (max-width:960px){.droid-wrap{--size:min(5.2vw, 40px)}}@media (max-width:720px){.droid-wrap{--size:min(31px, 8.4vw)}}@media (prefers-reduced-motion:reduce){.droid__ground,.droid__ping,.droid__stars,.droid__orbit,.droid__orbiter>span,.droid__head-container,.droid__head:before,.droid__head:after,.droid__antenna,.droid__body,.droid__scan:after,.droid__code span{animation:none}.droid__ping,.droid__orbiter{display:none}.droid__code span:first-child{background:var(--rh-amber);color:var(--rh-ink)}}