update

src/components/_orbiter-base.scss

@@ -2,21 +2,16 @@
 
 .o-orbiter {
   --o-size: var(--o-m); // default
-  --o-rotation-angle: calc(
-    var(--o-angle) * var(--o-orbiter-number) + var(--o-offset-angle) - var(--o-angle)
-  );
+  border-radius: 50%; //default
+  --o-rotation-angle: calc(var(--o-angle) * var(--o-orbiter-number) + var(--o-offset-angle) - var(--o-angle));
   --o-rotate: calc(var(--o-rotation-angle) * 1deg);
   --o-rotate-invert: calc(var(--o-rotation-angle) * -1deg);
   display: grid;
-
   grid-area: 1/1/1/1;
   place-content: center;
   width: var(--o-size);
   height: var(--o-size);
-  border-radius: 50%;
-  //transform: rotate(var(--o-rotate)) translate(var(--o-x-coords), 0)
-   // rotate(var(--o-rotate-invert));
-   transform: translate(calc(var(--o-x-coords) * cos(var(--o-rotate))), calc(var(--o-x-coords) / var(--o-ellipse-rate) * sin(var(--o-rotate))));
+  transform: translate(calc(var(--o-x-coords) * cos(var(--o-rotate))), calc(var(--o-x-coords) / var(--o-ellipse-rate) * sin(var(--o-rotate))));
 }
 
 .o-orbiter.o-stationary {

src/components/_orbiter-theme.scss

@@ -4,7 +4,3 @@
   border-color: var(--o-dark);
   border: 0px solid;
 }
-
-.o-orbiter > .o-content {
-  background-color: var(--o-light);
-}

src/components/_sector-base.scss

@@ -1,12 +1,11 @@
-
 .o-sector {
   --o-half: calc(var(--o-diameter) / 2);
   --o-quarter: calc(var(--o-half) / 2); 
   --o-semi: calc(var(--o-angle) / 2 * 1deg); // ademas del offset el angulo debe dividirse por 2, distinto de orbiter
   --o-gap: var(--o-sector-gap);
   --o-diameter-percent: calc(
     var(--o-half) + (var(--o-gap) * (var(--o-current-orbit) / var(--o-max-orbits))) - var(--o-half) * tan(var(--o-semi)) 
-  ); // importante fix en gaps, se toma en cta nro de orbits para que no queda desparajo el gap si hay multiples orbits. no se si anda con nested sectors
+  ); 
   --o-width: 49px;
   --o-rotate: calc(
     (var(--o-angle) * var(--o-orbiter-number) + var(--o-offset-angle) - (var(--o-angle) / 2)) * 1deg
@@ -28,15 +27,4 @@
   ); 
   transform: rotate(var(--o-rotate)) translate(var(--o-quarter), 0);
 }
-/*
-<span style="
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform:translate(-50%, -50%);
-    rotate: calc(var(--o-rotate) * -1 (queda horizontal) * 45 (queda stationary) * 90(queda tipo rayo bici) );
-">play</span>
-
-*/
-