ol{all:unset;aspect-ratio:1 / 1;container-type:inline-size;display:grid;width:100%}li{aspect-ratio:1 / 1;border-radius:50%;display:grid;grid-area:1 / 1;place-self:center;width:var(--d, 2cqi)}li:after{animation:rotate var(--t, 3s) linear infinite;aspect-ratio:1 / 1;background:var(--b, hsl(0, 0%, 50%));border-radius:50%;box-shadow:0 0 15px #0000004d;content:"";display:block;offset-path:content-box;width:var(--w, 2cqi)}@keyframes rotate{to{offset-distance:100%}}.sun{--b: radial-gradient(circle, #f9d71c 0%, #f9a825 50%, #f9a825 100%);--d: 10cqi;--w: 8cqi;border:0}.sun:after{animation:none;offset-path:none;place-self:center}.mercury{--b: radial-gradient(circle, #c2c2c2 0%, #8a8a8a 100%);--d: 15cqi;--t: 2.10526s;--w: 2.0526cqi}.venus{--b: radial-gradient(circle, #f4d03f 0%, #c39c43 100%);--d: 25cqi;--t: 4.21053s;--w: 2.6053cqi}.earth{--b: radial-gradient(circle, #3a82f7 0%, #2f9e44 80%, #1a5e20 100%);--d: 35cqi;--t: 6.31579s;--w: 3.1579cqi}.mars{--b: radial-gradient(circle, #e57373 0%, #af4448 100%);--d: 45cqi;--t: 8.42105s;--w: 3.7105cqi}.jupiter{--b: radial-gradient(circle, #d4a373 0%, #b36d32 50%, #f4e7d3 100%);--d: 60cqi;--t: 12.63158s;--w: 4.8158cqi}.saturn{--b: radial-gradient(circle, #e6dba0 0%, #c2a13e 100%);--d: 75cqi;--t: 14.73684s;--w: 5.3684cqi}.uranus{--b: radial-gradient(circle, #7de3f4 0%, #3ba0b5 100%);--d: 84.5cqi;--t: 10.52632s;--w: 4.2632cqi}.neptune{--b: radial-gradient(circle, #4c6ef5 0%, #1b3b8c 100%);--d: 94cqi;--t: 20s;--w: 6cqi}.moon-background{display:block;width:20rem;height:20rem;border-radius:50%;background-image:url(https://www.solarsystemscope.com/textures/download/2k_moon.jpg);background-repeat:repeat-x;background-size:110% 100%;opacity:1;animation-name:moonRotation;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards!important;box-shadow:inset -10px 8px 6px -5px #fff,inset 20px -20px 40px 30px #000000e6,7px -6px 14px #ffffff52;position:relative;top:auto;right:auto;margin:0 auto}.skip-link{position:absolute;top:-40px;left:0;background-color:#fff;color:#000;padding:8px 12px;z-index:10000;border:2px solid #000;text-decoration:none}.skip-link:focus{top:0}html,body,#root{height:100%;margin:0}@keyframes earthRotation{0%{background-position:0% 0%;border:0px solid #00000000}50%{background-position:150% 0%;border:0px solid #00000000}to{background-position:300% 0%;border:0px solid #00000000}}.earth-background{display:block;width:20rem;height:20rem;border-radius:50%;background-image:url(https://www.solarsystemscope.com/textures/download/2k_earth_daymap.jpg);background-repeat:repeat-x;background-size:110% 100%;opacity:1;animation-name:earthRotation;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards!important;box-shadow:inset -10px 8px 6px -5px #fff,inset 20px -20px 40px 30px #000000e6,7px -6px 14px #ffffff52;position:relative;top:auto;right:auto;margin:0 auto}.earth-clouds-background{display:block;width:20rem;height:20rem;border-radius:50%;background-image:url(https://www.solarsystemscope.com/textures/download/2k_earth_clouds.jpg);background-repeat:repeat-x;background-size:110% 100%;opacity:.65;animation-name:earthRotation;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards!important;box-shadow:inset -10px 8px 6px -5px #fff,inset 20px -20px 40px 30px #000000e6,7px -6px 14px #ffffff52;position:relative;top:auto;right:auto;margin:0 auto;z-index:1}.io-background{display:block;width:20rem;height:20rem;border-radius:50%;background-image:url(/solar-system-dashboard/assets/Iomap-DYFMT0da.webp);background-repeat:repeat-x;background-size:110% 100%;opacity:1;animation-name:moonRotation;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards!important;box-shadow:inset -10px 8px 6px -5px #fff,inset 20px -20px 40px 30px #000000e6,7px -6px 14px #ffffff52;position:relative;top:auto;right:auto;margin:0 auto}@keyframes phobosRotation{0%{background-position:0% 0%;border:0px solid #00000000}50%{background-position:150% 0%;border:0px solid #00000000}to{background-position:300% 0%;border:0px solid #00000000}}.phobos-background{display:block;width:20rem;height:20rem;border-radius:50%;background-image:url(/solar-system-dashboard/assets/Phobosmap-CMIldddc.webp);background-repeat:repeat-x;background-size:110% 100%;opacity:1;animation-name:phobosRotation;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards!important;box-shadow:inset -10px 8px 6px -5px #fff,inset 20px -20px 40px 30px #000000e6,7px -6px 14px #ffffff52;position:relative;top:auto;right:auto;margin:0 auto}@keyframes moonRotation{0%{background-position:0% 0%;border:0px solid #00000000}50%{background-position:150% 0%;border:0px solid #00000000}to{background-position:300% 0%;border:0px solid #00000000}}.mars-background{display:block;width:20rem;height:20rem;border-radius:50%;background-image:url(/solar-system-dashboard/assets/Marsmap-yWrhhiWn.webp);background-repeat:repeat-x;background-size:110% 100%;opacity:1;animation-name:moonRotation;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards!important;box-shadow:inset -10px 8px 6px -5px #fff,inset 20px -20px 40px 30px #000000e6,7px -6px 14px #ffffff52;position:relative;top:auto;right:auto;margin:0 auto}body{font-family:system-ui;background:#000;color:#fff}@keyframes mercuryRotation{0%{background-position:0% 0%;border:0px solid #00000000}50%{background-position:150% 0%;border:0px solid #00000000}to{background-position:300% 0%;border:0px solid #00000000}}.mercury-background{display:block;width:20rem;height:20rem;border-radius:50%;background-image:url(/solar-system-dashboard/assets/Mercurymap-C64h_ZIm.webp);background-repeat:repeat-x;background-size:110% 100%;opacity:1;animation-name:mercuryRotation;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards!important;box-shadow:inset -10px 8px 6px -5px #fff,inset 20px -20px 40px 30px #000000e6,7px -6px 14px #ffffff52;position:relative;top:auto;right:auto;margin:0 auto}