@zumer/orbit 1.4.12 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +131 -123
  2. package/dist/orbit.css +520 -600
  3. package/dist/orbit.js +464 -157
  4. package/dist/orbit.min.css +1 -1
  5. package/dist/orbit.min.js +4 -4
  6. package/dist/orbit.mjs +946 -0
  7. package/package.json +14 -4
package/dist/orbit.css CHANGED
@@ -20,1185 +20,1074 @@
20
20
  max-width: unset;
21
21
  }
22
22
 
23
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24) {
24
+ --o-orbit-number: var(--o-layout-number, 1);
25
+ --o-angle: var(--o-layout-angle, 0deg);
26
+ }
27
+
28
+ .satellite, .side, .vector, o-arc, o-progress {
29
+ --o-orbit-child-number: var(--o-layout-index, 0);
30
+ }
31
+
23
32
  .orbit-0 {
24
- --o-orbit-number: 0.00001;
33
+ --o-orbit-number: var(--o-layout-number, 0.00001);
25
34
  }
26
35
 
27
36
  :nth-child(1 of .orbit), .orbit-1 {
28
- --o-orbit-number: 1;
37
+ --o-orbit-number: var(--o-layout-number, 1);
29
38
  }
30
39
 
31
40
  :nth-child(2 of .orbit), .orbit-2 {
32
- --o-orbit-number: 2;
41
+ --o-orbit-number: var(--o-layout-number, 2);
33
42
  }
34
43
 
35
44
  :nth-child(3 of .orbit), .orbit-3 {
36
- --o-orbit-number: 3;
45
+ --o-orbit-number: var(--o-layout-number, 3);
37
46
  }
38
47
 
39
48
  :nth-child(4 of .orbit), .orbit-4 {
40
- --o-orbit-number: 4;
49
+ --o-orbit-number: var(--o-layout-number, 4);
41
50
  }
42
51
 
43
52
  :nth-child(5 of .orbit), .orbit-5 {
44
- --o-orbit-number: 5;
53
+ --o-orbit-number: var(--o-layout-number, 5);
45
54
  }
46
55
 
47
56
  :nth-child(6 of .orbit), .orbit-6 {
48
- --o-orbit-number: 6;
57
+ --o-orbit-number: var(--o-layout-number, 6);
49
58
  }
50
59
 
51
60
  :nth-child(7 of .orbit), .orbit-7 {
52
- --o-orbit-number: 7;
61
+ --o-orbit-number: var(--o-layout-number, 7);
53
62
  }
54
63
 
55
64
  :nth-child(8 of .orbit), .orbit-8 {
56
- --o-orbit-number: 8;
65
+ --o-orbit-number: var(--o-layout-number, 8);
57
66
  }
58
67
 
59
68
  :nth-child(9 of .orbit), .orbit-9 {
60
- --o-orbit-number: 9;
69
+ --o-orbit-number: var(--o-layout-number, 9);
61
70
  }
62
71
 
63
72
  :nth-child(10 of .orbit), .orbit-10 {
64
- --o-orbit-number: 10;
73
+ --o-orbit-number: var(--o-layout-number, 10);
65
74
  }
66
75
 
67
76
  :nth-child(11 of .orbit), .orbit-11 {
68
- --o-orbit-number: 11;
77
+ --o-orbit-number: var(--o-layout-number, 11);
69
78
  }
70
79
 
71
80
  :nth-child(12 of .orbit), .orbit-12 {
72
- --o-orbit-number: 12;
81
+ --o-orbit-number: var(--o-layout-number, 12);
73
82
  }
74
83
 
75
84
  :nth-child(13 of .orbit), .orbit-13 {
76
- --o-orbit-number: 13;
85
+ --o-orbit-number: var(--o-layout-number, 13);
77
86
  }
78
87
 
79
88
  :nth-child(14 of .orbit), .orbit-14 {
80
- --o-orbit-number: 14;
89
+ --o-orbit-number: var(--o-layout-number, 14);
81
90
  }
82
91
 
83
92
  :nth-child(15 of .orbit), .orbit-15 {
84
- --o-orbit-number: 15;
93
+ --o-orbit-number: var(--o-layout-number, 15);
85
94
  }
86
95
 
87
96
  :nth-child(16 of .orbit), .orbit-16 {
88
- --o-orbit-number: 16;
97
+ --o-orbit-number: var(--o-layout-number, 16);
89
98
  }
90
99
 
91
100
  :nth-child(17 of .orbit), .orbit-17 {
92
- --o-orbit-number: 17;
101
+ --o-orbit-number: var(--o-layout-number, 17);
93
102
  }
94
103
 
95
104
  :nth-child(18 of .orbit), .orbit-18 {
96
- --o-orbit-number: 18;
105
+ --o-orbit-number: var(--o-layout-number, 18);
97
106
  }
98
107
 
99
108
  :nth-child(19 of .orbit), .orbit-19 {
100
- --o-orbit-number: 19;
109
+ --o-orbit-number: var(--o-layout-number, 19);
101
110
  }
102
111
 
103
112
  :nth-child(20 of .orbit), .orbit-20 {
104
- --o-orbit-number: 20;
113
+ --o-orbit-number: var(--o-layout-number, 20);
105
114
  }
106
115
 
107
116
  :nth-child(21 of .orbit), .orbit-21 {
108
- --o-orbit-number: 21;
117
+ --o-orbit-number: var(--o-layout-number, 21);
109
118
  }
110
119
 
111
120
  :nth-child(22 of .orbit), .orbit-22 {
112
- --o-orbit-number: 22;
121
+ --o-orbit-number: var(--o-layout-number, 22);
113
122
  }
114
123
 
115
124
  :nth-child(23 of .orbit), .orbit-23 {
116
- --o-orbit-number: 23;
125
+ --o-orbit-number: var(--o-layout-number, 23);
117
126
  }
118
127
 
119
128
  :nth-child(24 of .orbit), .orbit-24 {
120
- --o-orbit-number: 24;
129
+ --o-orbit-number: var(--o-layout-number, 24);
121
130
  }
122
131
 
123
132
  /* Satellites, sectors, label, side, and vectors layout */
124
133
  :nth-child(1 of .side) {
125
- --o-orbit-child-number: -1;
134
+ --o-orbit-child-number: var(--o-layout-index, -1);
126
135
  }
127
136
 
128
137
  :nth-child(2 of .side) {
129
- --o-orbit-child-number: 0;
138
+ --o-orbit-child-number: var(--o-layout-index, 0);
130
139
  }
131
140
 
132
141
  :nth-child(3 of .side) {
133
- --o-orbit-child-number: 1;
142
+ --o-orbit-child-number: var(--o-layout-index, 1);
134
143
  }
135
144
 
136
145
  :nth-child(4 of .side) {
137
- --o-orbit-child-number: 2;
146
+ --o-orbit-child-number: var(--o-layout-index, 2);
138
147
  }
139
148
 
140
149
  :nth-child(5 of .side) {
141
- --o-orbit-child-number: 3;
150
+ --o-orbit-child-number: var(--o-layout-index, 3);
142
151
  }
143
152
 
144
153
  :nth-child(6 of .side) {
145
- --o-orbit-child-number: 4;
154
+ --o-orbit-child-number: var(--o-layout-index, 4);
146
155
  }
147
156
 
148
157
  :nth-child(7 of .side) {
149
- --o-orbit-child-number: 5;
158
+ --o-orbit-child-number: var(--o-layout-index, 5);
150
159
  }
151
160
 
152
161
  :nth-child(8 of .side) {
153
- --o-orbit-child-number: 6;
162
+ --o-orbit-child-number: var(--o-layout-index, 6);
154
163
  }
155
164
 
156
165
  :nth-child(9 of .side) {
157
- --o-orbit-child-number: 7;
166
+ --o-orbit-child-number: var(--o-layout-index, 7);
158
167
  }
159
168
 
160
169
  :nth-child(10 of .side) {
161
- --o-orbit-child-number: 8;
170
+ --o-orbit-child-number: var(--o-layout-index, 8);
162
171
  }
163
172
 
164
173
  :nth-child(11 of .side) {
165
- --o-orbit-child-number: 9;
174
+ --o-orbit-child-number: var(--o-layout-index, 9);
166
175
  }
167
176
 
168
177
  :nth-child(12 of .side) {
169
- --o-orbit-child-number: 10;
178
+ --o-orbit-child-number: var(--o-layout-index, 10);
170
179
  }
171
180
 
172
181
  :nth-child(13 of .side) {
173
- --o-orbit-child-number: 11;
182
+ --o-orbit-child-number: var(--o-layout-index, 11);
174
183
  }
175
184
 
176
185
  :nth-child(14 of .side) {
177
- --o-orbit-child-number: 12;
186
+ --o-orbit-child-number: var(--o-layout-index, 12);
178
187
  }
179
188
 
180
189
  :nth-child(15 of .side) {
181
- --o-orbit-child-number: 13;
190
+ --o-orbit-child-number: var(--o-layout-index, 13);
182
191
  }
183
192
 
184
193
  :nth-child(16 of .side) {
185
- --o-orbit-child-number: 14;
194
+ --o-orbit-child-number: var(--o-layout-index, 14);
186
195
  }
187
196
 
188
197
  :nth-child(17 of .side) {
189
- --o-orbit-child-number: 15;
198
+ --o-orbit-child-number: var(--o-layout-index, 15);
190
199
  }
191
200
 
192
201
  :nth-child(18 of .side) {
193
- --o-orbit-child-number: 16;
202
+ --o-orbit-child-number: var(--o-layout-index, 16);
194
203
  }
195
204
 
196
205
  :nth-child(19 of .side) {
197
- --o-orbit-child-number: 17;
206
+ --o-orbit-child-number: var(--o-layout-index, 17);
198
207
  }
199
208
 
200
209
  :nth-child(20 of .side) {
201
- --o-orbit-child-number: 18;
210
+ --o-orbit-child-number: var(--o-layout-index, 18);
202
211
  }
203
212
 
204
213
  :nth-child(21 of .side) {
205
- --o-orbit-child-number: 19;
214
+ --o-orbit-child-number: var(--o-layout-index, 19);
206
215
  }
207
216
 
208
217
  :nth-child(22 of .side) {
209
- --o-orbit-child-number: 20;
218
+ --o-orbit-child-number: var(--o-layout-index, 20);
210
219
  }
211
220
 
212
221
  :nth-child(23 of .side) {
213
- --o-orbit-child-number: 21;
222
+ --o-orbit-child-number: var(--o-layout-index, 21);
214
223
  }
215
224
 
216
225
  :nth-child(24 of .side) {
217
- --o-orbit-child-number: 22;
226
+ --o-orbit-child-number: var(--o-layout-index, 22);
218
227
  }
219
228
 
220
229
  :nth-child(25 of .side) {
221
- --o-orbit-child-number: 23;
230
+ --o-orbit-child-number: var(--o-layout-index, 23);
222
231
  }
223
232
 
224
233
  :nth-child(26 of .side) {
225
- --o-orbit-child-number: 24;
234
+ --o-orbit-child-number: var(--o-layout-index, 24);
226
235
  }
227
236
 
228
237
  :nth-child(27 of .side) {
229
- --o-orbit-child-number: 25;
238
+ --o-orbit-child-number: var(--o-layout-index, 25);
230
239
  }
231
240
 
232
241
  :nth-child(28 of .side) {
233
- --o-orbit-child-number: 26;
242
+ --o-orbit-child-number: var(--o-layout-index, 26);
234
243
  }
235
244
 
236
245
  :nth-child(29 of .side) {
237
- --o-orbit-child-number: 27;
246
+ --o-orbit-child-number: var(--o-layout-index, 27);
238
247
  }
239
248
 
240
249
  :nth-child(30 of .side) {
241
- --o-orbit-child-number: 28;
250
+ --o-orbit-child-number: var(--o-layout-index, 28);
242
251
  }
243
252
 
244
253
  :nth-child(31 of .side) {
245
- --o-orbit-child-number: 29;
254
+ --o-orbit-child-number: var(--o-layout-index, 29);
246
255
  }
247
256
 
248
257
  :nth-child(32 of .side) {
249
- --o-orbit-child-number: 30;
258
+ --o-orbit-child-number: var(--o-layout-index, 30);
250
259
  }
251
260
 
252
261
  :nth-child(33 of .side) {
253
- --o-orbit-child-number: 31;
262
+ --o-orbit-child-number: var(--o-layout-index, 31);
254
263
  }
255
264
 
256
265
  :nth-child(34 of .side) {
257
- --o-orbit-child-number: 32;
266
+ --o-orbit-child-number: var(--o-layout-index, 32);
258
267
  }
259
268
 
260
269
  :nth-child(35 of .side) {
261
- --o-orbit-child-number: 33;
270
+ --o-orbit-child-number: var(--o-layout-index, 33);
262
271
  }
263
272
 
264
273
  :nth-child(36 of .side) {
265
- --o-orbit-child-number: 34;
274
+ --o-orbit-child-number: var(--o-layout-index, 34);
266
275
  }
267
276
 
268
277
  :nth-child(37 of .side) {
269
- --o-orbit-child-number: 35;
278
+ --o-orbit-child-number: var(--o-layout-index, 35);
270
279
  }
271
280
 
272
281
  :nth-child(38 of .side) {
273
- --o-orbit-child-number: 36;
282
+ --o-orbit-child-number: var(--o-layout-index, 36);
274
283
  }
275
284
 
276
285
  :nth-child(39 of .side) {
277
- --o-orbit-child-number: 37;
286
+ --o-orbit-child-number: var(--o-layout-index, 37);
278
287
  }
279
288
 
280
289
  :nth-child(40 of .side) {
281
- --o-orbit-child-number: 38;
290
+ --o-orbit-child-number: var(--o-layout-index, 38);
282
291
  }
283
292
 
284
293
  :nth-child(41 of .side) {
285
- --o-orbit-child-number: 39;
294
+ --o-orbit-child-number: var(--o-layout-index, 39);
286
295
  }
287
296
 
288
297
  :nth-child(42 of .side) {
289
- --o-orbit-child-number: 40;
298
+ --o-orbit-child-number: var(--o-layout-index, 40);
290
299
  }
291
300
 
292
301
  :nth-child(43 of .side) {
293
- --o-orbit-child-number: 41;
302
+ --o-orbit-child-number: var(--o-layout-index, 41);
294
303
  }
295
304
 
296
305
  :nth-child(44 of .side) {
297
- --o-orbit-child-number: 42;
306
+ --o-orbit-child-number: var(--o-layout-index, 42);
298
307
  }
299
308
 
300
309
  :nth-child(45 of .side) {
301
- --o-orbit-child-number: 43;
310
+ --o-orbit-child-number: var(--o-layout-index, 43);
302
311
  }
303
312
 
304
313
  :nth-child(46 of .side) {
305
- --o-orbit-child-number: 44;
314
+ --o-orbit-child-number: var(--o-layout-index, 44);
306
315
  }
307
316
 
308
317
  :nth-child(47 of .side) {
309
- --o-orbit-child-number: 45;
318
+ --o-orbit-child-number: var(--o-layout-index, 45);
310
319
  }
311
320
 
312
321
  :nth-child(48 of .side) {
313
- --o-orbit-child-number: 46;
322
+ --o-orbit-child-number: var(--o-layout-index, 46);
314
323
  }
315
324
 
316
325
  :nth-child(49 of .side) {
317
- --o-orbit-child-number: 47;
326
+ --o-orbit-child-number: var(--o-layout-index, 47);
318
327
  }
319
328
 
320
329
  :nth-child(50 of .side) {
321
- --o-orbit-child-number: 48;
330
+ --o-orbit-child-number: var(--o-layout-index, 48);
322
331
  }
323
332
 
324
333
  :nth-child(51 of .side) {
325
- --o-orbit-child-number: 49;
334
+ --o-orbit-child-number: var(--o-layout-index, 49);
326
335
  }
327
336
 
328
337
  :nth-child(52 of .side) {
329
- --o-orbit-child-number: 50;
338
+ --o-orbit-child-number: var(--o-layout-index, 50);
330
339
  }
331
340
 
332
341
  :nth-child(53 of .side) {
333
- --o-orbit-child-number: 51;
342
+ --o-orbit-child-number: var(--o-layout-index, 51);
334
343
  }
335
344
 
336
345
  :nth-child(54 of .side) {
337
- --o-orbit-child-number: 52;
346
+ --o-orbit-child-number: var(--o-layout-index, 52);
338
347
  }
339
348
 
340
349
  :nth-child(55 of .side) {
341
- --o-orbit-child-number: 53;
350
+ --o-orbit-child-number: var(--o-layout-index, 53);
342
351
  }
343
352
 
344
353
  :nth-child(56 of .side) {
345
- --o-orbit-child-number: 54;
354
+ --o-orbit-child-number: var(--o-layout-index, 54);
346
355
  }
347
356
 
348
357
  :nth-child(57 of .side) {
349
- --o-orbit-child-number: 55;
358
+ --o-orbit-child-number: var(--o-layout-index, 55);
350
359
  }
351
360
 
352
361
  :nth-child(58 of .side) {
353
- --o-orbit-child-number: 56;
362
+ --o-orbit-child-number: var(--o-layout-index, 56);
354
363
  }
355
364
 
356
365
  :nth-child(59 of .side) {
357
- --o-orbit-child-number: 57;
366
+ --o-orbit-child-number: var(--o-layout-index, 57);
358
367
  }
359
368
 
360
369
  :nth-child(60 of .side) {
361
- --o-orbit-child-number: 58;
370
+ --o-orbit-child-number: var(--o-layout-index, 58);
362
371
  }
363
372
 
364
373
  :nth-child(1 of .satellite), :nth-child(1 of o-arc), :nth-child(1 of .vector) {
365
- --o-orbit-child-number: 0;
374
+ --o-orbit-child-number: var(--o-layout-index, 0);
366
375
  }
367
376
 
368
377
  :nth-child(2 of .satellite), :nth-child(2 of o-arc), :nth-child(2 of .vector) {
369
- --o-orbit-child-number: 1;
378
+ --o-orbit-child-number: var(--o-layout-index, 1);
370
379
  }
371
380
 
372
381
  :nth-child(3 of .satellite), :nth-child(3 of o-arc), :nth-child(3 of .vector) {
373
- --o-orbit-child-number: 2;
382
+ --o-orbit-child-number: var(--o-layout-index, 2);
374
383
  }
375
384
 
376
385
  :nth-child(4 of .satellite), :nth-child(4 of o-arc), :nth-child(4 of .vector) {
377
- --o-orbit-child-number: 3;
386
+ --o-orbit-child-number: var(--o-layout-index, 3);
378
387
  }
379
388
 
380
389
  :nth-child(5 of .satellite), :nth-child(5 of o-arc), :nth-child(5 of .vector) {
381
- --o-orbit-child-number: 4;
390
+ --o-orbit-child-number: var(--o-layout-index, 4);
382
391
  }
383
392
 
384
393
  :nth-child(6 of .satellite), :nth-child(6 of o-arc), :nth-child(6 of .vector) {
385
- --o-orbit-child-number: 5;
394
+ --o-orbit-child-number: var(--o-layout-index, 5);
386
395
  }
387
396
 
388
397
  :nth-child(7 of .satellite), :nth-child(7 of o-arc), :nth-child(7 of .vector) {
389
- --o-orbit-child-number: 6;
398
+ --o-orbit-child-number: var(--o-layout-index, 6);
390
399
  }
391
400
 
392
401
  :nth-child(8 of .satellite), :nth-child(8 of o-arc), :nth-child(8 of .vector) {
393
- --o-orbit-child-number: 7;
402
+ --o-orbit-child-number: var(--o-layout-index, 7);
394
403
  }
395
404
 
396
405
  :nth-child(9 of .satellite), :nth-child(9 of o-arc), :nth-child(9 of .vector) {
397
- --o-orbit-child-number: 8;
406
+ --o-orbit-child-number: var(--o-layout-index, 8);
398
407
  }
399
408
 
400
409
  :nth-child(10 of .satellite), :nth-child(10 of o-arc), :nth-child(10 of .vector) {
401
- --o-orbit-child-number: 9;
410
+ --o-orbit-child-number: var(--o-layout-index, 9);
402
411
  }
403
412
 
404
413
  :nth-child(11 of .satellite), :nth-child(11 of o-arc), :nth-child(11 of .vector) {
405
- --o-orbit-child-number: 10;
414
+ --o-orbit-child-number: var(--o-layout-index, 10);
406
415
  }
407
416
 
408
417
  :nth-child(12 of .satellite), :nth-child(12 of o-arc), :nth-child(12 of .vector) {
409
- --o-orbit-child-number: 11;
418
+ --o-orbit-child-number: var(--o-layout-index, 11);
410
419
  }
411
420
 
412
421
  :nth-child(13 of .satellite), :nth-child(13 of o-arc), :nth-child(13 of .vector) {
413
- --o-orbit-child-number: 12;
422
+ --o-orbit-child-number: var(--o-layout-index, 12);
414
423
  }
415
424
 
416
425
  :nth-child(14 of .satellite), :nth-child(14 of o-arc), :nth-child(14 of .vector) {
417
- --o-orbit-child-number: 13;
426
+ --o-orbit-child-number: var(--o-layout-index, 13);
418
427
  }
419
428
 
420
429
  :nth-child(15 of .satellite), :nth-child(15 of o-arc), :nth-child(15 of .vector) {
421
- --o-orbit-child-number: 14;
430
+ --o-orbit-child-number: var(--o-layout-index, 14);
422
431
  }
423
432
 
424
433
  :nth-child(16 of .satellite), :nth-child(16 of o-arc), :nth-child(16 of .vector) {
425
- --o-orbit-child-number: 15;
434
+ --o-orbit-child-number: var(--o-layout-index, 15);
426
435
  }
427
436
 
428
437
  :nth-child(17 of .satellite), :nth-child(17 of o-arc), :nth-child(17 of .vector) {
429
- --o-orbit-child-number: 16;
438
+ --o-orbit-child-number: var(--o-layout-index, 16);
430
439
  }
431
440
 
432
441
  :nth-child(18 of .satellite), :nth-child(18 of o-arc), :nth-child(18 of .vector) {
433
- --o-orbit-child-number: 17;
442
+ --o-orbit-child-number: var(--o-layout-index, 17);
434
443
  }
435
444
 
436
445
  :nth-child(19 of .satellite), :nth-child(19 of o-arc), :nth-child(19 of .vector) {
437
- --o-orbit-child-number: 18;
446
+ --o-orbit-child-number: var(--o-layout-index, 18);
438
447
  }
439
448
 
440
449
  :nth-child(20 of .satellite), :nth-child(20 of o-arc), :nth-child(20 of .vector) {
441
- --o-orbit-child-number: 19;
450
+ --o-orbit-child-number: var(--o-layout-index, 19);
442
451
  }
443
452
 
444
453
  :nth-child(21 of .satellite), :nth-child(21 of o-arc), :nth-child(21 of .vector) {
445
- --o-orbit-child-number: 20;
454
+ --o-orbit-child-number: var(--o-layout-index, 20);
446
455
  }
447
456
 
448
457
  :nth-child(22 of .satellite), :nth-child(22 of o-arc), :nth-child(22 of .vector) {
449
- --o-orbit-child-number: 21;
458
+ --o-orbit-child-number: var(--o-layout-index, 21);
450
459
  }
451
460
 
452
461
  :nth-child(23 of .satellite), :nth-child(23 of o-arc), :nth-child(23 of .vector) {
453
- --o-orbit-child-number: 22;
462
+ --o-orbit-child-number: var(--o-layout-index, 22);
454
463
  }
455
464
 
456
465
  :nth-child(24 of .satellite), :nth-child(24 of o-arc), :nth-child(24 of .vector) {
457
- --o-orbit-child-number: 23;
466
+ --o-orbit-child-number: var(--o-layout-index, 23);
458
467
  }
459
468
 
460
469
  :nth-child(25 of .satellite), :nth-child(25 of o-arc), :nth-child(25 of .vector) {
461
- --o-orbit-child-number: 24;
470
+ --o-orbit-child-number: var(--o-layout-index, 24);
462
471
  }
463
472
 
464
473
  :nth-child(26 of .satellite), :nth-child(26 of o-arc), :nth-child(26 of .vector) {
465
- --o-orbit-child-number: 25;
474
+ --o-orbit-child-number: var(--o-layout-index, 25);
466
475
  }
467
476
 
468
477
  :nth-child(27 of .satellite), :nth-child(27 of o-arc), :nth-child(27 of .vector) {
469
- --o-orbit-child-number: 26;
478
+ --o-orbit-child-number: var(--o-layout-index, 26);
470
479
  }
471
480
 
472
481
  :nth-child(28 of .satellite), :nth-child(28 of o-arc), :nth-child(28 of .vector) {
473
- --o-orbit-child-number: 27;
482
+ --o-orbit-child-number: var(--o-layout-index, 27);
474
483
  }
475
484
 
476
485
  :nth-child(29 of .satellite), :nth-child(29 of o-arc), :nth-child(29 of .vector) {
477
- --o-orbit-child-number: 28;
486
+ --o-orbit-child-number: var(--o-layout-index, 28);
478
487
  }
479
488
 
480
489
  :nth-child(30 of .satellite), :nth-child(30 of o-arc), :nth-child(30 of .vector) {
481
- --o-orbit-child-number: 29;
490
+ --o-orbit-child-number: var(--o-layout-index, 29);
482
491
  }
483
492
 
484
493
  :nth-child(31 of .satellite), :nth-child(31 of o-arc), :nth-child(31 of .vector) {
485
- --o-orbit-child-number: 30;
494
+ --o-orbit-child-number: var(--o-layout-index, 30);
486
495
  }
487
496
 
488
497
  :nth-child(32 of .satellite), :nth-child(32 of o-arc), :nth-child(32 of .vector) {
489
- --o-orbit-child-number: 31;
498
+ --o-orbit-child-number: var(--o-layout-index, 31);
490
499
  }
491
500
 
492
501
  :nth-child(33 of .satellite), :nth-child(33 of o-arc), :nth-child(33 of .vector) {
493
- --o-orbit-child-number: 32;
502
+ --o-orbit-child-number: var(--o-layout-index, 32);
494
503
  }
495
504
 
496
505
  :nth-child(34 of .satellite), :nth-child(34 of o-arc), :nth-child(34 of .vector) {
497
- --o-orbit-child-number: 33;
506
+ --o-orbit-child-number: var(--o-layout-index, 33);
498
507
  }
499
508
 
500
509
  :nth-child(35 of .satellite), :nth-child(35 of o-arc), :nth-child(35 of .vector) {
501
- --o-orbit-child-number: 34;
510
+ --o-orbit-child-number: var(--o-layout-index, 34);
502
511
  }
503
512
 
504
513
  :nth-child(36 of .satellite), :nth-child(36 of o-arc), :nth-child(36 of .vector) {
505
- --o-orbit-child-number: 35;
514
+ --o-orbit-child-number: var(--o-layout-index, 35);
506
515
  }
507
516
 
508
517
  :nth-child(37 of .satellite), :nth-child(37 of o-arc), :nth-child(37 of .vector) {
509
- --o-orbit-child-number: 36;
518
+ --o-orbit-child-number: var(--o-layout-index, 36);
510
519
  }
511
520
 
512
521
  :nth-child(38 of .satellite), :nth-child(38 of o-arc), :nth-child(38 of .vector) {
513
- --o-orbit-child-number: 37;
522
+ --o-orbit-child-number: var(--o-layout-index, 37);
514
523
  }
515
524
 
516
525
  :nth-child(39 of .satellite), :nth-child(39 of o-arc), :nth-child(39 of .vector) {
517
- --o-orbit-child-number: 38;
526
+ --o-orbit-child-number: var(--o-layout-index, 38);
518
527
  }
519
528
 
520
529
  :nth-child(40 of .satellite), :nth-child(40 of o-arc), :nth-child(40 of .vector) {
521
- --o-orbit-child-number: 39;
530
+ --o-orbit-child-number: var(--o-layout-index, 39);
522
531
  }
523
532
 
524
533
  :nth-child(41 of .satellite), :nth-child(41 of o-arc), :nth-child(41 of .vector) {
525
- --o-orbit-child-number: 40;
534
+ --o-orbit-child-number: var(--o-layout-index, 40);
526
535
  }
527
536
 
528
537
  :nth-child(42 of .satellite), :nth-child(42 of o-arc), :nth-child(42 of .vector) {
529
- --o-orbit-child-number: 41;
538
+ --o-orbit-child-number: var(--o-layout-index, 41);
530
539
  }
531
540
 
532
541
  :nth-child(43 of .satellite), :nth-child(43 of o-arc), :nth-child(43 of .vector) {
533
- --o-orbit-child-number: 42;
542
+ --o-orbit-child-number: var(--o-layout-index, 42);
534
543
  }
535
544
 
536
545
  :nth-child(44 of .satellite), :nth-child(44 of o-arc), :nth-child(44 of .vector) {
537
- --o-orbit-child-number: 43;
546
+ --o-orbit-child-number: var(--o-layout-index, 43);
538
547
  }
539
548
 
540
549
  :nth-child(45 of .satellite), :nth-child(45 of o-arc), :nth-child(45 of .vector) {
541
- --o-orbit-child-number: 44;
550
+ --o-orbit-child-number: var(--o-layout-index, 44);
542
551
  }
543
552
 
544
553
  :nth-child(46 of .satellite), :nth-child(46 of o-arc), :nth-child(46 of .vector) {
545
- --o-orbit-child-number: 45;
554
+ --o-orbit-child-number: var(--o-layout-index, 45);
546
555
  }
547
556
 
548
557
  :nth-child(47 of .satellite), :nth-child(47 of o-arc), :nth-child(47 of .vector) {
549
- --o-orbit-child-number: 46;
558
+ --o-orbit-child-number: var(--o-layout-index, 46);
550
559
  }
551
560
 
552
561
  :nth-child(48 of .satellite), :nth-child(48 of o-arc), :nth-child(48 of .vector) {
553
- --o-orbit-child-number: 47;
562
+ --o-orbit-child-number: var(--o-layout-index, 47);
554
563
  }
555
564
 
556
565
  :nth-child(49 of .satellite), :nth-child(49 of o-arc), :nth-child(49 of .vector) {
557
- --o-orbit-child-number: 48;
566
+ --o-orbit-child-number: var(--o-layout-index, 48);
558
567
  }
559
568
 
560
569
  :nth-child(50 of .satellite), :nth-child(50 of o-arc), :nth-child(50 of .vector) {
561
- --o-orbit-child-number: 49;
570
+ --o-orbit-child-number: var(--o-layout-index, 49);
562
571
  }
563
572
 
564
573
  :nth-child(51 of .satellite), :nth-child(51 of o-arc), :nth-child(51 of .vector) {
565
- --o-orbit-child-number: 50;
574
+ --o-orbit-child-number: var(--o-layout-index, 50);
566
575
  }
567
576
 
568
577
  :nth-child(52 of .satellite), :nth-child(52 of o-arc), :nth-child(52 of .vector) {
569
- --o-orbit-child-number: 51;
578
+ --o-orbit-child-number: var(--o-layout-index, 51);
570
579
  }
571
580
 
572
581
  :nth-child(53 of .satellite), :nth-child(53 of o-arc), :nth-child(53 of .vector) {
573
- --o-orbit-child-number: 52;
582
+ --o-orbit-child-number: var(--o-layout-index, 52);
574
583
  }
575
584
 
576
585
  :nth-child(54 of .satellite), :nth-child(54 of o-arc), :nth-child(54 of .vector) {
577
- --o-orbit-child-number: 53;
586
+ --o-orbit-child-number: var(--o-layout-index, 53);
578
587
  }
579
588
 
580
589
  :nth-child(55 of .satellite), :nth-child(55 of o-arc), :nth-child(55 of .vector) {
581
- --o-orbit-child-number: 54;
590
+ --o-orbit-child-number: var(--o-layout-index, 54);
582
591
  }
583
592
 
584
593
  :nth-child(56 of .satellite), :nth-child(56 of o-arc), :nth-child(56 of .vector) {
585
- --o-orbit-child-number: 55;
594
+ --o-orbit-child-number: var(--o-layout-index, 55);
586
595
  }
587
596
 
588
597
  :nth-child(57 of .satellite), :nth-child(57 of o-arc), :nth-child(57 of .vector) {
589
- --o-orbit-child-number: 56;
598
+ --o-orbit-child-number: var(--o-layout-index, 56);
590
599
  }
591
600
 
592
601
  :nth-child(58 of .satellite), :nth-child(58 of o-arc), :nth-child(58 of .vector) {
593
- --o-orbit-child-number: 57;
602
+ --o-orbit-child-number: var(--o-layout-index, 57);
594
603
  }
595
604
 
596
605
  :nth-child(59 of .satellite), :nth-child(59 of o-arc), :nth-child(59 of .vector) {
597
- --o-orbit-child-number: 58;
606
+ --o-orbit-child-number: var(--o-layout-index, 58);
598
607
  }
599
608
 
600
609
  :nth-child(60 of .satellite), :nth-child(60 of o-arc), :nth-child(60 of .vector) {
601
- --o-orbit-child-number: 59;
610
+ --o-orbit-child-number: var(--o-layout-index, 59);
602
611
  }
603
612
 
604
- .orbit:has(> :nth-child(1 of .satellite), > :nth-child(1 of o-arc), > :nth-child(1 of .vector), > :nth-child(1 of .side)),
605
- [class*=orbit-]:has(> :nth-child(1 of .satellite), > :nth-child(1 of o-arc), > :nth-child(1 of .vector), > :nth-child(1 of .side)) {
606
- --o-angle: calc(var(--o-range) / (1 - var(--o-fit-range, 0)));
613
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(1 of .satellite), > :nth-child(1 of o-arc), > :nth-child(1 of .vector), > :nth-child(1 of .side)) {
614
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 1 - var(--o-fit-range, 0))));
607
615
  }
608
616
 
609
- .orbit:has(> :nth-child(2 of .satellite), > :nth-child(2 of o-arc), > :nth-child(2 of .vector), > :nth-child(2 of .side)),
610
- [class*=orbit-]:has(> :nth-child(2 of .satellite), > :nth-child(2 of o-arc), > :nth-child(2 of .vector), > :nth-child(2 of .side)) {
611
- --o-angle: calc(var(--o-range) / (2 - var(--o-fit-range, 0)));
617
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(2 of .satellite), > :nth-child(2 of o-arc), > :nth-child(2 of .vector), > :nth-child(2 of .side)) {
618
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 2 - var(--o-fit-range, 0))));
612
619
  }
613
620
 
614
- .orbit:has(> :nth-child(3 of .satellite), > :nth-child(3 of o-arc), > :nth-child(3 of .vector), > :nth-child(3 of .side)),
615
- [class*=orbit-]:has(> :nth-child(3 of .satellite), > :nth-child(3 of o-arc), > :nth-child(3 of .vector), > :nth-child(3 of .side)) {
616
- --o-angle: calc(var(--o-range) / (3 - var(--o-fit-range, 0)));
621
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(3 of .satellite), > :nth-child(3 of o-arc), > :nth-child(3 of .vector), > :nth-child(3 of .side)) {
622
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 3 - var(--o-fit-range, 0))));
617
623
  }
618
624
 
619
- .orbit:has(> :nth-child(4 of .satellite), > :nth-child(4 of o-arc), > :nth-child(4 of .vector), > :nth-child(4 of .side)),
620
- [class*=orbit-]:has(> :nth-child(4 of .satellite), > :nth-child(4 of o-arc), > :nth-child(4 of .vector), > :nth-child(4 of .side)) {
621
- --o-angle: calc(var(--o-range) / (4 - var(--o-fit-range, 0)));
625
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(4 of .satellite), > :nth-child(4 of o-arc), > :nth-child(4 of .vector), > :nth-child(4 of .side)) {
626
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 4 - var(--o-fit-range, 0))));
622
627
  }
623
628
 
624
- .orbit:has(> :nth-child(5 of .satellite), > :nth-child(5 of o-arc), > :nth-child(5 of .vector), > :nth-child(5 of .side)),
625
- [class*=orbit-]:has(> :nth-child(5 of .satellite), > :nth-child(5 of o-arc), > :nth-child(5 of .vector), > :nth-child(5 of .side)) {
626
- --o-angle: calc(var(--o-range) / (5 - var(--o-fit-range, 0)));
629
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(5 of .satellite), > :nth-child(5 of o-arc), > :nth-child(5 of .vector), > :nth-child(5 of .side)) {
630
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 5 - var(--o-fit-range, 0))));
627
631
  }
628
632
 
629
- .orbit:has(> :nth-child(6 of .satellite), > :nth-child(6 of o-arc), > :nth-child(6 of .vector), > :nth-child(6 of .side)),
630
- [class*=orbit-]:has(> :nth-child(6 of .satellite), > :nth-child(6 of o-arc), > :nth-child(6 of .vector), > :nth-child(6 of .side)) {
631
- --o-angle: calc(var(--o-range) / (6 - var(--o-fit-range, 0)));
633
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(6 of .satellite), > :nth-child(6 of o-arc), > :nth-child(6 of .vector), > :nth-child(6 of .side)) {
634
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 6 - var(--o-fit-range, 0))));
632
635
  }
633
636
 
634
- .orbit:has(> :nth-child(7 of .satellite), > :nth-child(7 of o-arc), > :nth-child(7 of .vector), > :nth-child(7 of .side)),
635
- [class*=orbit-]:has(> :nth-child(7 of .satellite), > :nth-child(7 of o-arc), > :nth-child(7 of .vector), > :nth-child(7 of .side)) {
636
- --o-angle: calc(var(--o-range) / (7 - var(--o-fit-range, 0)));
637
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(7 of .satellite), > :nth-child(7 of o-arc), > :nth-child(7 of .vector), > :nth-child(7 of .side)) {
638
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 7 - var(--o-fit-range, 0))));
637
639
  }
638
640
 
639
- .orbit:has(> :nth-child(8 of .satellite), > :nth-child(8 of o-arc), > :nth-child(8 of .vector), > :nth-child(8 of .side)),
640
- [class*=orbit-]:has(> :nth-child(8 of .satellite), > :nth-child(8 of o-arc), > :nth-child(8 of .vector), > :nth-child(8 of .side)) {
641
- --o-angle: calc(var(--o-range) / (8 - var(--o-fit-range, 0)));
641
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(8 of .satellite), > :nth-child(8 of o-arc), > :nth-child(8 of .vector), > :nth-child(8 of .side)) {
642
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 8 - var(--o-fit-range, 0))));
642
643
  }
643
644
 
644
- .orbit:has(> :nth-child(9 of .satellite), > :nth-child(9 of o-arc), > :nth-child(9 of .vector), > :nth-child(9 of .side)),
645
- [class*=orbit-]:has(> :nth-child(9 of .satellite), > :nth-child(9 of o-arc), > :nth-child(9 of .vector), > :nth-child(9 of .side)) {
646
- --o-angle: calc(var(--o-range) / (9 - var(--o-fit-range, 0)));
645
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(9 of .satellite), > :nth-child(9 of o-arc), > :nth-child(9 of .vector), > :nth-child(9 of .side)) {
646
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 9 - var(--o-fit-range, 0))));
647
647
  }
648
648
 
649
- .orbit:has(> :nth-child(10 of .satellite), > :nth-child(10 of o-arc), > :nth-child(10 of .vector), > :nth-child(10 of .side)),
650
- [class*=orbit-]:has(> :nth-child(10 of .satellite), > :nth-child(10 of o-arc), > :nth-child(10 of .vector), > :nth-child(10 of .side)) {
651
- --o-angle: calc(var(--o-range) / (10 - var(--o-fit-range, 0)));
649
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(10 of .satellite), > :nth-child(10 of o-arc), > :nth-child(10 of .vector), > :nth-child(10 of .side)) {
650
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 10 - var(--o-fit-range, 0))));
652
651
  }
653
652
 
654
- .orbit:has(> :nth-child(11 of .satellite), > :nth-child(11 of o-arc), > :nth-child(11 of .vector), > :nth-child(11 of .side)),
655
- [class*=orbit-]:has(> :nth-child(11 of .satellite), > :nth-child(11 of o-arc), > :nth-child(11 of .vector), > :nth-child(11 of .side)) {
656
- --o-angle: calc(var(--o-range) / (11 - var(--o-fit-range, 0)));
653
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(11 of .satellite), > :nth-child(11 of o-arc), > :nth-child(11 of .vector), > :nth-child(11 of .side)) {
654
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 11 - var(--o-fit-range, 0))));
657
655
  }
658
656
 
659
- .orbit:has(> :nth-child(12 of .satellite), > :nth-child(12 of o-arc), > :nth-child(12 of .vector), > :nth-child(12 of .side)),
660
- [class*=orbit-]:has(> :nth-child(12 of .satellite), > :nth-child(12 of o-arc), > :nth-child(12 of .vector), > :nth-child(12 of .side)) {
661
- --o-angle: calc(var(--o-range) / (12 - var(--o-fit-range, 0)));
657
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(12 of .satellite), > :nth-child(12 of o-arc), > :nth-child(12 of .vector), > :nth-child(12 of .side)) {
658
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 12 - var(--o-fit-range, 0))));
662
659
  }
663
660
 
664
- .orbit:has(> :nth-child(13 of .satellite), > :nth-child(13 of o-arc), > :nth-child(13 of .vector), > :nth-child(13 of .side)),
665
- [class*=orbit-]:has(> :nth-child(13 of .satellite), > :nth-child(13 of o-arc), > :nth-child(13 of .vector), > :nth-child(13 of .side)) {
666
- --o-angle: calc(var(--o-range) / (13 - var(--o-fit-range, 0)));
661
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(13 of .satellite), > :nth-child(13 of o-arc), > :nth-child(13 of .vector), > :nth-child(13 of .side)) {
662
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 13 - var(--o-fit-range, 0))));
667
663
  }
668
664
 
669
- .orbit:has(> :nth-child(14 of .satellite), > :nth-child(14 of o-arc), > :nth-child(14 of .vector), > :nth-child(14 of .side)),
670
- [class*=orbit-]:has(> :nth-child(14 of .satellite), > :nth-child(14 of o-arc), > :nth-child(14 of .vector), > :nth-child(14 of .side)) {
671
- --o-angle: calc(var(--o-range) / (14 - var(--o-fit-range, 0)));
665
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(14 of .satellite), > :nth-child(14 of o-arc), > :nth-child(14 of .vector), > :nth-child(14 of .side)) {
666
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 14 - var(--o-fit-range, 0))));
672
667
  }
673
668
 
674
- .orbit:has(> :nth-child(15 of .satellite), > :nth-child(15 of o-arc), > :nth-child(15 of .vector), > :nth-child(15 of .side)),
675
- [class*=orbit-]:has(> :nth-child(15 of .satellite), > :nth-child(15 of o-arc), > :nth-child(15 of .vector), > :nth-child(15 of .side)) {
676
- --o-angle: calc(var(--o-range) / (15 - var(--o-fit-range, 0)));
669
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(15 of .satellite), > :nth-child(15 of o-arc), > :nth-child(15 of .vector), > :nth-child(15 of .side)) {
670
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 15 - var(--o-fit-range, 0))));
677
671
  }
678
672
 
679
- .orbit:has(> :nth-child(16 of .satellite), > :nth-child(16 of o-arc), > :nth-child(16 of .vector), > :nth-child(16 of .side)),
680
- [class*=orbit-]:has(> :nth-child(16 of .satellite), > :nth-child(16 of o-arc), > :nth-child(16 of .vector), > :nth-child(16 of .side)) {
681
- --o-angle: calc(var(--o-range) / (16 - var(--o-fit-range, 0)));
673
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(16 of .satellite), > :nth-child(16 of o-arc), > :nth-child(16 of .vector), > :nth-child(16 of .side)) {
674
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 16 - var(--o-fit-range, 0))));
682
675
  }
683
676
 
684
- .orbit:has(> :nth-child(17 of .satellite), > :nth-child(17 of o-arc), > :nth-child(17 of .vector), > :nth-child(17 of .side)),
685
- [class*=orbit-]:has(> :nth-child(17 of .satellite), > :nth-child(17 of o-arc), > :nth-child(17 of .vector), > :nth-child(17 of .side)) {
686
- --o-angle: calc(var(--o-range) / (17 - var(--o-fit-range, 0)));
677
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(17 of .satellite), > :nth-child(17 of o-arc), > :nth-child(17 of .vector), > :nth-child(17 of .side)) {
678
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 17 - var(--o-fit-range, 0))));
687
679
  }
688
680
 
689
- .orbit:has(> :nth-child(18 of .satellite), > :nth-child(18 of o-arc), > :nth-child(18 of .vector), > :nth-child(18 of .side)),
690
- [class*=orbit-]:has(> :nth-child(18 of .satellite), > :nth-child(18 of o-arc), > :nth-child(18 of .vector), > :nth-child(18 of .side)) {
691
- --o-angle: calc(var(--o-range) / (18 - var(--o-fit-range, 0)));
681
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(18 of .satellite), > :nth-child(18 of o-arc), > :nth-child(18 of .vector), > :nth-child(18 of .side)) {
682
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 18 - var(--o-fit-range, 0))));
692
683
  }
693
684
 
694
- .orbit:has(> :nth-child(19 of .satellite), > :nth-child(19 of o-arc), > :nth-child(19 of .vector), > :nth-child(19 of .side)),
695
- [class*=orbit-]:has(> :nth-child(19 of .satellite), > :nth-child(19 of o-arc), > :nth-child(19 of .vector), > :nth-child(19 of .side)) {
696
- --o-angle: calc(var(--o-range) / (19 - var(--o-fit-range, 0)));
685
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(19 of .satellite), > :nth-child(19 of o-arc), > :nth-child(19 of .vector), > :nth-child(19 of .side)) {
686
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 19 - var(--o-fit-range, 0))));
697
687
  }
698
688
 
699
- .orbit:has(> :nth-child(20 of .satellite), > :nth-child(20 of o-arc), > :nth-child(20 of .vector), > :nth-child(20 of .side)),
700
- [class*=orbit-]:has(> :nth-child(20 of .satellite), > :nth-child(20 of o-arc), > :nth-child(20 of .vector), > :nth-child(20 of .side)) {
701
- --o-angle: calc(var(--o-range) / (20 - var(--o-fit-range, 0)));
689
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(20 of .satellite), > :nth-child(20 of o-arc), > :nth-child(20 of .vector), > :nth-child(20 of .side)) {
690
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 20 - var(--o-fit-range, 0))));
702
691
  }
703
692
 
704
- .orbit:has(> :nth-child(21 of .satellite), > :nth-child(21 of o-arc), > :nth-child(21 of .vector), > :nth-child(21 of .side)),
705
- [class*=orbit-]:has(> :nth-child(21 of .satellite), > :nth-child(21 of o-arc), > :nth-child(21 of .vector), > :nth-child(21 of .side)) {
706
- --o-angle: calc(var(--o-range) / (21 - var(--o-fit-range, 0)));
693
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(21 of .satellite), > :nth-child(21 of o-arc), > :nth-child(21 of .vector), > :nth-child(21 of .side)) {
694
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 21 - var(--o-fit-range, 0))));
707
695
  }
708
696
 
709
- .orbit:has(> :nth-child(22 of .satellite), > :nth-child(22 of o-arc), > :nth-child(22 of .vector), > :nth-child(22 of .side)),
710
- [class*=orbit-]:has(> :nth-child(22 of .satellite), > :nth-child(22 of o-arc), > :nth-child(22 of .vector), > :nth-child(22 of .side)) {
711
- --o-angle: calc(var(--o-range) / (22 - var(--o-fit-range, 0)));
697
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(22 of .satellite), > :nth-child(22 of o-arc), > :nth-child(22 of .vector), > :nth-child(22 of .side)) {
698
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 22 - var(--o-fit-range, 0))));
712
699
  }
713
700
 
714
- .orbit:has(> :nth-child(23 of .satellite), > :nth-child(23 of o-arc), > :nth-child(23 of .vector), > :nth-child(23 of .side)),
715
- [class*=orbit-]:has(> :nth-child(23 of .satellite), > :nth-child(23 of o-arc), > :nth-child(23 of .vector), > :nth-child(23 of .side)) {
716
- --o-angle: calc(var(--o-range) / (23 - var(--o-fit-range, 0)));
701
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(23 of .satellite), > :nth-child(23 of o-arc), > :nth-child(23 of .vector), > :nth-child(23 of .side)) {
702
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 23 - var(--o-fit-range, 0))));
717
703
  }
718
704
 
719
- .orbit:has(> :nth-child(24 of .satellite), > :nth-child(24 of o-arc), > :nth-child(24 of .vector), > :nth-child(24 of .side)),
720
- [class*=orbit-]:has(> :nth-child(24 of .satellite), > :nth-child(24 of o-arc), > :nth-child(24 of .vector), > :nth-child(24 of .side)) {
721
- --o-angle: calc(var(--o-range) / (24 - var(--o-fit-range, 0)));
705
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(24 of .satellite), > :nth-child(24 of o-arc), > :nth-child(24 of .vector), > :nth-child(24 of .side)) {
706
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 24 - var(--o-fit-range, 0))));
722
707
  }
723
708
 
724
- .orbit:has(> :nth-child(25 of .satellite), > :nth-child(25 of o-arc), > :nth-child(25 of .vector), > :nth-child(25 of .side)),
725
- [class*=orbit-]:has(> :nth-child(25 of .satellite), > :nth-child(25 of o-arc), > :nth-child(25 of .vector), > :nth-child(25 of .side)) {
726
- --o-angle: calc(var(--o-range) / (25 - var(--o-fit-range, 0)));
709
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(25 of .satellite), > :nth-child(25 of o-arc), > :nth-child(25 of .vector), > :nth-child(25 of .side)) {
710
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 25 - var(--o-fit-range, 0))));
727
711
  }
728
712
 
729
- .orbit:has(> :nth-child(26 of .satellite), > :nth-child(26 of o-arc), > :nth-child(26 of .vector), > :nth-child(26 of .side)),
730
- [class*=orbit-]:has(> :nth-child(26 of .satellite), > :nth-child(26 of o-arc), > :nth-child(26 of .vector), > :nth-child(26 of .side)) {
731
- --o-angle: calc(var(--o-range) / (26 - var(--o-fit-range, 0)));
713
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(26 of .satellite), > :nth-child(26 of o-arc), > :nth-child(26 of .vector), > :nth-child(26 of .side)) {
714
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 26 - var(--o-fit-range, 0))));
732
715
  }
733
716
 
734
- .orbit:has(> :nth-child(27 of .satellite), > :nth-child(27 of o-arc), > :nth-child(27 of .vector), > :nth-child(27 of .side)),
735
- [class*=orbit-]:has(> :nth-child(27 of .satellite), > :nth-child(27 of o-arc), > :nth-child(27 of .vector), > :nth-child(27 of .side)) {
736
- --o-angle: calc(var(--o-range) / (27 - var(--o-fit-range, 0)));
717
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(27 of .satellite), > :nth-child(27 of o-arc), > :nth-child(27 of .vector), > :nth-child(27 of .side)) {
718
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 27 - var(--o-fit-range, 0))));
737
719
  }
738
720
 
739
- .orbit:has(> :nth-child(28 of .satellite), > :nth-child(28 of o-arc), > :nth-child(28 of .vector), > :nth-child(28 of .side)),
740
- [class*=orbit-]:has(> :nth-child(28 of .satellite), > :nth-child(28 of o-arc), > :nth-child(28 of .vector), > :nth-child(28 of .side)) {
741
- --o-angle: calc(var(--o-range) / (28 - var(--o-fit-range, 0)));
721
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(28 of .satellite), > :nth-child(28 of o-arc), > :nth-child(28 of .vector), > :nth-child(28 of .side)) {
722
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 28 - var(--o-fit-range, 0))));
742
723
  }
743
724
 
744
- .orbit:has(> :nth-child(29 of .satellite), > :nth-child(29 of o-arc), > :nth-child(29 of .vector), > :nth-child(29 of .side)),
745
- [class*=orbit-]:has(> :nth-child(29 of .satellite), > :nth-child(29 of o-arc), > :nth-child(29 of .vector), > :nth-child(29 of .side)) {
746
- --o-angle: calc(var(--o-range) / (29 - var(--o-fit-range, 0)));
725
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(29 of .satellite), > :nth-child(29 of o-arc), > :nth-child(29 of .vector), > :nth-child(29 of .side)) {
726
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 29 - var(--o-fit-range, 0))));
747
727
  }
748
728
 
749
- .orbit:has(> :nth-child(30 of .satellite), > :nth-child(30 of o-arc), > :nth-child(30 of .vector), > :nth-child(30 of .side)),
750
- [class*=orbit-]:has(> :nth-child(30 of .satellite), > :nth-child(30 of o-arc), > :nth-child(30 of .vector), > :nth-child(30 of .side)) {
751
- --o-angle: calc(var(--o-range) / (30 - var(--o-fit-range, 0)));
729
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(30 of .satellite), > :nth-child(30 of o-arc), > :nth-child(30 of .vector), > :nth-child(30 of .side)) {
730
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 30 - var(--o-fit-range, 0))));
752
731
  }
753
732
 
754
- .orbit:has(> :nth-child(31 of .satellite), > :nth-child(31 of o-arc), > :nth-child(31 of .vector), > :nth-child(31 of .side)),
755
- [class*=orbit-]:has(> :nth-child(31 of .satellite), > :nth-child(31 of o-arc), > :nth-child(31 of .vector), > :nth-child(31 of .side)) {
756
- --o-angle: calc(var(--o-range) / (31 - var(--o-fit-range, 0)));
733
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(31 of .satellite), > :nth-child(31 of o-arc), > :nth-child(31 of .vector), > :nth-child(31 of .side)) {
734
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 31 - var(--o-fit-range, 0))));
757
735
  }
758
736
 
759
- .orbit:has(> :nth-child(32 of .satellite), > :nth-child(32 of o-arc), > :nth-child(32 of .vector), > :nth-child(32 of .side)),
760
- [class*=orbit-]:has(> :nth-child(32 of .satellite), > :nth-child(32 of o-arc), > :nth-child(32 of .vector), > :nth-child(32 of .side)) {
761
- --o-angle: calc(var(--o-range) / (32 - var(--o-fit-range, 0)));
737
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(32 of .satellite), > :nth-child(32 of o-arc), > :nth-child(32 of .vector), > :nth-child(32 of .side)) {
738
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 32 - var(--o-fit-range, 0))));
762
739
  }
763
740
 
764
- .orbit:has(> :nth-child(33 of .satellite), > :nth-child(33 of o-arc), > :nth-child(33 of .vector), > :nth-child(33 of .side)),
765
- [class*=orbit-]:has(> :nth-child(33 of .satellite), > :nth-child(33 of o-arc), > :nth-child(33 of .vector), > :nth-child(33 of .side)) {
766
- --o-angle: calc(var(--o-range) / (33 - var(--o-fit-range, 0)));
741
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(33 of .satellite), > :nth-child(33 of o-arc), > :nth-child(33 of .vector), > :nth-child(33 of .side)) {
742
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 33 - var(--o-fit-range, 0))));
767
743
  }
768
744
 
769
- .orbit:has(> :nth-child(34 of .satellite), > :nth-child(34 of o-arc), > :nth-child(34 of .vector), > :nth-child(34 of .side)),
770
- [class*=orbit-]:has(> :nth-child(34 of .satellite), > :nth-child(34 of o-arc), > :nth-child(34 of .vector), > :nth-child(34 of .side)) {
771
- --o-angle: calc(var(--o-range) / (34 - var(--o-fit-range, 0)));
745
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(34 of .satellite), > :nth-child(34 of o-arc), > :nth-child(34 of .vector), > :nth-child(34 of .side)) {
746
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 34 - var(--o-fit-range, 0))));
772
747
  }
773
748
 
774
- .orbit:has(> :nth-child(35 of .satellite), > :nth-child(35 of o-arc), > :nth-child(35 of .vector), > :nth-child(35 of .side)),
775
- [class*=orbit-]:has(> :nth-child(35 of .satellite), > :nth-child(35 of o-arc), > :nth-child(35 of .vector), > :nth-child(35 of .side)) {
776
- --o-angle: calc(var(--o-range) / (35 - var(--o-fit-range, 0)));
749
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(35 of .satellite), > :nth-child(35 of o-arc), > :nth-child(35 of .vector), > :nth-child(35 of .side)) {
750
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 35 - var(--o-fit-range, 0))));
777
751
  }
778
752
 
779
- .orbit:has(> :nth-child(36 of .satellite), > :nth-child(36 of o-arc), > :nth-child(36 of .vector), > :nth-child(36 of .side)),
780
- [class*=orbit-]:has(> :nth-child(36 of .satellite), > :nth-child(36 of o-arc), > :nth-child(36 of .vector), > :nth-child(36 of .side)) {
781
- --o-angle: calc(var(--o-range) / (36 - var(--o-fit-range, 0)));
753
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(36 of .satellite), > :nth-child(36 of o-arc), > :nth-child(36 of .vector), > :nth-child(36 of .side)) {
754
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 36 - var(--o-fit-range, 0))));
782
755
  }
783
756
 
784
- .orbit:has(> :nth-child(37 of .satellite), > :nth-child(37 of o-arc), > :nth-child(37 of .vector), > :nth-child(37 of .side)),
785
- [class*=orbit-]:has(> :nth-child(37 of .satellite), > :nth-child(37 of o-arc), > :nth-child(37 of .vector), > :nth-child(37 of .side)) {
786
- --o-angle: calc(var(--o-range) / (37 - var(--o-fit-range, 0)));
757
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(37 of .satellite), > :nth-child(37 of o-arc), > :nth-child(37 of .vector), > :nth-child(37 of .side)) {
758
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 37 - var(--o-fit-range, 0))));
787
759
  }
788
760
 
789
- .orbit:has(> :nth-child(38 of .satellite), > :nth-child(38 of o-arc), > :nth-child(38 of .vector), > :nth-child(38 of .side)),
790
- [class*=orbit-]:has(> :nth-child(38 of .satellite), > :nth-child(38 of o-arc), > :nth-child(38 of .vector), > :nth-child(38 of .side)) {
791
- --o-angle: calc(var(--o-range) / (38 - var(--o-fit-range, 0)));
761
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(38 of .satellite), > :nth-child(38 of o-arc), > :nth-child(38 of .vector), > :nth-child(38 of .side)) {
762
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 38 - var(--o-fit-range, 0))));
792
763
  }
793
764
 
794
- .orbit:has(> :nth-child(39 of .satellite), > :nth-child(39 of o-arc), > :nth-child(39 of .vector), > :nth-child(39 of .side)),
795
- [class*=orbit-]:has(> :nth-child(39 of .satellite), > :nth-child(39 of o-arc), > :nth-child(39 of .vector), > :nth-child(39 of .side)) {
796
- --o-angle: calc(var(--o-range) / (39 - var(--o-fit-range, 0)));
765
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(39 of .satellite), > :nth-child(39 of o-arc), > :nth-child(39 of .vector), > :nth-child(39 of .side)) {
766
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 39 - var(--o-fit-range, 0))));
797
767
  }
798
768
 
799
- .orbit:has(> :nth-child(40 of .satellite), > :nth-child(40 of o-arc), > :nth-child(40 of .vector), > :nth-child(40 of .side)),
800
- [class*=orbit-]:has(> :nth-child(40 of .satellite), > :nth-child(40 of o-arc), > :nth-child(40 of .vector), > :nth-child(40 of .side)) {
801
- --o-angle: calc(var(--o-range) / (40 - var(--o-fit-range, 0)));
769
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(40 of .satellite), > :nth-child(40 of o-arc), > :nth-child(40 of .vector), > :nth-child(40 of .side)) {
770
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 40 - var(--o-fit-range, 0))));
802
771
  }
803
772
 
804
- .orbit:has(> :nth-child(41 of .satellite), > :nth-child(41 of o-arc), > :nth-child(41 of .vector), > :nth-child(41 of .side)),
805
- [class*=orbit-]:has(> :nth-child(41 of .satellite), > :nth-child(41 of o-arc), > :nth-child(41 of .vector), > :nth-child(41 of .side)) {
806
- --o-angle: calc(var(--o-range) / (41 - var(--o-fit-range, 0)));
773
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(41 of .satellite), > :nth-child(41 of o-arc), > :nth-child(41 of .vector), > :nth-child(41 of .side)) {
774
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 41 - var(--o-fit-range, 0))));
807
775
  }
808
776
 
809
- .orbit:has(> :nth-child(42 of .satellite), > :nth-child(42 of o-arc), > :nth-child(42 of .vector), > :nth-child(42 of .side)),
810
- [class*=orbit-]:has(> :nth-child(42 of .satellite), > :nth-child(42 of o-arc), > :nth-child(42 of .vector), > :nth-child(42 of .side)) {
811
- --o-angle: calc(var(--o-range) / (42 - var(--o-fit-range, 0)));
777
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(42 of .satellite), > :nth-child(42 of o-arc), > :nth-child(42 of .vector), > :nth-child(42 of .side)) {
778
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 42 - var(--o-fit-range, 0))));
812
779
  }
813
780
 
814
- .orbit:has(> :nth-child(43 of .satellite), > :nth-child(43 of o-arc), > :nth-child(43 of .vector), > :nth-child(43 of .side)),
815
- [class*=orbit-]:has(> :nth-child(43 of .satellite), > :nth-child(43 of o-arc), > :nth-child(43 of .vector), > :nth-child(43 of .side)) {
816
- --o-angle: calc(var(--o-range) / (43 - var(--o-fit-range, 0)));
781
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(43 of .satellite), > :nth-child(43 of o-arc), > :nth-child(43 of .vector), > :nth-child(43 of .side)) {
782
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 43 - var(--o-fit-range, 0))));
817
783
  }
818
784
 
819
- .orbit:has(> :nth-child(44 of .satellite), > :nth-child(44 of o-arc), > :nth-child(44 of .vector), > :nth-child(44 of .side)),
820
- [class*=orbit-]:has(> :nth-child(44 of .satellite), > :nth-child(44 of o-arc), > :nth-child(44 of .vector), > :nth-child(44 of .side)) {
821
- --o-angle: calc(var(--o-range) / (44 - var(--o-fit-range, 0)));
785
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(44 of .satellite), > :nth-child(44 of o-arc), > :nth-child(44 of .vector), > :nth-child(44 of .side)) {
786
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 44 - var(--o-fit-range, 0))));
822
787
  }
823
788
 
824
- .orbit:has(> :nth-child(45 of .satellite), > :nth-child(45 of o-arc), > :nth-child(45 of .vector), > :nth-child(45 of .side)),
825
- [class*=orbit-]:has(> :nth-child(45 of .satellite), > :nth-child(45 of o-arc), > :nth-child(45 of .vector), > :nth-child(45 of .side)) {
826
- --o-angle: calc(var(--o-range) / (45 - var(--o-fit-range, 0)));
789
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(45 of .satellite), > :nth-child(45 of o-arc), > :nth-child(45 of .vector), > :nth-child(45 of .side)) {
790
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 45 - var(--o-fit-range, 0))));
827
791
  }
828
792
 
829
- .orbit:has(> :nth-child(46 of .satellite), > :nth-child(46 of o-arc), > :nth-child(46 of .vector), > :nth-child(46 of .side)),
830
- [class*=orbit-]:has(> :nth-child(46 of .satellite), > :nth-child(46 of o-arc), > :nth-child(46 of .vector), > :nth-child(46 of .side)) {
831
- --o-angle: calc(var(--o-range) / (46 - var(--o-fit-range, 0)));
793
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(46 of .satellite), > :nth-child(46 of o-arc), > :nth-child(46 of .vector), > :nth-child(46 of .side)) {
794
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 46 - var(--o-fit-range, 0))));
832
795
  }
833
796
 
834
- .orbit:has(> :nth-child(47 of .satellite), > :nth-child(47 of o-arc), > :nth-child(47 of .vector), > :nth-child(47 of .side)),
835
- [class*=orbit-]:has(> :nth-child(47 of .satellite), > :nth-child(47 of o-arc), > :nth-child(47 of .vector), > :nth-child(47 of .side)) {
836
- --o-angle: calc(var(--o-range) / (47 - var(--o-fit-range, 0)));
797
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(47 of .satellite), > :nth-child(47 of o-arc), > :nth-child(47 of .vector), > :nth-child(47 of .side)) {
798
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 47 - var(--o-fit-range, 0))));
837
799
  }
838
800
 
839
- .orbit:has(> :nth-child(48 of .satellite), > :nth-child(48 of o-arc), > :nth-child(48 of .vector), > :nth-child(48 of .side)),
840
- [class*=orbit-]:has(> :nth-child(48 of .satellite), > :nth-child(48 of o-arc), > :nth-child(48 of .vector), > :nth-child(48 of .side)) {
841
- --o-angle: calc(var(--o-range) / (48 - var(--o-fit-range, 0)));
801
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(48 of .satellite), > :nth-child(48 of o-arc), > :nth-child(48 of .vector), > :nth-child(48 of .side)) {
802
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 48 - var(--o-fit-range, 0))));
842
803
  }
843
804
 
844
- .orbit:has(> :nth-child(49 of .satellite), > :nth-child(49 of o-arc), > :nth-child(49 of .vector), > :nth-child(49 of .side)),
845
- [class*=orbit-]:has(> :nth-child(49 of .satellite), > :nth-child(49 of o-arc), > :nth-child(49 of .vector), > :nth-child(49 of .side)) {
846
- --o-angle: calc(var(--o-range) / (49 - var(--o-fit-range, 0)));
805
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(49 of .satellite), > :nth-child(49 of o-arc), > :nth-child(49 of .vector), > :nth-child(49 of .side)) {
806
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 49 - var(--o-fit-range, 0))));
847
807
  }
848
808
 
849
- .orbit:has(> :nth-child(50 of .satellite), > :nth-child(50 of o-arc), > :nth-child(50 of .vector), > :nth-child(50 of .side)),
850
- [class*=orbit-]:has(> :nth-child(50 of .satellite), > :nth-child(50 of o-arc), > :nth-child(50 of .vector), > :nth-child(50 of .side)) {
851
- --o-angle: calc(var(--o-range) / (50 - var(--o-fit-range, 0)));
809
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(50 of .satellite), > :nth-child(50 of o-arc), > :nth-child(50 of .vector), > :nth-child(50 of .side)) {
810
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 50 - var(--o-fit-range, 0))));
852
811
  }
853
812
 
854
- .orbit:has(> :nth-child(51 of .satellite), > :nth-child(51 of o-arc), > :nth-child(51 of .vector), > :nth-child(51 of .side)),
855
- [class*=orbit-]:has(> :nth-child(51 of .satellite), > :nth-child(51 of o-arc), > :nth-child(51 of .vector), > :nth-child(51 of .side)) {
856
- --o-angle: calc(var(--o-range) / (51 - var(--o-fit-range, 0)));
813
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(51 of .satellite), > :nth-child(51 of o-arc), > :nth-child(51 of .vector), > :nth-child(51 of .side)) {
814
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 51 - var(--o-fit-range, 0))));
857
815
  }
858
816
 
859
- .orbit:has(> :nth-child(52 of .satellite), > :nth-child(52 of o-arc), > :nth-child(52 of .vector), > :nth-child(52 of .side)),
860
- [class*=orbit-]:has(> :nth-child(52 of .satellite), > :nth-child(52 of o-arc), > :nth-child(52 of .vector), > :nth-child(52 of .side)) {
861
- --o-angle: calc(var(--o-range) / (52 - var(--o-fit-range, 0)));
817
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(52 of .satellite), > :nth-child(52 of o-arc), > :nth-child(52 of .vector), > :nth-child(52 of .side)) {
818
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 52 - var(--o-fit-range, 0))));
862
819
  }
863
820
 
864
- .orbit:has(> :nth-child(53 of .satellite), > :nth-child(53 of o-arc), > :nth-child(53 of .vector), > :nth-child(53 of .side)),
865
- [class*=orbit-]:has(> :nth-child(53 of .satellite), > :nth-child(53 of o-arc), > :nth-child(53 of .vector), > :nth-child(53 of .side)) {
866
- --o-angle: calc(var(--o-range) / (53 - var(--o-fit-range, 0)));
821
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(53 of .satellite), > :nth-child(53 of o-arc), > :nth-child(53 of .vector), > :nth-child(53 of .side)) {
822
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 53 - var(--o-fit-range, 0))));
867
823
  }
868
824
 
869
- .orbit:has(> :nth-child(54 of .satellite), > :nth-child(54 of o-arc), > :nth-child(54 of .vector), > :nth-child(54 of .side)),
870
- [class*=orbit-]:has(> :nth-child(54 of .satellite), > :nth-child(54 of o-arc), > :nth-child(54 of .vector), > :nth-child(54 of .side)) {
871
- --o-angle: calc(var(--o-range) / (54 - var(--o-fit-range, 0)));
825
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(54 of .satellite), > :nth-child(54 of o-arc), > :nth-child(54 of .vector), > :nth-child(54 of .side)) {
826
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 54 - var(--o-fit-range, 0))));
872
827
  }
873
828
 
874
- .orbit:has(> :nth-child(55 of .satellite), > :nth-child(55 of o-arc), > :nth-child(55 of .vector), > :nth-child(55 of .side)),
875
- [class*=orbit-]:has(> :nth-child(55 of .satellite), > :nth-child(55 of o-arc), > :nth-child(55 of .vector), > :nth-child(55 of .side)) {
876
- --o-angle: calc(var(--o-range) / (55 - var(--o-fit-range, 0)));
829
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(55 of .satellite), > :nth-child(55 of o-arc), > :nth-child(55 of .vector), > :nth-child(55 of .side)) {
830
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 55 - var(--o-fit-range, 0))));
877
831
  }
878
832
 
879
- .orbit:has(> :nth-child(56 of .satellite), > :nth-child(56 of o-arc), > :nth-child(56 of .vector), > :nth-child(56 of .side)),
880
- [class*=orbit-]:has(> :nth-child(56 of .satellite), > :nth-child(56 of o-arc), > :nth-child(56 of .vector), > :nth-child(56 of .side)) {
881
- --o-angle: calc(var(--o-range) / (56 - var(--o-fit-range, 0)));
833
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(56 of .satellite), > :nth-child(56 of o-arc), > :nth-child(56 of .vector), > :nth-child(56 of .side)) {
834
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 56 - var(--o-fit-range, 0))));
882
835
  }
883
836
 
884
- .orbit:has(> :nth-child(57 of .satellite), > :nth-child(57 of o-arc), > :nth-child(57 of .vector), > :nth-child(57 of .side)),
885
- [class*=orbit-]:has(> :nth-child(57 of .satellite), > :nth-child(57 of o-arc), > :nth-child(57 of .vector), > :nth-child(57 of .side)) {
886
- --o-angle: calc(var(--o-range) / (57 - var(--o-fit-range, 0)));
837
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(57 of .satellite), > :nth-child(57 of o-arc), > :nth-child(57 of .vector), > :nth-child(57 of .side)) {
838
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 57 - var(--o-fit-range, 0))));
887
839
  }
888
840
 
889
- .orbit:has(> :nth-child(58 of .satellite), > :nth-child(58 of o-arc), > :nth-child(58 of .vector), > :nth-child(58 of .side)),
890
- [class*=orbit-]:has(> :nth-child(58 of .satellite), > :nth-child(58 of o-arc), > :nth-child(58 of .vector), > :nth-child(58 of .side)) {
891
- --o-angle: calc(var(--o-range) / (58 - var(--o-fit-range, 0)));
841
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(58 of .satellite), > :nth-child(58 of o-arc), > :nth-child(58 of .vector), > :nth-child(58 of .side)) {
842
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 58 - var(--o-fit-range, 0))));
892
843
  }
893
844
 
894
- .orbit:has(> :nth-child(59 of .satellite), > :nth-child(59 of o-arc), > :nth-child(59 of .vector), > :nth-child(59 of .side)),
895
- [class*=orbit-]:has(> :nth-child(59 of .satellite), > :nth-child(59 of o-arc), > :nth-child(59 of .vector), > :nth-child(59 of .side)) {
896
- --o-angle: calc(var(--o-range) / (59 - var(--o-fit-range, 0)));
845
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(59 of .satellite), > :nth-child(59 of o-arc), > :nth-child(59 of .vector), > :nth-child(59 of .side)) {
846
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 59 - var(--o-fit-range, 0))));
897
847
  }
898
848
 
899
- .orbit:has(> :nth-child(60 of .satellite), > :nth-child(60 of o-arc), > :nth-child(60 of .vector), > :nth-child(60 of .side)),
900
- [class*=orbit-]:has(> :nth-child(60 of .satellite), > :nth-child(60 of o-arc), > :nth-child(60 of .vector), > :nth-child(60 of .side)) {
901
- --o-angle: calc(var(--o-range) / (60 - var(--o-fit-range, 0)));
849
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(60 of .satellite), > :nth-child(60 of o-arc), > :nth-child(60 of .vector), > :nth-child(60 of .side)) {
850
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / max(1, 60 - var(--o-fit-range, 0))));
902
851
  }
903
852
 
904
- .orbit:has(> :nth-child(1 of .side)),
905
- [class*=orbit-]:has(> :nth-child(1 of .side)) {
906
- --o-angle: calc(var(--o-range) / 1);
853
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(1 of .side)) {
854
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 1));
907
855
  }
908
856
 
909
- .orbit:has(> :nth-child(2 of .side)),
910
- [class*=orbit-]:has(> :nth-child(2 of .side)) {
911
- --o-angle: calc(var(--o-range) / 2);
857
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(2 of .side)) {
858
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 2));
912
859
  }
913
860
 
914
- .orbit:has(> :nth-child(3 of .side)),
915
- [class*=orbit-]:has(> :nth-child(3 of .side)) {
916
- --o-angle: calc(var(--o-range) / 3);
861
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(3 of .side)) {
862
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 3));
917
863
  }
918
864
 
919
- .orbit:has(> :nth-child(4 of .side)),
920
- [class*=orbit-]:has(> :nth-child(4 of .side)) {
921
- --o-angle: calc(var(--o-range) / 4);
865
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(4 of .side)) {
866
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 4));
922
867
  }
923
868
 
924
- .orbit:has(> :nth-child(5 of .side)),
925
- [class*=orbit-]:has(> :nth-child(5 of .side)) {
926
- --o-angle: calc(var(--o-range) / 5);
869
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(5 of .side)) {
870
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 5));
927
871
  }
928
872
 
929
- .orbit:has(> :nth-child(6 of .side)),
930
- [class*=orbit-]:has(> :nth-child(6 of .side)) {
931
- --o-angle: calc(var(--o-range) / 6);
873
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(6 of .side)) {
874
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 6));
932
875
  }
933
876
 
934
- .orbit:has(> :nth-child(7 of .side)),
935
- [class*=orbit-]:has(> :nth-child(7 of .side)) {
936
- --o-angle: calc(var(--o-range) / 7);
877
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(7 of .side)) {
878
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 7));
937
879
  }
938
880
 
939
- .orbit:has(> :nth-child(8 of .side)),
940
- [class*=orbit-]:has(> :nth-child(8 of .side)) {
941
- --o-angle: calc(var(--o-range) / 8);
881
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(8 of .side)) {
882
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 8));
942
883
  }
943
884
 
944
- .orbit:has(> :nth-child(9 of .side)),
945
- [class*=orbit-]:has(> :nth-child(9 of .side)) {
946
- --o-angle: calc(var(--o-range) / 9);
885
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(9 of .side)) {
886
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 9));
947
887
  }
948
888
 
949
- .orbit:has(> :nth-child(10 of .side)),
950
- [class*=orbit-]:has(> :nth-child(10 of .side)) {
951
- --o-angle: calc(var(--o-range) / 10);
889
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(10 of .side)) {
890
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 10));
952
891
  }
953
892
 
954
- .orbit:has(> :nth-child(11 of .side)),
955
- [class*=orbit-]:has(> :nth-child(11 of .side)) {
956
- --o-angle: calc(var(--o-range) / 11);
893
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(11 of .side)) {
894
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 11));
957
895
  }
958
896
 
959
- .orbit:has(> :nth-child(12 of .side)),
960
- [class*=orbit-]:has(> :nth-child(12 of .side)) {
961
- --o-angle: calc(var(--o-range) / 12);
897
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(12 of .side)) {
898
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 12));
962
899
  }
963
900
 
964
- .orbit:has(> :nth-child(13 of .side)),
965
- [class*=orbit-]:has(> :nth-child(13 of .side)) {
966
- --o-angle: calc(var(--o-range) / 13);
901
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(13 of .side)) {
902
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 13));
967
903
  }
968
904
 
969
- .orbit:has(> :nth-child(14 of .side)),
970
- [class*=orbit-]:has(> :nth-child(14 of .side)) {
971
- --o-angle: calc(var(--o-range) / 14);
905
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(14 of .side)) {
906
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 14));
972
907
  }
973
908
 
974
- .orbit:has(> :nth-child(15 of .side)),
975
- [class*=orbit-]:has(> :nth-child(15 of .side)) {
976
- --o-angle: calc(var(--o-range) / 15);
909
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(15 of .side)) {
910
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 15));
977
911
  }
978
912
 
979
- .orbit:has(> :nth-child(16 of .side)),
980
- [class*=orbit-]:has(> :nth-child(16 of .side)) {
981
- --o-angle: calc(var(--o-range) / 16);
913
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(16 of .side)) {
914
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 16));
982
915
  }
983
916
 
984
- .orbit:has(> :nth-child(17 of .side)),
985
- [class*=orbit-]:has(> :nth-child(17 of .side)) {
986
- --o-angle: calc(var(--o-range) / 17);
917
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(17 of .side)) {
918
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 17));
987
919
  }
988
920
 
989
- .orbit:has(> :nth-child(18 of .side)),
990
- [class*=orbit-]:has(> :nth-child(18 of .side)) {
991
- --o-angle: calc(var(--o-range) / 18);
921
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(18 of .side)) {
922
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 18));
992
923
  }
993
924
 
994
- .orbit:has(> :nth-child(19 of .side)),
995
- [class*=orbit-]:has(> :nth-child(19 of .side)) {
996
- --o-angle: calc(var(--o-range) / 19);
925
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(19 of .side)) {
926
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 19));
997
927
  }
998
928
 
999
- .orbit:has(> :nth-child(20 of .side)),
1000
- [class*=orbit-]:has(> :nth-child(20 of .side)) {
1001
- --o-angle: calc(var(--o-range) / 20);
929
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(20 of .side)) {
930
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 20));
1002
931
  }
1003
932
 
1004
- .orbit:has(> :nth-child(21 of .side)),
1005
- [class*=orbit-]:has(> :nth-child(21 of .side)) {
1006
- --o-angle: calc(var(--o-range) / 21);
933
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(21 of .side)) {
934
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 21));
1007
935
  }
1008
936
 
1009
- .orbit:has(> :nth-child(22 of .side)),
1010
- [class*=orbit-]:has(> :nth-child(22 of .side)) {
1011
- --o-angle: calc(var(--o-range) / 22);
937
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(22 of .side)) {
938
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 22));
1012
939
  }
1013
940
 
1014
- .orbit:has(> :nth-child(23 of .side)),
1015
- [class*=orbit-]:has(> :nth-child(23 of .side)) {
1016
- --o-angle: calc(var(--o-range) / 23);
941
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(23 of .side)) {
942
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 23));
1017
943
  }
1018
944
 
1019
- .orbit:has(> :nth-child(24 of .side)),
1020
- [class*=orbit-]:has(> :nth-child(24 of .side)) {
1021
- --o-angle: calc(var(--o-range) / 24);
945
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(24 of .side)) {
946
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 24));
1022
947
  }
1023
948
 
1024
- .orbit:has(> :nth-child(25 of .side)),
1025
- [class*=orbit-]:has(> :nth-child(25 of .side)) {
1026
- --o-angle: calc(var(--o-range) / 25);
949
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(25 of .side)) {
950
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 25));
1027
951
  }
1028
952
 
1029
- .orbit:has(> :nth-child(26 of .side)),
1030
- [class*=orbit-]:has(> :nth-child(26 of .side)) {
1031
- --o-angle: calc(var(--o-range) / 26);
953
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(26 of .side)) {
954
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 26));
1032
955
  }
1033
956
 
1034
- .orbit:has(> :nth-child(27 of .side)),
1035
- [class*=orbit-]:has(> :nth-child(27 of .side)) {
1036
- --o-angle: calc(var(--o-range) / 27);
957
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(27 of .side)) {
958
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 27));
1037
959
  }
1038
960
 
1039
- .orbit:has(> :nth-child(28 of .side)),
1040
- [class*=orbit-]:has(> :nth-child(28 of .side)) {
1041
- --o-angle: calc(var(--o-range) / 28);
961
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(28 of .side)) {
962
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 28));
1042
963
  }
1043
964
 
1044
- .orbit:has(> :nth-child(29 of .side)),
1045
- [class*=orbit-]:has(> :nth-child(29 of .side)) {
1046
- --o-angle: calc(var(--o-range) / 29);
965
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(29 of .side)) {
966
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 29));
1047
967
  }
1048
968
 
1049
- .orbit:has(> :nth-child(30 of .side)),
1050
- [class*=orbit-]:has(> :nth-child(30 of .side)) {
1051
- --o-angle: calc(var(--o-range) / 30);
969
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(30 of .side)) {
970
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 30));
1052
971
  }
1053
972
 
1054
- .orbit:has(> :nth-child(31 of .side)),
1055
- [class*=orbit-]:has(> :nth-child(31 of .side)) {
1056
- --o-angle: calc(var(--o-range) / 31);
973
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(31 of .side)) {
974
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 31));
1057
975
  }
1058
976
 
1059
- .orbit:has(> :nth-child(32 of .side)),
1060
- [class*=orbit-]:has(> :nth-child(32 of .side)) {
1061
- --o-angle: calc(var(--o-range) / 32);
977
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(32 of .side)) {
978
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 32));
1062
979
  }
1063
980
 
1064
- .orbit:has(> :nth-child(33 of .side)),
1065
- [class*=orbit-]:has(> :nth-child(33 of .side)) {
1066
- --o-angle: calc(var(--o-range) / 33);
981
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(33 of .side)) {
982
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 33));
1067
983
  }
1068
984
 
1069
- .orbit:has(> :nth-child(34 of .side)),
1070
- [class*=orbit-]:has(> :nth-child(34 of .side)) {
1071
- --o-angle: calc(var(--o-range) / 34);
985
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(34 of .side)) {
986
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 34));
1072
987
  }
1073
988
 
1074
- .orbit:has(> :nth-child(35 of .side)),
1075
- [class*=orbit-]:has(> :nth-child(35 of .side)) {
1076
- --o-angle: calc(var(--o-range) / 35);
989
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(35 of .side)) {
990
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 35));
1077
991
  }
1078
992
 
1079
- .orbit:has(> :nth-child(36 of .side)),
1080
- [class*=orbit-]:has(> :nth-child(36 of .side)) {
1081
- --o-angle: calc(var(--o-range) / 36);
993
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(36 of .side)) {
994
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 36));
1082
995
  }
1083
996
 
1084
- .orbit:has(> :nth-child(37 of .side)),
1085
- [class*=orbit-]:has(> :nth-child(37 of .side)) {
1086
- --o-angle: calc(var(--o-range) / 37);
997
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(37 of .side)) {
998
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 37));
1087
999
  }
1088
1000
 
1089
- .orbit:has(> :nth-child(38 of .side)),
1090
- [class*=orbit-]:has(> :nth-child(38 of .side)) {
1091
- --o-angle: calc(var(--o-range) / 38);
1001
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(38 of .side)) {
1002
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 38));
1092
1003
  }
1093
1004
 
1094
- .orbit:has(> :nth-child(39 of .side)),
1095
- [class*=orbit-]:has(> :nth-child(39 of .side)) {
1096
- --o-angle: calc(var(--o-range) / 39);
1005
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(39 of .side)) {
1006
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 39));
1097
1007
  }
1098
1008
 
1099
- .orbit:has(> :nth-child(40 of .side)),
1100
- [class*=orbit-]:has(> :nth-child(40 of .side)) {
1101
- --o-angle: calc(var(--o-range) / 40);
1009
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(40 of .side)) {
1010
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 40));
1102
1011
  }
1103
1012
 
1104
- .orbit:has(> :nth-child(41 of .side)),
1105
- [class*=orbit-]:has(> :nth-child(41 of .side)) {
1106
- --o-angle: calc(var(--o-range) / 41);
1013
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(41 of .side)) {
1014
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 41));
1107
1015
  }
1108
1016
 
1109
- .orbit:has(> :nth-child(42 of .side)),
1110
- [class*=orbit-]:has(> :nth-child(42 of .side)) {
1111
- --o-angle: calc(var(--o-range) / 42);
1017
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(42 of .side)) {
1018
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 42));
1112
1019
  }
1113
1020
 
1114
- .orbit:has(> :nth-child(43 of .side)),
1115
- [class*=orbit-]:has(> :nth-child(43 of .side)) {
1116
- --o-angle: calc(var(--o-range) / 43);
1021
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(43 of .side)) {
1022
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 43));
1117
1023
  }
1118
1024
 
1119
- .orbit:has(> :nth-child(44 of .side)),
1120
- [class*=orbit-]:has(> :nth-child(44 of .side)) {
1121
- --o-angle: calc(var(--o-range) / 44);
1025
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(44 of .side)) {
1026
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 44));
1122
1027
  }
1123
1028
 
1124
- .orbit:has(> :nth-child(45 of .side)),
1125
- [class*=orbit-]:has(> :nth-child(45 of .side)) {
1126
- --o-angle: calc(var(--o-range) / 45);
1029
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(45 of .side)) {
1030
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 45));
1127
1031
  }
1128
1032
 
1129
- .orbit:has(> :nth-child(46 of .side)),
1130
- [class*=orbit-]:has(> :nth-child(46 of .side)) {
1131
- --o-angle: calc(var(--o-range) / 46);
1033
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(46 of .side)) {
1034
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 46));
1132
1035
  }
1133
1036
 
1134
- .orbit:has(> :nth-child(47 of .side)),
1135
- [class*=orbit-]:has(> :nth-child(47 of .side)) {
1136
- --o-angle: calc(var(--o-range) / 47);
1037
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(47 of .side)) {
1038
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 47));
1137
1039
  }
1138
1040
 
1139
- .orbit:has(> :nth-child(48 of .side)),
1140
- [class*=orbit-]:has(> :nth-child(48 of .side)) {
1141
- --o-angle: calc(var(--o-range) / 48);
1041
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(48 of .side)) {
1042
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 48));
1142
1043
  }
1143
1044
 
1144
- .orbit:has(> :nth-child(49 of .side)),
1145
- [class*=orbit-]:has(> :nth-child(49 of .side)) {
1146
- --o-angle: calc(var(--o-range) / 49);
1045
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(49 of .side)) {
1046
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 49));
1147
1047
  }
1148
1048
 
1149
- .orbit:has(> :nth-child(50 of .side)),
1150
- [class*=orbit-]:has(> :nth-child(50 of .side)) {
1151
- --o-angle: calc(var(--o-range) / 50);
1049
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(50 of .side)) {
1050
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 50));
1152
1051
  }
1153
1052
 
1154
- .orbit:has(> :nth-child(51 of .side)),
1155
- [class*=orbit-]:has(> :nth-child(51 of .side)) {
1156
- --o-angle: calc(var(--o-range) / 51);
1053
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(51 of .side)) {
1054
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 51));
1157
1055
  }
1158
1056
 
1159
- .orbit:has(> :nth-child(52 of .side)),
1160
- [class*=orbit-]:has(> :nth-child(52 of .side)) {
1161
- --o-angle: calc(var(--o-range) / 52);
1057
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(52 of .side)) {
1058
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 52));
1162
1059
  }
1163
1060
 
1164
- .orbit:has(> :nth-child(53 of .side)),
1165
- [class*=orbit-]:has(> :nth-child(53 of .side)) {
1166
- --o-angle: calc(var(--o-range) / 53);
1061
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(53 of .side)) {
1062
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 53));
1167
1063
  }
1168
1064
 
1169
- .orbit:has(> :nth-child(54 of .side)),
1170
- [class*=orbit-]:has(> :nth-child(54 of .side)) {
1171
- --o-angle: calc(var(--o-range) / 54);
1065
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(54 of .side)) {
1066
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 54));
1172
1067
  }
1173
1068
 
1174
- .orbit:has(> :nth-child(55 of .side)),
1175
- [class*=orbit-]:has(> :nth-child(55 of .side)) {
1176
- --o-angle: calc(var(--o-range) / 55);
1069
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(55 of .side)) {
1070
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 55));
1177
1071
  }
1178
1072
 
1179
- .orbit:has(> :nth-child(56 of .side)),
1180
- [class*=orbit-]:has(> :nth-child(56 of .side)) {
1181
- --o-angle: calc(var(--o-range) / 56);
1073
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(56 of .side)) {
1074
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 56));
1182
1075
  }
1183
1076
 
1184
- .orbit:has(> :nth-child(57 of .side)),
1185
- [class*=orbit-]:has(> :nth-child(57 of .side)) {
1186
- --o-angle: calc(var(--o-range) / 57);
1077
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(57 of .side)) {
1078
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 57));
1187
1079
  }
1188
1080
 
1189
- .orbit:has(> :nth-child(58 of .side)),
1190
- [class*=orbit-]:has(> :nth-child(58 of .side)) {
1191
- --o-angle: calc(var(--o-range) / 58);
1081
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(58 of .side)) {
1082
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 58));
1192
1083
  }
1193
1084
 
1194
- .orbit:has(> :nth-child(59 of .side)),
1195
- [class*=orbit-]:has(> :nth-child(59 of .side)) {
1196
- --o-angle: calc(var(--o-range) / 59);
1085
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(59 of .side)) {
1086
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 59));
1197
1087
  }
1198
1088
 
1199
- .orbit:has(> :nth-child(60 of .side)),
1200
- [class*=orbit-]:has(> :nth-child(60 of .side)) {
1201
- --o-angle: calc(var(--o-range) / 60);
1089
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :nth-child(60 of .side)) {
1090
+ --o-angle: var(--o-layout-angle, calc(var(--o-range) / 60));
1202
1091
  }
1203
1092
 
1204
1093
  .bigbang {
@@ -1240,7 +1129,7 @@ body > .bigbang {
1240
1129
  border: none;
1241
1130
  }
1242
1131
 
1243
- .orbit, [class*=orbit-] {
1132
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24) {
1244
1133
  container-name: orbit;
1245
1134
  --o-base-diameter: calc((var(--o-initial-orbit, 0) + var(--o-orbit-number)) * (var(--o-force) * var(--o-force-ratio)) / (12 + var(--o-initial-orbit, 0)));
1246
1135
  --o-prev-diameter: calc(((var(--o-initial-orbit, 0) + var(--o-orbit-number)) - 1) * (var(--o-force) * var(--o-force-ratio)) / (12 + var(--o-initial-orbit, 0)));
@@ -1353,7 +1242,7 @@ body > .bigbang {
1353
1242
  }
1354
1243
 
1355
1244
  o-arc {
1356
- --o-angle-composite: var(--o-angle) * var(--o-orbit-child-number) * var(--o-direction, 1);
1245
+ --o-angle-composite: var(--o-arc-start, var(--o-angle) * var(--o-orbit-child-number) * var(--o-direction, 1));
1357
1246
  --o-gap: 1;
1358
1247
  --o_stack: 0;
1359
1248
  container-name: oslice;
@@ -1394,6 +1283,78 @@ o-progress {
1394
1283
  rotate: calc(var(--o-angle-composite));
1395
1284
  }
1396
1285
 
1286
+ /* Depth layers
1287
+ Add .depth to the element that holds the layers (usually .gravity-spot).
1288
+ Each layer is a direct child: a ring or a nested .bigbang / .gravity-spot.
1289
+ --o-z is unitless pixels (negative = farther). By default it is derived
1290
+ from data-depth, and the scale compensates the perspective so a layer
1291
+ keeps its apparent size: scale = (perspective - z) / perspective.
1292
+ --o-depth-grow enlarges each step back (.42 = 1×, 1.42×, 1.84×…) so no two
1293
+ layers share a radius. */
1294
+ .depth {
1295
+ --o-perspective: 900;
1296
+ --o-depth-step: -110;
1297
+ perspective: calc(var(--o-perspective) * 1px);
1298
+ transform-style: preserve-3d;
1299
+ }
1300
+
1301
+ .depth > :is(:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24), [data-depth], .layer-front):not(.satellite, .side, .vector, o-arc, o-progress) {
1302
+ --o-z: calc(var(--o-depth, 0) * var(--o-depth-step));
1303
+ transform: translateZ(calc(var(--o-z) * 1px)) scale(calc((1 + var(--o-depth-grow, 0) * var(--o-depth, 0)) * (1 - var(--o-depth-compensate, 1) * var(--o-z) / var(--o-perspective))));
1304
+ transform-style: preserve-3d;
1305
+ transition: transform var(--o-depth-duration, 0.8s) var(--o-depth-easing, cubic-bezier(0.2, 0.8, 0.2, 1)), opacity var(--o-depth-duration, 0.8s) var(--o-depth-easing, cubic-bezier(0.2, 0.8, 0.2, 1));
1306
+ }
1307
+
1308
+ [data-depth="0"] {
1309
+ --o-depth: 0;
1310
+ }
1311
+
1312
+ [data-depth="1"] {
1313
+ --o-depth: 1;
1314
+ }
1315
+
1316
+ [data-depth="2"] {
1317
+ --o-depth: 2;
1318
+ }
1319
+
1320
+ [data-depth="3"] {
1321
+ --o-depth: 3;
1322
+ }
1323
+
1324
+ [data-depth="4"] {
1325
+ --o-depth: 4;
1326
+ }
1327
+
1328
+ [data-depth="5"] {
1329
+ --o-depth: 5;
1330
+ }
1331
+
1332
+ [data-depth="6"] {
1333
+ --o-depth: 6;
1334
+ }
1335
+
1336
+ [data-depth="7"] {
1337
+ --o-depth: 7;
1338
+ }
1339
+
1340
+ [data-depth="8"] {
1341
+ --o-depth: 8;
1342
+ }
1343
+
1344
+ /* The active layer: the one that is read and used. */
1345
+ .layer-front {
1346
+ --o-depth: 0;
1347
+ }
1348
+
1349
+ .depth > [data-depth]:not([data-depth="0"], .layer-front) {
1350
+ opacity: var(--o-back-opacity, 1);
1351
+ }
1352
+
1353
+ @media (prefers-reduced-motion: reduce) {
1354
+ .depth > :is(:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24), [data-depth], .layer-front):not(.satellite, .side, .vector, o-arc, o-progress) {
1355
+ transition: none;
1356
+ }
1357
+ }
1397
1358
  /* radial elements alignment utilities */
1398
1359
  .at-top-left {
1399
1360
  align-items: flex-start !important;
@@ -7408,87 +7369,87 @@ o-arc.gap-30 {
7408
7369
  Sector, Progress and Vector size-ratio
7409
7370
  Can be used in parent elements or in each orbiter class
7410
7371
  */
7411
- .orbit.shrink-0, [class*=orbit-].shrink-0 {
7372
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-0 {
7412
7373
  --o-orbit-ratio: 0;
7413
7374
  }
7414
7375
 
7415
- .orbit.shrink-5, [class*=orbit-].shrink-5 {
7376
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-5 {
7416
7377
  --o-orbit-ratio: 0.05;
7417
7378
  }
7418
7379
 
7419
- .orbit.shrink-10, [class*=orbit-].shrink-10 {
7380
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-10 {
7420
7381
  --o-orbit-ratio: 0.1;
7421
7382
  }
7422
7383
 
7423
- .orbit.shrink-15, [class*=orbit-].shrink-15 {
7384
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-15 {
7424
7385
  --o-orbit-ratio: 0.15;
7425
7386
  }
7426
7387
 
7427
- .orbit.shrink-20, [class*=orbit-].shrink-20 {
7388
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-20 {
7428
7389
  --o-orbit-ratio: 0.2;
7429
7390
  }
7430
7391
 
7431
- .orbit.shrink-25, [class*=orbit-].shrink-25 {
7392
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-25 {
7432
7393
  --o-orbit-ratio: 0.25;
7433
7394
  }
7434
7395
 
7435
- .orbit.shrink-30, [class*=orbit-].shrink-30 {
7396
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-30 {
7436
7397
  --o-orbit-ratio: 0.3;
7437
7398
  }
7438
7399
 
7439
- .orbit.shrink-35, [class*=orbit-].shrink-35 {
7400
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-35 {
7440
7401
  --o-orbit-ratio: 0.35;
7441
7402
  }
7442
7403
 
7443
- .orbit.shrink-40, [class*=orbit-].shrink-40 {
7404
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-40 {
7444
7405
  --o-orbit-ratio: 0.4;
7445
7406
  }
7446
7407
 
7447
- .orbit.shrink-45, [class*=orbit-].shrink-45 {
7408
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-45 {
7448
7409
  --o-orbit-ratio: 0.45;
7449
7410
  }
7450
7411
 
7451
- .orbit.shrink-50, [class*=orbit-].shrink-50 {
7412
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-50 {
7452
7413
  --o-orbit-ratio: 0.5;
7453
7414
  }
7454
7415
 
7455
- .orbit.shrink-55, [class*=orbit-].shrink-55 {
7416
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-55 {
7456
7417
  --o-orbit-ratio: 0.55;
7457
7418
  }
7458
7419
 
7459
- .orbit.shrink-60, [class*=orbit-].shrink-60 {
7420
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-60 {
7460
7421
  --o-orbit-ratio: 0.6;
7461
7422
  }
7462
7423
 
7463
- .orbit.shrink-65, [class*=orbit-].shrink-65 {
7424
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-65 {
7464
7425
  --o-orbit-ratio: 0.65;
7465
7426
  }
7466
7427
 
7467
- .orbit.shrink-70, [class*=orbit-].shrink-70 {
7428
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-70 {
7468
7429
  --o-orbit-ratio: 0.7;
7469
7430
  }
7470
7431
 
7471
- .orbit.shrink-75, [class*=orbit-].shrink-75 {
7432
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-75 {
7472
7433
  --o-orbit-ratio: 0.75;
7473
7434
  }
7474
7435
 
7475
- .orbit.shrink-80, [class*=orbit-].shrink-80 {
7436
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-80 {
7476
7437
  --o-orbit-ratio: 0.8;
7477
7438
  }
7478
7439
 
7479
- .orbit.shrink-85, [class*=orbit-].shrink-85 {
7440
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-85 {
7480
7441
  --o-orbit-ratio: 0.85;
7481
7442
  }
7482
7443
 
7483
- .orbit.shrink-90, [class*=orbit-].shrink-90 {
7444
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-90 {
7484
7445
  --o-orbit-ratio: 0.9;
7485
7446
  }
7486
7447
 
7487
- .orbit.shrink-95, [class*=orbit-].shrink-95 {
7448
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-95 {
7488
7449
  --o-orbit-ratio: 0.95;
7489
7450
  }
7490
7451
 
7491
- .orbit.shrink-100, [class*=orbit-].shrink-100 {
7452
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24).shrink-100 {
7492
7453
  --o-orbit-ratio: 1;
7493
7454
  }
7494
7455
 
@@ -8191,25 +8152,6 @@ Can be used in parent elements or in each orbiter class
8191
8152
  /*================
8192
8153
  ORBIT SUPPORT
8193
8154
  ==================*/
8194
- /* Check browser has() support */
8195
- @supports not selector(:has(a)) {
8196
- .bigbang {
8197
- background-color: rgba(255, 0, 0, 0.3098039216);
8198
- border: 2px dotted red !important;
8199
- height: 100px !important;
8200
- width: 250px !important;
8201
- }
8202
- .bigbang > * {
8203
- display: none;
8204
- }
8205
- .bigbang::before {
8206
- content: ":has() selector not supported. Update this browser to use Orbit";
8207
- font-size: 18px;
8208
- padding: 10px;
8209
- text-align: center;
8210
- color: red;
8211
- }
8212
- }
8213
8155
  @supports not (left: calc(cos(45deg) * 1px)) {
8214
8156
  .bigbang {
8215
8157
  background-color: rgba(255, 0, 0, 0.3098039216);
@@ -8221,7 +8163,7 @@ Can be used in parent elements or in each orbiter class
8221
8163
  display: none;
8222
8164
  }
8223
8165
  .bigbang::before {
8224
- content: "Trigometric functions not supported. Update this browser to use Orbit";
8166
+ content: "Orbit requires CSS trigonometric functions (sin and cos). Update this browser to use Orbit.";
8225
8167
  font-size: 18px;
8226
8168
  padding: 10px;
8227
8169
  color: red;
@@ -8229,82 +8171,58 @@ Can be used in parent elements or in each orbiter class
8229
8171
  }
8230
8172
  }
8231
8173
  @container oslice not style(--o-ellipse-x: 1) {
8232
- /* Shown if ratio equals 1*/
8233
8174
  o-arc, o-progress {
8234
8175
  display: none;
8235
8176
  }
8236
8177
  }
8237
8178
  @container oslice not style(--o-ellipse-y: 1) {
8238
- /* Shown if ratio equals 1*/
8239
8179
  o-arc, o-progress {
8240
8180
  display: none;
8241
8181
  }
8242
8182
  }
8243
- /* bigbang checks */
8244
- .bigbangt:has(> *:not(.gravity-spot)) {
8183
+ .dev-orbit.bigbang:has(> :not(.gravity-spot)),
8184
+ .dev-orbit .bigbang:has(> :not(.gravity-spot)), .dev-orbit.gravity-spot:has(> :not(:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24), .gravity-spot)),
8185
+ .dev-orbit .gravity-spot:has(> :not(:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24), .gravity-spot)) {
8245
8186
  border: 2px dotted red !important;
8246
- width: var(--o-force) !important;
8247
8187
  border-radius: 50%;
8248
8188
  }
8249
-
8250
- .bigbangt:has(> *:not(.gravity-spot)) > * {
8189
+ .dev-orbit.bigbang:has(> :not(.gravity-spot)) > *,
8190
+ .dev-orbit .bigbang:has(> :not(.gravity-spot)) > *, .dev-orbit.gravity-spot:has(> :not(:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24), .gravity-spot)) > *,
8191
+ .dev-orbit .gravity-spot:has(> :not(:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24), .gravity-spot)) > * {
8251
8192
  filter: grayscale(1) opacity(0.2);
8252
8193
  }
8253
-
8254
- .bigbangt:has(> *:not(.gravity-spot))::after {
8194
+ .dev-orbit.bigbang:has(> :not(.gravity-spot))::after,
8195
+ .dev-orbit .bigbang:has(> :not(.gravity-spot))::after, .dev-orbit.gravity-spot:has(> :not(:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24), .gravity-spot))::after,
8196
+ .dev-orbit .gravity-spot:has(> :not(:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24), .gravity-spot))::after {
8255
8197
  content: "⚠️";
8256
8198
  font-size: 130%;
8257
- animation: pulse 1.5s infinite;
8199
+ animation: orbit-support-pulse 1.5s infinite;
8258
8200
  z-index: 99;
8259
8201
  filter: drop-shadow(3px 3px 8px rgb(255, 254, 254));
8260
8202
  position: absolute;
8261
8203
  }
8262
-
8263
- /* gravity-spot checks */
8264
- .gravity-spot:has(> *:not(.orbit, [class*=orbit-], .gravity-spot)) {
8265
- border: 2px dotted red !important;
8266
- width: var(--o-force) !important;
8267
- border-radius: 50%;
8268
- }
8269
-
8270
- .gravity-spot:has(> *:not(.orbit, [class*=orbit-], .gravity-spot)) > * {
8271
- filter: grayscale(1) opacity(0.2);
8272
- }
8273
-
8274
- .gravity-spot:has(> *:not(.orbit, [class*=orbit-], .gravity-spot))::after {
8275
- content: "⚠️";
8276
- font-size: 130%;
8277
- animation: pulse 1.5s infinite;
8278
- z-index: 99;
8279
- filter: drop-shadow(3px 3px 8px rgb(255, 254, 254));
8280
- position: absolute;
8281
- }
8282
-
8283
- /* orbit and satellite checks */
8284
- .orbit:has(> *:is(.orbit, [class*=orbit-])),
8285
- [class*=orbit-]:has(> *:is(.orbit, [class*=orbit-])),
8286
- .satellite:has(> *:not(.gravity-spot, .capsule)) {
8204
+ .dev-orbit:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24)),
8205
+ .dev-orbit :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24)), .dev-orbit.satellite:has(> :not(.gravity-spot, .capsule)),
8206
+ .dev-orbit .satellite:has(> :not(.gravity-spot, .capsule)) {
8287
8207
  border: 2px dotted rgb(255, 81, 0) !important;
8288
8208
  }
8289
-
8290
- .orbit:has(> *:is(.orbit, [class*=orbit-])) > *,
8291
- [class*=orbit-]:has(> *:is(.orbit, [class*=orbit-])) > *,
8292
- .satellite:has(> *:not(.gravity-spot, .capsule)) > * {
8209
+ .dev-orbit:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24)) > *,
8210
+ .dev-orbit :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24)) > *, .dev-orbit.satellite:has(> :not(.gravity-spot, .capsule)) > *,
8211
+ .dev-orbit .satellite:has(> :not(.gravity-spot, .capsule)) > * {
8293
8212
  opacity: 0.4;
8294
8213
  }
8295
-
8296
- .orbit:has(> *:is(.orbit, [class*=orbit-]))::after,
8297
- [class*=orbit-]:has(> *:is(.orbit, [class*=orbit-]))::after,
8298
- .satellite:has(> *:not(.gravity-spot, .capsule))::after {
8214
+ .dev-orbit:is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24))::after,
8215
+ .dev-orbit :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24):has(> :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24))::after, .dev-orbit.satellite:has(> :not(.gravity-spot, .capsule))::after,
8216
+ .dev-orbit .satellite:has(> :not(.gravity-spot, .capsule))::after {
8299
8217
  content: "⚠️";
8300
- animation: pulse 1.5s infinite;
8218
+ animation: orbit-support-pulse 1.5s infinite;
8301
8219
  z-index: 999;
8302
8220
  filter: drop-shadow(1px 1px 8px rgb(255, 254, 254));
8303
8221
  position: absolute;
8304
8222
  }
8305
8223
 
8306
- @keyframes pulse {
8307
- 0% {
8224
+ @keyframes orbit-support-pulse {
8225
+ 0%, 100% {
8308
8226
  transform: scale(1);
8309
8227
  opacity: 0;
8310
8228
  }
@@ -8312,9 +8230,11 @@ Can be used in parent elements or in each orbiter class
8312
8230
  opacity: 1;
8313
8231
  transform: scale(1.2);
8314
8232
  }
8315
- 100% {
8316
- transform: scale(1);
8317
- opacity: 0;
8233
+ }
8234
+ @media (prefers-reduced-motion: reduce) {
8235
+ .dev-orbit::after,
8236
+ .dev-orbit *::after {
8237
+ animation: none;
8318
8238
  }
8319
8239
  }
8320
8240
  /*=================
@@ -8405,7 +8325,7 @@ Can be used in parent elements or in each orbiter class
8405
8325
  border: none;
8406
8326
  }
8407
8327
 
8408
- .orbit, [class*=orbit-] {
8328
+ :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24) {
8409
8329
  border: 1px solid transparent;
8410
8330
  }
8411
8331
 
@@ -8464,7 +8384,7 @@ o-arc:hover {
8464
8384
  background: none;
8465
8385
  border: 1px dashed var(--o-red-light);
8466
8386
  }
8467
- .dev-orbit .orbit, .dev-orbit [class*=orbit-] {
8387
+ .dev-orbit :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24) {
8468
8388
  border: 1px dashed var(--o-red-light);
8469
8389
  }
8470
8390
  .dev-orbit .satellite {
@@ -8513,7 +8433,7 @@ o-arc:hover {
8513
8433
  background: none;
8514
8434
  border: none;
8515
8435
  }
8516
- .theme-cyan .orbit, .theme-cyan [class*=orbit-] {
8436
+ .theme-cyan :is(.orbit, [data-orbit-ring], .orbit-0, .orbit-1, .orbit-2, .orbit-3, .orbit-4, .orbit-5, .orbit-6, .orbit-7, .orbit-8, .orbit-9, .orbit-10, .orbit-11, .orbit-12, .orbit-13, .orbit-14, .orbit-15, .orbit-16, .orbit-17, .orbit-18, .orbit-19, .orbit-20, .orbit-21, .orbit-22, .orbit-23, .orbit-24) {
8517
8437
  border: 1px solid transparent;
8518
8438
  }
8519
8439
  .theme-cyan .satellite {