From e74ecef29c5a674c6cf2f53bf3b65bd7b990e6bc Mon Sep 17 00:00:00 2001 From: Juan Martin Date: Thu, 16 Mar 2023 09:51:55 -0300 Subject: [PATCH] Adding item alignment --- css/index.css | 1398 +++++++++++++++++++++++++++++++----- css/index.css.map | 2 +- dist/css/index.min.css | 2 +- dist/css/index.min.css.map | 2 +- index.html | 4 +- src/index.scss | 44 +- 6 files changed, 1271 insertions(+), 181 deletions(-) diff --git a/css/index.css b/css/index.css index 574219c..0ab6cb1 100644 --- a/css/index.css +++ b/css/index.css @@ -944,7 +944,23 @@ div[class^=ring] { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.z-container > .ring-1 > .item.stationary { +.z-container > .ring-1 > .item .stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0); +} + +.z-container > .ring-1 > .item.upper { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-1 > .item.upper.stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0); +} + +.z-container > .ring-1 > .item.lower { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-1 > .item.lower.stationary { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0); } @@ -952,7 +968,23 @@ div[class^=ring] { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.z-container > .ring-2 > .item.stationary { +.z-container > .ring-2 > .item .stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0); +} + +.z-container > .ring-2 > .item.upper { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-2 > .item.upper.stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0); +} + +.z-container > .ring-2 > .item.lower { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-2 > .item.lower.stationary { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0); } @@ -960,7 +992,23 @@ div[class^=ring] { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.z-container > .ring-3 > .item.stationary { +.z-container > .ring-3 > .item .stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0); +} + +.z-container > .ring-3 > .item.upper { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-3 > .item.upper.stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0); +} + +.z-container > .ring-3 > .item.lower { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-3 > .item.lower.stationary { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0); } @@ -968,7 +1016,23 @@ div[class^=ring] { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.z-container > .ring-4 > .item.stationary { +.z-container > .ring-4 > .item .stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0); +} + +.z-container > .ring-4 > .item.upper { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-4 > .item.upper.stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0); +} + +.z-container > .ring-4 > .item.lower { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-4 > .item.lower.stationary { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0); } @@ -976,7 +1040,23 @@ div[class^=ring] { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.z-container > .ring-5 > .item.stationary { +.z-container > .ring-5 > .item .stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0); +} + +.z-container > .ring-5 > .item.upper { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-5 > .item.upper.stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0); +} + +.z-container > .ring-5 > .item.lower { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-5 > .item.lower.stationary { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0); } @@ -984,7 +1064,23 @@ div[class^=ring] { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.z-container > .ring-6 > .item.stationary { +.z-container > .ring-6 > .item .stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0); +} + +.z-container > .ring-6 > .item.upper { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-6 > .item.upper.stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0); +} + +.z-container > .ring-6 > .item.lower { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.z-container > .ring-6 > .item.lower.stationary { transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0); } @@ -994,12 +1090,32 @@ div[class^=ring] { } .item.xxs > .ring-0 > .item { - --x: calc(var(--xxs) / 2 * var(--ring-0-factor)); + --x: calc(var(--xxs) / 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-0 > .item .stationary { + --x: calc(var(--xxs)/ 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-0 > .item.upper { + --x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-0 > .item.upper.stationary { + --x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-0 > .item.lower { + --x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxs > .ring-0 > .item.stationary { - --x: calc(var(--xxs)/ 2 * var(--ring-0-factor)); +.item.xxs > .ring-0 > .item.lower.stationary { + --x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1009,12 +1125,32 @@ div[class^=ring] { } .item.xs > .ring-0 > .item { - --x: calc(var(--xs) / 2 * var(--ring-0-factor)); + --x: calc(var(--xs) / 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-0 > .item .stationary { + --x: calc(var(--xs)/ 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-0 > .item.upper { + --x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-0 > .item.upper.stationary { + --x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-0 > .item.lower { + --x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xs > .ring-0 > .item.stationary { - --x: calc(var(--xs)/ 2 * var(--ring-0-factor)); +.item.xs > .ring-0 > .item.lower.stationary { + --x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1024,12 +1160,32 @@ div[class^=ring] { } .item.s > .ring-0 > .item { - --x: calc(var(--s) / 2 * var(--ring-0-factor)); + --x: calc(var(--s) / 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-0 > .item .stationary { + --x: calc(var(--s)/ 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-0 > .item.upper { + --x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-0 > .item.upper.stationary { + --x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-0 > .item.lower { + --x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.s > .ring-0 > .item.stationary { - --x: calc(var(--s)/ 2 * var(--ring-0-factor)); +.item.s > .ring-0 > .item.lower.stationary { + --x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1039,12 +1195,32 @@ div[class^=ring] { } .item.m > .ring-0 > .item { - --x: calc(var(--m) / 2 * var(--ring-0-factor)); + --x: calc(var(--m) / 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-0 > .item .stationary { + --x: calc(var(--m)/ 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-0 > .item.upper { + --x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.m > .ring-0 > .item.stationary { - --x: calc(var(--m)/ 2 * var(--ring-0-factor)); +.item.m > .ring-0 > .item.upper.stationary { + --x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-0 > .item.lower { + --x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-0 > .item.lower.stationary { + --x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1054,12 +1230,32 @@ div[class^=ring] { } .item.l > .ring-0 > .item { - --x: calc(var(--l) / 2 * var(--ring-0-factor)); + --x: calc(var(--l) / 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-0 > .item .stationary { + --x: calc(var(--l)/ 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-0 > .item.upper { + --x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-0 > .item.upper.stationary { + --x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-0 > .item.lower { + --x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.l > .ring-0 > .item.stationary { - --x: calc(var(--l)/ 2 * var(--ring-0-factor)); +.item.l > .ring-0 > .item.lower.stationary { + --x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1069,12 +1265,32 @@ div[class^=ring] { } .item.xl > .ring-0 > .item { - --x: calc(var(--xl) / 2 * var(--ring-0-factor)); + --x: calc(var(--xl) / 2 * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xl > .ring-0 > .item.stationary { - --x: calc(var(--xl)/ 2 * var(--ring-0-factor)); +.item.xl > .ring-0 > .item .stationary { + --x: calc(var(--xl)/ 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-0 > .item.upper { + --x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-0 > .item.upper.stationary { + --x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-0 > .item.lower { + --x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-0 > .item.lower.stationary { + --x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1084,12 +1300,32 @@ div[class^=ring] { } .item.xxl > .ring-0 > .item { - --x: calc(var(--xxl) / 2 * var(--ring-0-factor)); + --x: calc(var(--xxl) / 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-0 > .item .stationary { + --x: calc(var(--xxl)/ 2 * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-0 > .item.upper { + --x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxl > .ring-0 > .item.stationary { - --x: calc(var(--xxl)/ 2 * var(--ring-0-factor)); +.item.xxl > .ring-0 > .item.upper.stationary { + --x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-0 > .item.lower { + --x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-0-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-0 > .item.lower.stationary { + --x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-0-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1099,12 +1335,32 @@ div[class^=ring] { } .item.xxs > .ring-1 > .item { - --x: calc(var(--xxs) / 2 * var(--ring-1-factor)); + --x: calc(var(--xxs) / 2 * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxs > .ring-1 > .item.stationary { - --x: calc(var(--xxs)/ 2 * var(--ring-1-factor)); +.item.xxs > .ring-1 > .item .stationary { + --x: calc(var(--xxs)/ 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-1 > .item.upper { + --x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-1 > .item.upper.stationary { + --x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-1 > .item.lower { + --x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-1 > .item.lower.stationary { + --x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1114,12 +1370,32 @@ div[class^=ring] { } .item.xs > .ring-1 > .item { - --x: calc(var(--xs) / 2 * var(--ring-1-factor)); + --x: calc(var(--xs) / 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-1 > .item .stationary { + --x: calc(var(--xs)/ 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-1 > .item.upper { + --x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xs > .ring-1 > .item.stationary { - --x: calc(var(--xs)/ 2 * var(--ring-1-factor)); +.item.xs > .ring-1 > .item.upper.stationary { + --x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-1 > .item.lower { + --x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-1 > .item.lower.stationary { + --x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1129,12 +1405,32 @@ div[class^=ring] { } .item.s > .ring-1 > .item { - --x: calc(var(--s) / 2 * var(--ring-1-factor)); + --x: calc(var(--s) / 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-1 > .item .stationary { + --x: calc(var(--s)/ 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-1 > .item.upper { + --x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.s > .ring-1 > .item.stationary { - --x: calc(var(--s)/ 2 * var(--ring-1-factor)); +.item.s > .ring-1 > .item.upper.stationary { + --x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-1 > .item.lower { + --x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-1 > .item.lower.stationary { + --x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1144,12 +1440,32 @@ div[class^=ring] { } .item.m > .ring-1 > .item { - --x: calc(var(--m) / 2 * var(--ring-1-factor)); + --x: calc(var(--m) / 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-1 > .item .stationary { + --x: calc(var(--m)/ 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-1 > .item.upper { + --x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-1 > .item.upper.stationary { + --x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-1 > .item.lower { + --x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.m > .ring-1 > .item.stationary { - --x: calc(var(--m)/ 2 * var(--ring-1-factor)); +.item.m > .ring-1 > .item.lower.stationary { + --x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1159,12 +1475,32 @@ div[class^=ring] { } .item.l > .ring-1 > .item { - --x: calc(var(--l) / 2 * var(--ring-1-factor)); + --x: calc(var(--l) / 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-1 > .item .stationary { + --x: calc(var(--l)/ 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-1 > .item.upper { + --x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.l > .ring-1 > .item.stationary { - --x: calc(var(--l)/ 2 * var(--ring-1-factor)); +.item.l > .ring-1 > .item.upper.stationary { + --x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-1 > .item.lower { + --x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-1 > .item.lower.stationary { + --x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1174,12 +1510,32 @@ div[class^=ring] { } .item.xl > .ring-1 > .item { - --x: calc(var(--xl) / 2 * var(--ring-1-factor)); + --x: calc(var(--xl) / 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-1 > .item .stationary { + --x: calc(var(--xl)/ 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-1 > .item.upper { + --x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xl > .ring-1 > .item.stationary { - --x: calc(var(--xl)/ 2 * var(--ring-1-factor)); +.item.xl > .ring-1 > .item.upper.stationary { + --x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-1 > .item.lower { + --x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-1 > .item.lower.stationary { + --x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1189,12 +1545,32 @@ div[class^=ring] { } .item.xxl > .ring-1 > .item { - --x: calc(var(--xxl) / 2 * var(--ring-1-factor)); + --x: calc(var(--xxl) / 2 * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxl > .ring-1 > .item.stationary { - --x: calc(var(--xxl)/ 2 * var(--ring-1-factor)); +.item.xxl > .ring-1 > .item .stationary { + --x: calc(var(--xxl)/ 2 * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-1 > .item.upper { + --x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-1 > .item.upper.stationary { + --x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-1 > .item.lower { + --x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-1-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-1 > .item.lower.stationary { + --x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-1-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1204,12 +1580,32 @@ div[class^=ring] { } .item.xxs > .ring-2 > .item { - --x: calc(var(--xxs) / 2 * var(--ring-2-factor)); + --x: calc(var(--xxs) / 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-2 > .item .stationary { + --x: calc(var(--xxs)/ 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-2 > .item.upper { + --x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-2 > .item.upper.stationary { + --x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-2 > .item.lower { + --x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxs > .ring-2 > .item.stationary { - --x: calc(var(--xxs)/ 2 * var(--ring-2-factor)); +.item.xxs > .ring-2 > .item.lower.stationary { + --x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1219,12 +1615,32 @@ div[class^=ring] { } .item.xs > .ring-2 > .item { - --x: calc(var(--xs) / 2 * var(--ring-2-factor)); + --x: calc(var(--xs) / 2 * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xs > .ring-2 > .item.stationary { - --x: calc(var(--xs)/ 2 * var(--ring-2-factor)); +.item.xs > .ring-2 > .item .stationary { + --x: calc(var(--xs)/ 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-2 > .item.upper { + --x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-2 > .item.upper.stationary { + --x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-2 > .item.lower { + --x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-2 > .item.lower.stationary { + --x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1234,12 +1650,32 @@ div[class^=ring] { } .item.s > .ring-2 > .item { - --x: calc(var(--s) / 2 * var(--ring-2-factor)); + --x: calc(var(--s) / 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-2 > .item .stationary { + --x: calc(var(--s)/ 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-2 > .item.upper { + --x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-2 > .item.upper.stationary { + --x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-2 > .item.lower { + --x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.s > .ring-2 > .item.stationary { - --x: calc(var(--s)/ 2 * var(--ring-2-factor)); +.item.s > .ring-2 > .item.lower.stationary { + --x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1249,12 +1685,32 @@ div[class^=ring] { } .item.m > .ring-2 > .item { - --x: calc(var(--m) / 2 * var(--ring-2-factor)); + --x: calc(var(--m) / 2 * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.m > .ring-2 > .item.stationary { - --x: calc(var(--m)/ 2 * var(--ring-2-factor)); +.item.m > .ring-2 > .item .stationary { + --x: calc(var(--m)/ 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-2 > .item.upper { + --x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-2 > .item.upper.stationary { + --x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-2 > .item.lower { + --x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-2 > .item.lower.stationary { + --x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1264,12 +1720,32 @@ div[class^=ring] { } .item.l > .ring-2 > .item { - --x: calc(var(--l) / 2 * var(--ring-2-factor)); + --x: calc(var(--l) / 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-2 > .item .stationary { + --x: calc(var(--l)/ 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-2 > .item.upper { + --x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.l > .ring-2 > .item.stationary { - --x: calc(var(--l)/ 2 * var(--ring-2-factor)); +.item.l > .ring-2 > .item.upper.stationary { + --x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-2 > .item.lower { + --x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-2 > .item.lower.stationary { + --x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1279,12 +1755,32 @@ div[class^=ring] { } .item.xl > .ring-2 > .item { - --x: calc(var(--xl) / 2 * var(--ring-2-factor)); + --x: calc(var(--xl) / 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-2 > .item .stationary { + --x: calc(var(--xl)/ 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-2 > .item.upper { + --x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xl > .ring-2 > .item.stationary { - --x: calc(var(--xl)/ 2 * var(--ring-2-factor)); +.item.xl > .ring-2 > .item.upper.stationary { + --x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-2 > .item.lower { + --x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-2 > .item.lower.stationary { + --x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1294,12 +1790,32 @@ div[class^=ring] { } .item.xxl > .ring-2 > .item { - --x: calc(var(--xxl) / 2 * var(--ring-2-factor)); + --x: calc(var(--xxl) / 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-2 > .item .stationary { + --x: calc(var(--xxl)/ 2 * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-2 > .item.upper { + --x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-2 > .item.upper.stationary { + --x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-2-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-2 > .item.lower { + --x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxl > .ring-2 > .item.stationary { - --x: calc(var(--xxl)/ 2 * var(--ring-2-factor)); +.item.xxl > .ring-2 > .item.lower.stationary { + --x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-2-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1309,12 +1825,32 @@ div[class^=ring] { } .item.xxs > .ring-3 > .item { - --x: calc(var(--xxs) / 2 * var(--ring-3-factor)); + --x: calc(var(--xxs) / 2 * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxs > .ring-3 > .item.stationary { - --x: calc(var(--xxs)/ 2 * var(--ring-3-factor)); +.item.xxs > .ring-3 > .item .stationary { + --x: calc(var(--xxs)/ 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-3 > .item.upper { + --x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-3 > .item.upper.stationary { + --x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-3 > .item.lower { + --x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-3 > .item.lower.stationary { + --x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1324,12 +1860,32 @@ div[class^=ring] { } .item.xs > .ring-3 > .item { - --x: calc(var(--xs) / 2 * var(--ring-3-factor)); + --x: calc(var(--xs) / 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-3 > .item .stationary { + --x: calc(var(--xs)/ 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-3 > .item.upper { + --x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xs > .ring-3 > .item.stationary { - --x: calc(var(--xs)/ 2 * var(--ring-3-factor)); +.item.xs > .ring-3 > .item.upper.stationary { + --x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-3 > .item.lower { + --x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-3 > .item.lower.stationary { + --x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1339,12 +1895,32 @@ div[class^=ring] { } .item.s > .ring-3 > .item { - --x: calc(var(--s) / 2 * var(--ring-3-factor)); + --x: calc(var(--s) / 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-3 > .item .stationary { + --x: calc(var(--s)/ 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-3 > .item.upper { + --x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-3 > .item.upper.stationary { + --x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-3 > .item.lower { + --x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.s > .ring-3 > .item.stationary { - --x: calc(var(--s)/ 2 * var(--ring-3-factor)); +.item.s > .ring-3 > .item.lower.stationary { + --x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1354,12 +1930,32 @@ div[class^=ring] { } .item.m > .ring-3 > .item { - --x: calc(var(--m) / 2 * var(--ring-3-factor)); + --x: calc(var(--m) / 2 * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.m > .ring-3 > .item.stationary { - --x: calc(var(--m)/ 2 * var(--ring-3-factor)); +.item.m > .ring-3 > .item .stationary { + --x: calc(var(--m)/ 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-3 > .item.upper { + --x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-3 > .item.upper.stationary { + --x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-3 > .item.lower { + --x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-3 > .item.lower.stationary { + --x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1369,12 +1965,32 @@ div[class^=ring] { } .item.l > .ring-3 > .item { - --x: calc(var(--l) / 2 * var(--ring-3-factor)); + --x: calc(var(--l) / 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-3 > .item .stationary { + --x: calc(var(--l)/ 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-3 > .item.upper { + --x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-3 > .item.upper.stationary { + --x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-3 > .item.lower { + --x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.l > .ring-3 > .item.stationary { - --x: calc(var(--l)/ 2 * var(--ring-3-factor)); +.item.l > .ring-3 > .item.lower.stationary { + --x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1384,42 +2000,102 @@ div[class^=ring] { } .item.xl > .ring-3 > .item { - --x: calc(var(--xl) / 2 * var(--ring-3-factor)); + --x: calc(var(--xl) / 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-3 > .item .stationary { + --x: calc(var(--xl)/ 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-3 > .item.upper { + --x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-3 > .item.upper.stationary { + --x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-3 > .item.lower { + --x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-3 > .item.lower.stationary { + --x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-3 { + width: calc(var(--xxl) * var(--ring-3-factor)); + height: calc(var(--xxl) * var(--ring-3-factor)); +} + +.item.xxl > .ring-3 > .item { + --x: calc(var(--xxl) / 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-3 > .item .stationary { + --x: calc(var(--xxl)/ 2 * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-3 > .item.upper { + --x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-3 > .item.upper.stationary { + --x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-3-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-3 > .item.lower { + --x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xl > .ring-3 > .item.stationary { - --x: calc(var(--xl)/ 2 * var(--ring-3-factor)); +.item.xxl > .ring-3 > .item.lower.stationary { + --x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-3-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } -.item.xxl > .ring-3 { - width: calc(var(--xxl) * var(--ring-3-factor)); - height: calc(var(--xxl) * var(--ring-3-factor)); +.item.xxs > .ring-4 { + width: calc(var(--xxs) * var(--ring-4-factor)); + height: calc(var(--xxs) * var(--ring-4-factor)); } -.item.xxl > .ring-3 > .item { - --x: calc(var(--xxl) / 2 * var(--ring-3-factor)); +.item.xxs > .ring-4 > .item { + --x: calc(var(--xxs) / 2 * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxl > .ring-3 > .item.stationary { - --x: calc(var(--xxl)/ 2 * var(--ring-3-factor)); +.item.xxs > .ring-4 > .item .stationary { + --x: calc(var(--xxs)/ 2 * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } -.item.xxs > .ring-4 { - width: calc(var(--xxs) * var(--ring-4-factor)); - height: calc(var(--xxs) * var(--ring-4-factor)); +.item.xxs > .ring-4 > .item.upper { + --x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxs > .ring-4 > .item { - --x: calc(var(--xxs) / 2 * var(--ring-4-factor)); +.item.xxs > .ring-4 > .item.upper.stationary { + --x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-4 > .item.lower { + --x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxs > .ring-4 > .item.stationary { - --x: calc(var(--xxs)/ 2 * var(--ring-4-factor)); +.item.xxs > .ring-4 > .item.lower.stationary { + --x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1429,12 +2105,32 @@ div[class^=ring] { } .item.xs > .ring-4 > .item { - --x: calc(var(--xs) / 2 * var(--ring-4-factor)); + --x: calc(var(--xs) / 2 * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xs > .ring-4 > .item.stationary { - --x: calc(var(--xs)/ 2 * var(--ring-4-factor)); +.item.xs > .ring-4 > .item .stationary { + --x: calc(var(--xs)/ 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-4 > .item.upper { + --x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-4 > .item.upper.stationary { + --x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-4 > .item.lower { + --x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-4 > .item.lower.stationary { + --x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1444,12 +2140,32 @@ div[class^=ring] { } .item.s > .ring-4 > .item { - --x: calc(var(--s) / 2 * var(--ring-4-factor)); + --x: calc(var(--s) / 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-4 > .item .stationary { + --x: calc(var(--s)/ 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-4 > .item.upper { + --x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-4 > .item.upper.stationary { + --x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-4 > .item.lower { + --x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.s > .ring-4 > .item.stationary { - --x: calc(var(--s)/ 2 * var(--ring-4-factor)); +.item.s > .ring-4 > .item.lower.stationary { + --x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1459,12 +2175,32 @@ div[class^=ring] { } .item.m > .ring-4 > .item { - --x: calc(var(--m) / 2 * var(--ring-4-factor)); + --x: calc(var(--m) / 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-4 > .item .stationary { + --x: calc(var(--m)/ 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-4 > .item.upper { + --x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-4 > .item.upper.stationary { + --x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-4 > .item.lower { + --x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.m > .ring-4 > .item.stationary { - --x: calc(var(--m)/ 2 * var(--ring-4-factor)); +.item.m > .ring-4 > .item.lower.stationary { + --x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1474,12 +2210,32 @@ div[class^=ring] { } .item.l > .ring-4 > .item { - --x: calc(var(--l) / 2 * var(--ring-4-factor)); + --x: calc(var(--l) / 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-4 > .item .stationary { + --x: calc(var(--l)/ 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-4 > .item.upper { + --x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-4 > .item.upper.stationary { + --x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-4 > .item.lower { + --x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.l > .ring-4 > .item.stationary { - --x: calc(var(--l)/ 2 * var(--ring-4-factor)); +.item.l > .ring-4 > .item.lower.stationary { + --x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1489,12 +2245,32 @@ div[class^=ring] { } .item.xl > .ring-4 > .item { - --x: calc(var(--xl) / 2 * var(--ring-4-factor)); + --x: calc(var(--xl) / 2 * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xl > .ring-4 > .item.stationary { - --x: calc(var(--xl)/ 2 * var(--ring-4-factor)); +.item.xl > .ring-4 > .item .stationary { + --x: calc(var(--xl)/ 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-4 > .item.upper { + --x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-4 > .item.upper.stationary { + --x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-4 > .item.lower { + --x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-4 > .item.lower.stationary { + --x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1504,12 +2280,32 @@ div[class^=ring] { } .item.xxl > .ring-4 > .item { - --x: calc(var(--xxl) / 2 * var(--ring-4-factor)); + --x: calc(var(--xxl) / 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-4 > .item .stationary { + --x: calc(var(--xxl)/ 2 * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-4 > .item.upper { + --x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-4 > .item.upper.stationary { + --x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-4-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-4 > .item.lower { + --x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxl > .ring-4 > .item.stationary { - --x: calc(var(--xxl)/ 2 * var(--ring-4-factor)); +.item.xxl > .ring-4 > .item.lower.stationary { + --x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-4-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1519,12 +2315,32 @@ div[class^=ring] { } .item.xxs > .ring-5 > .item { - --x: calc(var(--xxs) / 2 * var(--ring-5-factor)); + --x: calc(var(--xxs) / 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-5 > .item .stationary { + --x: calc(var(--xxs)/ 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-5 > .item.upper { + --x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-5 > .item.upper.stationary { + --x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-5 > .item.lower { + --x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxs > .ring-5 > .item.stationary { - --x: calc(var(--xxs)/ 2 * var(--ring-5-factor)); +.item.xxs > .ring-5 > .item.lower.stationary { + --x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1534,12 +2350,32 @@ div[class^=ring] { } .item.xs > .ring-5 > .item { - --x: calc(var(--xs) / 2 * var(--ring-5-factor)); + --x: calc(var(--xs) / 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-5 > .item .stationary { + --x: calc(var(--xs)/ 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-5 > .item.upper { + --x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-5 > .item.upper.stationary { + --x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-5 > .item.lower { + --x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xs > .ring-5 > .item.stationary { - --x: calc(var(--xs)/ 2 * var(--ring-5-factor)); +.item.xs > .ring-5 > .item.lower.stationary { + --x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1549,12 +2385,32 @@ div[class^=ring] { } .item.s > .ring-5 > .item { - --x: calc(var(--s) / 2 * var(--ring-5-factor)); + --x: calc(var(--s) / 2 * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.s > .ring-5 > .item.stationary { - --x: calc(var(--s)/ 2 * var(--ring-5-factor)); +.item.s > .ring-5 > .item .stationary { + --x: calc(var(--s)/ 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-5 > .item.upper { + --x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-5 > .item.upper.stationary { + --x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-5 > .item.lower { + --x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-5 > .item.lower.stationary { + --x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1564,12 +2420,32 @@ div[class^=ring] { } .item.m > .ring-5 > .item { - --x: calc(var(--m) / 2 * var(--ring-5-factor)); + --x: calc(var(--m) / 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-5 > .item .stationary { + --x: calc(var(--m)/ 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-5 > .item.upper { + --x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-5 > .item.upper.stationary { + --x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-5 > .item.lower { + --x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.m > .ring-5 > .item.stationary { - --x: calc(var(--m)/ 2 * var(--ring-5-factor)); +.item.m > .ring-5 > .item.lower.stationary { + --x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1579,12 +2455,32 @@ div[class^=ring] { } .item.l > .ring-5 > .item { - --x: calc(var(--l) / 2 * var(--ring-5-factor)); + --x: calc(var(--l) / 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-5 > .item .stationary { + --x: calc(var(--l)/ 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-5 > .item.upper { + --x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-5 > .item.upper.stationary { + --x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-5 > .item.lower { + --x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.l > .ring-5 > .item.stationary { - --x: calc(var(--l)/ 2 * var(--ring-5-factor)); +.item.l > .ring-5 > .item.lower.stationary { + --x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1594,12 +2490,32 @@ div[class^=ring] { } .item.xl > .ring-5 > .item { - --x: calc(var(--xl) / 2 * var(--ring-5-factor)); + --x: calc(var(--xl) / 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-5 > .item .stationary { + --x: calc(var(--xl)/ 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-5 > .item.upper { + --x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-5 > .item.upper.stationary { + --x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-5 > .item.lower { + --x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xl > .ring-5 > .item.stationary { - --x: calc(var(--xl)/ 2 * var(--ring-5-factor)); +.item.xl > .ring-5 > .item.lower.stationary { + --x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1609,12 +2525,32 @@ div[class^=ring] { } .item.xxl > .ring-5 > .item { - --x: calc(var(--xxl) / 2 * var(--ring-5-factor)); + --x: calc(var(--xxl) / 2 * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxl > .ring-5 > .item.stationary { - --x: calc(var(--xxl)/ 2 * var(--ring-5-factor)); +.item.xxl > .ring-5 > .item .stationary { + --x: calc(var(--xxl)/ 2 * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-5 > .item.upper { + --x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-5 > .item.upper.stationary { + --x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-5 > .item.lower { + --x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-5-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-5 > .item.lower.stationary { + --x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-5-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1624,12 +2560,32 @@ div[class^=ring] { } .item.xxs > .ring-6 > .item { - --x: calc(var(--xxs) / 2 * var(--ring-6-factor)); + --x: calc(var(--xxs) / 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-6 > .item .stationary { + --x: calc(var(--xxs)/ 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-6 > .item.upper { + --x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxs > .ring-6 > .item.upper.stationary { + --x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxs > .ring-6 > .item.lower { + --x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxs > .ring-6 > .item.stationary { - --x: calc(var(--xxs)/ 2 * var(--ring-6-factor)); +.item.xxs > .ring-6 > .item.lower.stationary { + --x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1639,12 +2595,32 @@ div[class^=ring] { } .item.xs > .ring-6 > .item { - --x: calc(var(--xs) / 2 * var(--ring-6-factor)); + --x: calc(var(--xs) / 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-6 > .item .stationary { + --x: calc(var(--xs)/ 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-6 > .item.upper { + --x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xs > .ring-6 > .item.upper.stationary { + --x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xs > .ring-6 > .item.lower { + --x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xs > .ring-6 > .item.stationary { - --x: calc(var(--xs)/ 2 * var(--ring-6-factor)); +.item.xs > .ring-6 > .item.lower.stationary { + --x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1654,12 +2630,32 @@ div[class^=ring] { } .item.s > .ring-6 > .item { - --x: calc(var(--s) / 2 * var(--ring-6-factor)); + --x: calc(var(--s) / 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-6 > .item .stationary { + --x: calc(var(--s)/ 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-6 > .item.upper { + --x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.s > .ring-6 > .item.upper.stationary { + --x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.s > .ring-6 > .item.lower { + --x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.s > .ring-6 > .item.stationary { - --x: calc(var(--s)/ 2 * var(--ring-6-factor)); +.item.s > .ring-6 > .item.lower.stationary { + --x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1669,12 +2665,32 @@ div[class^=ring] { } .item.m > .ring-6 > .item { - --x: calc(var(--m) / 2 * var(--ring-6-factor)); + --x: calc(var(--m) / 2 * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.m > .ring-6 > .item.stationary { - --x: calc(var(--m)/ 2 * var(--ring-6-factor)); +.item.m > .ring-6 > .item .stationary { + --x: calc(var(--m)/ 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-6 > .item.upper { + --x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-6 > .item.upper.stationary { + --x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.m > .ring-6 > .item.lower { + --x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.m > .ring-6 > .item.lower.stationary { + --x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1684,12 +2700,32 @@ div[class^=ring] { } .item.l > .ring-6 > .item { - --x: calc(var(--l) / 2 * var(--ring-6-factor)); + --x: calc(var(--l) / 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-6 > .item .stationary { + --x: calc(var(--l)/ 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-6 > .item.upper { + --x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.l > .ring-6 > .item.upper.stationary { + --x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.l > .ring-6 > .item.lower { + --x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.l > .ring-6 > .item.stationary { - --x: calc(var(--l)/ 2 * var(--ring-6-factor)); +.item.l > .ring-6 > .item.lower.stationary { + --x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1699,12 +2735,32 @@ div[class^=ring] { } .item.xl > .ring-6 > .item { - --x: calc(var(--xl) / 2 * var(--ring-6-factor)); + --x: calc(var(--xl) / 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-6 > .item .stationary { + --x: calc(var(--xl)/ 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-6 > .item.upper { + --x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xl > .ring-6 > .item.upper.stationary { + --x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xl > .ring-6 > .item.lower { + --x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xl > .ring-6 > .item.stationary { - --x: calc(var(--xl)/ 2 * var(--ring-6-factor)); +.item.xl > .ring-6 > .item.lower.stationary { + --x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); } @@ -1714,11 +2770,31 @@ div[class^=ring] { } .item.xxl > .ring-6 > .item { - --x: calc(var(--xxl) / 2 * var(--ring-6-factor)); + --x: calc(var(--xxl) / 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-6 > .item .stationary { + --x: calc(var(--xxl)/ 2 * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-6 > .item.upper { + --x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); +} + +.item.xxl > .ring-6 > .item.upper.stationary { + --x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-6-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); +} + +.item.xxl > .ring-6 > .item.lower { + --x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); } -.item.xxl > .ring-6 > .item.stationary { - --x: calc(var(--xxl)/ 2 * var(--ring-6-factor)); +.item.xxl > .ring-6 > .item.lower.stationary { + --x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-6-factor)); transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); }/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/css/index.css.map b/css/index.css.map index 060358b..f740580 100644 --- a/css/index.css.map +++ b/css/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.scss","index.css"],"names":[],"mappings":"AAAC,cAAA;AA6CA,kBAAA;AACD;EACE,sBAAA;EACA,SAAA;EACA,UAAA;AC3CF;;AD6CC,kBAAA;AACD;EACE,gBAAA;EACA,UAAA;EACA,iBAAA;EACA,cAAA;EACA,UAAA;EACA,eAAA;EACA,gBAAA;EACA,qBAAA;EAGE,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAGF,gBAAA;EACA,UAAA;EACA,UAAA;EACA,SAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EAEA,oBAAA;EACA,uBAAA;EACA,mBAAA;ACzCF;;AD4CA;EACE,aAAA;EACA,iDAAA;EACA,8CAAA;EACA,wBAAA;EA5CA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;ACIF;;ADyCA;EACE,UAAA;EACA,WAAA;ACtCF;;ADyCA;EACE,4CAAA;ACtCF;;ADyCA;EACE,aAAA;EACA,4CAAA;EACA,uBAAA;EACA,kBAAA;EA7DA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;ACwBF;;ADsCA,WAAA;AACA;;EAEE,kBAAA;ACnCF;;ADsCA;EACE,iBAAA;ACnCF;;ADsCA;EACE,kBAAA;ACnCF;;ADsCA;EACE,YAAA;ACnCF;;ADsCA;EACE,UAAA;ACnCF;;ADsCA;EACE,WAAA;ACnCF;;ADsCA;EACE,WAAA;ACnCF;;ADsCA;EACE,YAAA;ACnCF;;ADsCA;EACE,aAAA;EACA,kBAAA;EACA,2CAAA;EACA,kBAAA;EAvGA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;ACqEF;;ADmCA;EACE,cAAA;EACA,qBAAA;EACA,iBAAA;EACA,UAAA;EACA,WAAA;AChCF;;ADsCM;EACA,wEAAA;ACnCN;;ADkCM;EACA,uEAAA;AC/BN;;AD8BM;EACA,uEAAA;AC3BN;;AD0BM;EACA,wEAAA;ACvBN;;ADsBM;EACA,wEAAA;ACnBN;;ADkBM;EACA,wEAAA;ACfN;;ADcM;EACA,wEAAA;ACXN;;ADUM;EACA,wEAAA;ACPN;;ADMM;EACA,uEAAA;ACHN;;ADEM;EACA,sEAAA;ACCN;;ADFM;EACA,sEAAA;ACKN;;ADNM;EACA,uEAAA;ACSN;;ADVM;EACA,uEAAA;ACaN;;ADdM;EACA,uEAAA;ACiBN;;ADlBM;EACA,uEAAA;ACqBN;;ADtBM;EACA,uEAAA;ACyBN;;AD1BM;EACA,sEAAA;AC6BN;;AD9BM;EACA,qEAAA;ACiCN;;ADlCM;EACA,qEAAA;ACqCN;;ADtCM;EACA,sEAAA;ACyCN;;AD1CM;EACA,sEAAA;AC6CN;;AD9CM;EACA,sEAAA;ACiDN;;ADlDM;EACA,sEAAA;ACqDN;;ADtDM;EACA,sEAAA;ACyDN;;AD1DM;EACA,sEAAA;AC6DN;;AD9DM;EACA,qEAAA;ACiEN;;ADlEM;EACA,qEAAA;ACqEN;;ADtEM;EACA,sEAAA;ACyEN;;AD1EM;EACA,sEAAA;AC6EN;;AD9EM;EACA,sEAAA;ACiFN;;ADlFM;EACA,sEAAA;ACqFN;;ADtFM;EACA,sEAAA;ACyFN;;AD1FM;EACA,sEAAA;AC6FN;;AD9FM;EACA,qEAAA;ACiGN;;ADlGM;EACA,qEAAA;ACqGN;;ADtGM;EACA,sEAAA;ACyGN;;AD1GM;EACA,sEAAA;AC6GN;;AD9GM;EACA,sEAAA;ACiHN;;ADlHM;EACA,sEAAA;ACqHN;;ADtHM;EACA,sEAAA;ACyHN;;AD1HM;EACA,uEAAA;AC6HN;;AD9HM;EACA,sEAAA;ACiIN;;ADlIM;EACA,sEAAA;ACqIN;;ADtIM;EACA,uEAAA;ACyIN;;AD1IM;EACA,uEAAA;AC6IN;;AD9IM;EACA,uEAAA;ACiJN;;ADlJM;EACA,uEAAA;ACqJN;;ADtJM;EACA,uEAAA;ACyJN;;AD1JM;EACA,wEAAA;AC6JN;;AD9JM;EACA,uEAAA;ACiKN;;ADlKM;EACA,uEAAA;ACqKN;;ADtKM;EACA,wEAAA;ACyKN;;AD1KM;EACA,wEAAA;AC6KN;;AD9KM;EACA,wEAAA;ACiLN;;ADlLM;EACA,wEAAA;ACqLN;;ADtLM;EACA,wEAAA;ACyLN;;ADpLI;EAEI,+EAAA;ACsLR;;ADxLI;EAEI,8EAAA;AC0LR;;AD5LI;EAEI,8EAAA;AC8LR;;ADhMI;EAEI,+EAAA;ACkMR;;ADpMI;EAII,oGAAA;ACoMR;;ADxMI;EAEI,+EAAA;AC0MR;;AD5MI;EAEI,+EAAA;AC8MR;;ADhNI;EAEI,+EAAA;ACkNR;;AD3MA;EACE,qBAAA;EACA,mBAAA;EACA,yBAAA;EACA,6BAAA;AC8MF;;AD5MA;EACE,qBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,uBAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,UAAA;EApJA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;ACoWF;;AD7ME;EACE,iBAlMI;EAmMJ,kBAnMI;ACmZR;;ADlNE;EACE,gBAlMI;EAmMJ,iBAnMI;ACwZR;;ADvNE;EACE,eAlMI;EAmMJ,gBAnMI;AC6ZR;;AD5NE;EACE,eAlMI;EAmMJ,gBAnMI;ACkaR;;ADjOE;EACE,eAlMI;EAmMJ,gBAnMI;ACuaR;;ADtOE;EACE,gBAlMI;EAmMJ,iBAnMI;AC4aR;;AD3OE;EACE,iBAlMI;EAmMJ,kBAnMI;ACibR;;ADzOE;EACE,qDAAA;EACA,sDAAA;AC4OJ;;AD9OE;EACE,qDAAA;EACA,sDAAA;ACiPJ;;ADnPE;EACE,qDAAA;EACA,sDAAA;ACsPJ;;ADxPE;EACE,qDAAA;EACA,sDAAA;AC2PJ;;AD7PE;EACE,qDAAA;EACA,sDAAA;ACgQJ;;ADlQE;EACE,qDAAA;EACA,sDAAA;ACqQJ;;ADjQE;EACE,eAAA;ACoQJ;;ADrQE;EACE,eAAA;ACwQJ;;ADzQE;EACE,eAAA;AC4QJ;;AD7QE;EACE,eAAA;ACgRJ;;ADjRE;EACE,eAAA;ACoRJ;;ADrRE;EACE,eAAA;ACwRJ;;ADzRE;EACE,eAAA;AC4RJ;;ADtRI;EACE,kBAAA;ACyRN;;AD1RI;EACE,kBAAA;AC6RN;;AD9RI;EACE,mBAAA;ACiSN;;ADlSI;EACE,mBAAA;ACqSN;;ADtSI;EACE,mBAAA;ACySN;;AD1SI;EACE,mBAAA;AC6SN;;AD9SI;EACE,mBAAA;ACiTN;;ADlTI;EACE,kBAAA;ACqTN;;ADtTI;EACE,kBAAA;ACyTN;;AD1TI;EACE,mBAAA;AC6TN;;AD9TI;EACE,mBAAA;ACiUN;;ADlUI;EACE,mBAAA;ACqUN;;ADtUI;EACE,mBAAA;ACyUN;;AD1UI;EACE,mBAAA;AC6UN;;AD9UI;EACE,kBAAA;ACiVN;;ADlVI;EACE,kBAAA;ACqVN;;ADtVI;EACE,mBAAA;ACyVN;;AD1VI;EACE,mBAAA;AC6VN;;AD9VI;EACE,mBAAA;ACiWN;;ADlWI;EACE,mBAAA;ACqWN;;ADtWI;EACE,mBAAA;ACyWN;;AD1WI;EACE,kBAAA;AC6WN;;AD9WI;EACE,kBAAA;ACiXN;;ADlXI;EACE,mBAAA;ACqXN;;ADtXI;EACE,mBAAA;ACyXN;;AD1XI;EACE,mBAAA;AC6XN;;AD9XI;EACE,mBAAA;ACiYN;;ADlYI;EACE,mBAAA;ACqYN;;ADtYI;EACE,kBAAA;ACyYN;;AD1YI;EACE,kBAAA;AC6YN;;AD9YI;EACE,mBAAA;ACiZN;;ADlZI;EACE,mBAAA;ACqZN;;ADtZI;EACE,mBAAA;ACyZN;;AD1ZI;EACE,mBAAA;AC6ZN;;AD9ZI;EACE,mBAAA;ACiaN;;ADlaI;EACE,kBAAA;ACqaN;;ADtaI;EACE,kBAAA;ACyaN;;AD1aI;EACE,mBAAA;AC6aN;;AD9aI;EACE,mBAAA;ACibN;;ADlbI;EACE,mBAAA;ACqbN;;ADtbI;EACE,mBAAA;ACybN;;AD1bI;EACE,mBAAA;AC6bN;;AD9bI;EACE,kBAAA;ACicN;;ADlcI;EACE,kBAAA;ACqcN;;ADtcI;EACE,mBAAA;ACycN;;AD1cI;EACE,mBAAA;AC6cN;;AD9cI;EACE,mBAAA;ACidN;;ADldI;EACE,mBAAA;ACqdN;;ADtdI;EACE,mBAAA;ACydN;;ADldI;EACE,SAAA;ACqdN;;ADtdI;EACE,SAAA;ACydN;;AD1dI;EACE,UAAA;AC6dN;;AD9dI;EACE,UAAA;ACieN;;ADleI;EACE,UAAA;ACqeN;;ADteI;EACE,UAAA;ACyeN;;AD1eI;EACE,UAAA;AC6eN;;AD9eI;EACE,SAAA;ACifN;;ADlfI;EACE,SAAA;ACqfN;;ADtfI;EACE,UAAA;ACyfN;;AD1fI;EACE,UAAA;AC6fN;;AD9fI;EACE,UAAA;ACigBN;;ADlgBI;EACE,UAAA;ACqgBN;;ADtgBI;EACE,UAAA;ACygBN;;AD1gBI;EACE,SAAA;AC6gBN;;AD9gBI;EACE,SAAA;ACihBN;;ADlhBI;EACE,UAAA;ACqhBN;;ADthBI;EACE,UAAA;ACyhBN;;AD1hBI;EACE,UAAA;AC6hBN;;AD9hBI;EACE,UAAA;ACiiBN;;ADliBI;EACE,UAAA;ACqiBN;;ADtiBI;EACE,SAAA;ACyiBN;;AD1iBI;EACE,SAAA;AC6iBN;;AD9iBI;EACE,UAAA;ACijBN;;ADljBI;EACE,UAAA;ACqjBN;;ADtjBI;EACE,UAAA;ACyjBN;;AD1jBI;EACE,UAAA;AC6jBN;;AD9jBI;EACE,UAAA;ACikBN;;ADlkBI;EACE,SAAA;ACqkBN;;ADtkBI;EACE,SAAA;ACykBN;;AD1kBI;EACE,UAAA;AC6kBN;;AD9kBI;EACE,UAAA;ACilBN;;ADllBI;EACE,UAAA;ACqlBN;;ADtlBI;EACE,UAAA;ACylBN;;AD1lBI;EACE,UAAA;AC6lBN;;AD9lBI;EACE,SAAA;ACimBN;;ADlmBI;EACE,SAAA;ACqmBN;;ADtmBI;EACE,UAAA;ACymBN;;AD1mBI;EACE,UAAA;AC6mBN;;AD9mBI;EACE,UAAA;ACinBN;;ADlnBI;EACE,UAAA;ACqnBN;;ADtnBI;EACE,UAAA;ACynBN;;AD1nBI;EACE,SAAA;AC6nBN;;AD9nBI;EACE,SAAA;ACioBN;;ADloBI;EACE,UAAA;ACqoBN;;ADtoBI;EACE,UAAA;ACyoBN;;AD1oBI;EACE,UAAA;AC6oBN;;AD9oBI;EACE,UAAA;ACipBN;;ADlpBI;EACE,UAAA;ACqpBN;;ADhpBI;EACE,eAAA;ACmpBN;;ADppBI;EACE,eAAA;ACupBN;;ADxpBI;EACE,eAAA;AC2pBN;;AD5pBI;EACE,eAAA;AC+pBN;;ADhqBI;EACE,eAAA;ACmqBN;;ADpqBI;EACE,eAAA;ACuqBN;;ADxqBI;EACE,eAAA;AC2qBN;;ADvqBE;EACE,wEAAA;AC0qBJ;;AD3qBE;EACE,wEAAA;AC8qBJ;;AD/qBE;EACE,wEAAA;ACkrBJ;;ADnrBE;EACE,wEAAA;ACsrBJ;;ADvrBE;EACE,wEAAA;AC0rBJ;;AD3rBE;EACE,wEAAA;AC8rBJ;;AD/rBE;EACE,wEAAA;ACksBJ;;AD7rBE;EACE,mKAAA;ACgsBJ;;AD7rBE;EACE,uGAAA;ACgsBJ;;ADrsBE;EACE,mKAAA;ACwsBJ;;ADrsBE;EACE,uGAAA;ACwsBJ;;AD7sBE;EACE,mKAAA;ACgtBJ;;AD7sBE;EACE,uGAAA;ACgtBJ;;ADrtBE;EACE,mKAAA;ACwtBJ;;ADrtBE;EACE,uGAAA;ACwtBJ;;AD7tBE;EACE,mKAAA;ACguBJ;;AD7tBE;EACE,uGAAA;ACguBJ;;ADruBE;EACE,mKAAA;ACwuBJ;;ADruBE;EACE,uGAAA;ACwuBJ;;ADluBI;EACE,8CAAA;EACA,+CAAA;ACquBN;;ADluBI;EACE,gDAAA;EACA,oJAAA;ACquBN;;ADluBI;EACE,+CAAA;EACA,wFAAA;ACquBN;;ADjvBI;EACE,6CAAA;EACA,8CAAA;ACovBN;;ADjvBI;EACE,+CAAA;EACA,oJAAA;ACovBN;;ADjvBI;EACE,8CAAA;EACA,wFAAA;ACovBN;;ADhwBI;EACE,4CAAA;EACA,6CAAA;ACmwBN;;ADhwBI;EACE,8CAAA;EACA,oJAAA;ACmwBN;;ADhwBI;EACE,6CAAA;EACA,wFAAA;ACmwBN;;AD/wBI;EACE,4CAAA;EACA,6CAAA;ACkxBN;;AD/wBI;EACE,8CAAA;EACA,oJAAA;ACkxBN;;AD/wBI;EACE,6CAAA;EACA,wFAAA;ACkxBN;;AD9xBI;EACE,4CAAA;EACA,6CAAA;ACiyBN;;AD9xBI;EACE,8CAAA;EACA,oJAAA;ACiyBN;;AD9xBI;EACE,6CAAA;EACA,wFAAA;ACiyBN;;AD7yBI;EACE,6CAAA;EACA,8CAAA;ACgzBN;;AD7yBI;EACE,+CAAA;EACA,oJAAA;ACgzBN;;AD7yBI;EACE,8CAAA;EACA,wFAAA;ACgzBN;;AD5zBI;EACE,8CAAA;EACA,+CAAA;AC+zBN;;AD5zBI;EACE,gDAAA;EACA,oJAAA;AC+zBN;;AD5zBI;EACE,+CAAA;EACA,wFAAA;AC+zBN;;AD30BI;EACE,8CAAA;EACA,+CAAA;AC80BN;;AD30BI;EACE,gDAAA;EACA,oJAAA;AC80BN;;AD30BI;EACE,+CAAA;EACA,wFAAA;AC80BN;;AD11BI;EACE,6CAAA;EACA,8CAAA;AC61BN;;AD11BI;EACE,+CAAA;EACA,oJAAA;AC61BN;;AD11BI;EACE,8CAAA;EACA,wFAAA;AC61BN;;ADz2BI;EACE,4CAAA;EACA,6CAAA;AC42BN;;ADz2BI;EACE,8CAAA;EACA,oJAAA;AC42BN;;ADz2BI;EACE,6CAAA;EACA,wFAAA;AC42BN;;ADx3BI;EACE,4CAAA;EACA,6CAAA;AC23BN;;ADx3BI;EACE,8CAAA;EACA,oJAAA;AC23BN;;ADx3BI;EACE,6CAAA;EACA,wFAAA;AC23BN;;ADv4BI;EACE,4CAAA;EACA,6CAAA;AC04BN;;ADv4BI;EACE,8CAAA;EACA,oJAAA;AC04BN;;ADv4BI;EACE,6CAAA;EACA,wFAAA;AC04BN;;ADt5BI;EACE,6CAAA;EACA,8CAAA;ACy5BN;;ADt5BI;EACE,+CAAA;EACA,oJAAA;ACy5BN;;ADt5BI;EACE,8CAAA;EACA,wFAAA;ACy5BN;;ADr6BI;EACE,8CAAA;EACA,+CAAA;ACw6BN;;ADr6BI;EACE,gDAAA;EACA,oJAAA;ACw6BN;;ADr6BI;EACE,+CAAA;EACA,wFAAA;ACw6BN;;ADp7BI;EACE,8CAAA;EACA,+CAAA;ACu7BN;;ADp7BI;EACE,gDAAA;EACA,oJAAA;ACu7BN;;ADp7BI;EACE,+CAAA;EACA,wFAAA;ACu7BN;;ADn8BI;EACE,6CAAA;EACA,8CAAA;ACs8BN;;ADn8BI;EACE,+CAAA;EACA,oJAAA;ACs8BN;;ADn8BI;EACE,8CAAA;EACA,wFAAA;ACs8BN;;ADl9BI;EACE,4CAAA;EACA,6CAAA;ACq9BN;;ADl9BI;EACE,8CAAA;EACA,oJAAA;ACq9BN;;ADl9BI;EACE,6CAAA;EACA,wFAAA;ACq9BN;;ADj+BI;EACE,4CAAA;EACA,6CAAA;ACo+BN;;ADj+BI;EACE,8CAAA;EACA,oJAAA;ACo+BN;;ADj+BI;EACE,6CAAA;EACA,wFAAA;ACo+BN;;ADh/BI;EACE,4CAAA;EACA,6CAAA;ACm/BN;;ADh/BI;EACE,8CAAA;EACA,oJAAA;ACm/BN;;ADh/BI;EACE,6CAAA;EACA,wFAAA;ACm/BN;;AD//BI;EACE,6CAAA;EACA,8CAAA;ACkgCN;;AD//BI;EACE,+CAAA;EACA,oJAAA;ACkgCN;;AD//BI;EACE,8CAAA;EACA,wFAAA;ACkgCN;;AD9gCI;EACE,8CAAA;EACA,+CAAA;ACihCN;;AD9gCI;EACE,gDAAA;EACA,oJAAA;ACihCN;;AD9gCI;EACE,+CAAA;EACA,wFAAA;ACihCN;;AD7hCI;EACE,8CAAA;EACA,+CAAA;ACgiCN;;AD7hCI;EACE,gDAAA;EACA,oJAAA;ACgiCN;;AD7hCI;EACE,+CAAA;EACA,wFAAA;ACgiCN;;AD5iCI;EACE,6CAAA;EACA,8CAAA;AC+iCN;;AD5iCI;EACE,+CAAA;EACA,oJAAA;AC+iCN;;AD5iCI;EACE,8CAAA;EACA,wFAAA;AC+iCN;;AD3jCI;EACE,4CAAA;EACA,6CAAA;AC8jCN;;AD3jCI;EACE,8CAAA;EACA,oJAAA;AC8jCN;;AD3jCI;EACE,6CAAA;EACA,wFAAA;AC8jCN;;AD1kCI;EACE,4CAAA;EACA,6CAAA;AC6kCN;;AD1kCI;EACE,8CAAA;EACA,oJAAA;AC6kCN;;AD1kCI;EACE,6CAAA;EACA,wFAAA;AC6kCN;;ADzlCI;EACE,4CAAA;EACA,6CAAA;AC4lCN;;ADzlCI;EACE,8CAAA;EACA,oJAAA;AC4lCN;;ADzlCI;EACE,6CAAA;EACA,wFAAA;AC4lCN;;ADxmCI;EACE,6CAAA;EACA,8CAAA;AC2mCN;;ADxmCI;EACE,+CAAA;EACA,oJAAA;AC2mCN;;ADxmCI;EACE,8CAAA;EACA,wFAAA;AC2mCN;;ADvnCI;EACE,8CAAA;EACA,+CAAA;AC0nCN;;ADvnCI;EACE,gDAAA;EACA,oJAAA;AC0nCN;;ADvnCI;EACE,+CAAA;EACA,wFAAA;AC0nCN;;ADtoCI;EACE,8CAAA;EACA,+CAAA;ACyoCN;;ADtoCI;EACE,gDAAA;EACA,oJAAA;ACyoCN;;ADtoCI;EACE,+CAAA;EACA,wFAAA;ACyoCN;;ADrpCI;EACE,6CAAA;EACA,8CAAA;ACwpCN;;ADrpCI;EACE,+CAAA;EACA,oJAAA;ACwpCN;;ADrpCI;EACE,8CAAA;EACA,wFAAA;ACwpCN;;ADpqCI;EACE,4CAAA;EACA,6CAAA;ACuqCN;;ADpqCI;EACE,8CAAA;EACA,oJAAA;ACuqCN;;ADpqCI;EACE,6CAAA;EACA,wFAAA;ACuqCN;;ADnrCI;EACE,4CAAA;EACA,6CAAA;ACsrCN;;ADnrCI;EACE,8CAAA;EACA,oJAAA;ACsrCN;;ADnrCI;EACE,6CAAA;EACA,wFAAA;ACsrCN;;ADlsCI;EACE,4CAAA;EACA,6CAAA;ACqsCN;;ADlsCI;EACE,8CAAA;EACA,oJAAA;ACqsCN;;ADlsCI;EACE,6CAAA;EACA,wFAAA;ACqsCN;;ADjtCI;EACE,6CAAA;EACA,8CAAA;ACotCN;;ADjtCI;EACE,+CAAA;EACA,oJAAA;ACotCN;;ADjtCI;EACE,8CAAA;EACA,wFAAA;ACotCN;;ADhuCI;EACE,8CAAA;EACA,+CAAA;ACmuCN;;ADhuCI;EACE,gDAAA;EACA,oJAAA;ACmuCN;;ADhuCI;EACE,+CAAA;EACA,wFAAA;ACmuCN;;AD/uCI;EACE,8CAAA;EACA,+CAAA;ACkvCN;;AD/uCI;EACE,gDAAA;EACA,oJAAA;ACkvCN;;AD/uCI;EACE,+CAAA;EACA,wFAAA;ACkvCN;;AD9vCI;EACE,6CAAA;EACA,8CAAA;ACiwCN;;AD9vCI;EACE,+CAAA;EACA,oJAAA;ACiwCN;;AD9vCI;EACE,8CAAA;EACA,wFAAA;ACiwCN;;AD7wCI;EACE,4CAAA;EACA,6CAAA;ACgxCN;;AD7wCI;EACE,8CAAA;EACA,oJAAA;ACgxCN;;AD7wCI;EACE,6CAAA;EACA,wFAAA;ACgxCN;;AD5xCI;EACE,4CAAA;EACA,6CAAA;AC+xCN;;AD5xCI;EACE,8CAAA;EACA,oJAAA;AC+xCN;;AD5xCI;EACE,6CAAA;EACA,wFAAA;AC+xCN;;AD3yCI;EACE,4CAAA;EACA,6CAAA;AC8yCN;;AD3yCI;EACE,8CAAA;EACA,oJAAA;AC8yCN;;AD3yCI;EACE,6CAAA;EACA,wFAAA;AC8yCN;;AD1zCI;EACE,6CAAA;EACA,8CAAA;AC6zCN;;AD1zCI;EACE,+CAAA;EACA,oJAAA;AC6zCN;;AD1zCI;EACE,8CAAA;EACA,wFAAA;AC6zCN;;ADz0CI;EACE,8CAAA;EACA,+CAAA;AC40CN;;ADz0CI;EACE,gDAAA;EACA,oJAAA;AC40CN;;ADz0CI;EACE,+CAAA;EACA,wFAAA;AC40CN;;ADx1CI;EACE,8CAAA;EACA,+CAAA;AC21CN;;ADx1CI;EACE,gDAAA;EACA,oJAAA;AC21CN;;ADx1CI;EACE,+CAAA;EACA,wFAAA;AC21CN;;ADv2CI;EACE,6CAAA;EACA,8CAAA;AC02CN;;ADv2CI;EACE,+CAAA;EACA,oJAAA;AC02CN;;ADv2CI;EACE,8CAAA;EACA,wFAAA;AC02CN;;ADt3CI;EACE,4CAAA;EACA,6CAAA;ACy3CN;;ADt3CI;EACE,8CAAA;EACA,oJAAA;ACy3CN;;ADt3CI;EACE,6CAAA;EACA,wFAAA;ACy3CN;;ADr4CI;EACE,4CAAA;EACA,6CAAA;ACw4CN;;ADr4CI;EACE,8CAAA;EACA,oJAAA;ACw4CN;;ADr4CI;EACE,6CAAA;EACA,wFAAA;ACw4CN;;ADp5CI;EACE,4CAAA;EACA,6CAAA;ACu5CN;;ADp5CI;EACE,8CAAA;EACA,oJAAA;ACu5CN;;ADp5CI;EACE,6CAAA;EACA,wFAAA;ACu5CN;;ADn6CI;EACE,6CAAA;EACA,8CAAA;ACs6CN;;ADn6CI;EACE,+CAAA;EACA,oJAAA;ACs6CN;;ADn6CI;EACE,8CAAA;EACA,wFAAA;ACs6CN;;ADl7CI;EACE,8CAAA;EACA,+CAAA;ACq7CN;;ADl7CI;EACE,gDAAA;EACA,oJAAA;ACq7CN;;ADl7CI;EACE,+CAAA;EACA,wFAAA;ACq7CN","file":"index.css"} \ No newline at end of file +{"version":3,"sources":["../src/index.scss","index.css"],"names":[],"mappings":"AAAC,cAAA;AAkDA,kBAAA;AACD;EACE,sBAAA;EACA,SAAA;EACA,UAAA;AChDF;;ADkDC,kBAAA;AACD;EACE,gBAAA;EACA,UAAA;EACA,iBAAA;EACA,cAAA;EACA,UAAA;EACA,eAAA;EACA,gBAAA;EACA,qBAAA;EAGE,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAAA,kBAAA;EAGF,gBAAA;EACA,UAAA;EACA,UAAA;EACA,SAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EAEA,oBAAA;EACA,uBAAA;EACA,mBAAA;AC9CF;;ADiDA;EACE,aAAA;EACA,iDAAA;EACA,8CAAA;EACA,wBAAA;EA5CA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;ACDF;;AD8CA;EACE,UAAA;EACA,WAAA;AC3CF;;AD8CA;EACE,4CAAA;AC3CF;;AD8CA;EACE,aAAA;EACA,4CAAA;EACA,uBAAA;EACA,kBAAA;EA7DA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;ACmBF;;AD2CA,WAAA;AACA;;EAEE,kBAAA;ACxCF;;AD2CA;EACE,iBAAA;ACxCF;;AD2CA;EACE,kBAAA;ACxCF;;AD2CA;EACE,YAAA;ACxCF;;AD2CA;EACE,UAAA;ACxCF;;AD2CA;EACE,WAAA;ACxCF;;AD2CA;EACE,WAAA;ACxCF;;AD2CA;EACE,YAAA;ACxCF;;AD2CA;EACE,aAAA;EACA,kBAAA;EACA,2CAAA;EACA,kBAAA;EAvGA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;ACgEF;;ADwCA;EACE,cAAA;EACA,qBAAA;EACA,iBAAA;EACA,UAAA;EACA,WAAA;ACrCF;;AD2CM;EACA,wEAAA;ACxCN;;ADuCM;EACA,uEAAA;ACpCN;;ADmCM;EACA,uEAAA;AChCN;;AD+BM;EACA,wEAAA;AC5BN;;AD2BM;EACA,wEAAA;ACxBN;;ADuBM;EACA,wEAAA;ACpBN;;ADmBM;EACA,wEAAA;AChBN;;ADeM;EACA,wEAAA;ACZN;;ADWM;EACA,uEAAA;ACRN;;ADOM;EACA,sEAAA;ACJN;;ADGM;EACA,sEAAA;ACAN;;ADDM;EACA,uEAAA;ACIN;;ADLM;EACA,uEAAA;ACQN;;ADTM;EACA,uEAAA;ACYN;;ADbM;EACA,uEAAA;ACgBN;;ADjBM;EACA,uEAAA;ACoBN;;ADrBM;EACA,sEAAA;ACwBN;;ADzBM;EACA,qEAAA;AC4BN;;AD7BM;EACA,qEAAA;ACgCN;;ADjCM;EACA,sEAAA;ACoCN;;ADrCM;EACA,sEAAA;ACwCN;;ADzCM;EACA,sEAAA;AC4CN;;AD7CM;EACA,sEAAA;ACgDN;;ADjDM;EACA,sEAAA;ACoDN;;ADrDM;EACA,sEAAA;ACwDN;;ADzDM;EACA,qEAAA;AC4DN;;AD7DM;EACA,qEAAA;ACgEN;;ADjEM;EACA,sEAAA;ACoEN;;ADrEM;EACA,sEAAA;ACwEN;;ADzEM;EACA,sEAAA;AC4EN;;AD7EM;EACA,sEAAA;ACgFN;;ADjFM;EACA,sEAAA;ACoFN;;ADrFM;EACA,sEAAA;ACwFN;;ADzFM;EACA,qEAAA;AC4FN;;AD7FM;EACA,qEAAA;ACgGN;;ADjGM;EACA,sEAAA;ACoGN;;ADrGM;EACA,sEAAA;ACwGN;;ADzGM;EACA,sEAAA;AC4GN;;AD7GM;EACA,sEAAA;ACgHN;;ADjHM;EACA,sEAAA;ACoHN;;ADrHM;EACA,uEAAA;ACwHN;;ADzHM;EACA,sEAAA;AC4HN;;AD7HM;EACA,sEAAA;ACgIN;;ADjIM;EACA,uEAAA;ACoIN;;ADrIM;EACA,uEAAA;ACwIN;;ADzIM;EACA,uEAAA;AC4IN;;AD7IM;EACA,uEAAA;ACgJN;;ADjJM;EACA,uEAAA;ACoJN;;ADrJM;EACA,wEAAA;ACwJN;;ADzJM;EACA,uEAAA;AC4JN;;AD7JM;EACA,uEAAA;ACgKN;;ADjKM;EACA,wEAAA;ACoKN;;ADrKM;EACA,wEAAA;ACwKN;;ADzKM;EACA,wEAAA;AC4KN;;AD7KM;EACA,wEAAA;ACgLN;;ADjLM;EACA,wEAAA;ACoLN;;AD/KI;EAEI,+EAAA;ACiLR;;ADnLI;EAEI,8EAAA;ACqLR;;ADvLI;EAEI,8EAAA;ACyLR;;AD3LI;EAEI,+EAAA;AC6LR;;AD/LI;EAII,oGAAA;AC+LR;;ADnMI;EAEI,+EAAA;ACqMR;;ADvMI;EAEI,+EAAA;ACyMR;;AD3MI;EAEI,+EAAA;AC6MR;;ADtMA;EACE,qBAAA;EACA,mBAAA;EACA,yBAAA;EACA,6BAAA;ACyMF;;ADvMA;EACE,qBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,uBAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,UAAA;EApJA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;AC+VF;;ADxME;EACE,iBAvMI;EAwMJ,kBAxMI;ACmZR;;AD7ME;EACE,gBAvMI;EAwMJ,iBAxMI;ACwZR;;ADlNE;EACE,eAvMI;EAwMJ,gBAxMI;AC6ZR;;ADvNE;EACE,eAvMI;EAwMJ,gBAxMI;ACkaR;;AD5NE;EACE,eAvMI;EAwMJ,gBAxMI;ACuaR;;ADjOE;EACE,gBAvMI;EAwMJ,iBAxMI;AC4aR;;ADtOE;EACE,iBAvMI;EAwMJ,kBAxMI;ACibR;;ADpOE;EACE,qDAAA;EACA,sDAAA;ACuOJ;;ADzOE;EACE,qDAAA;EACA,sDAAA;AC4OJ;;AD9OE;EACE,qDAAA;EACA,sDAAA;ACiPJ;;ADnPE;EACE,qDAAA;EACA,sDAAA;ACsPJ;;ADxPE;EACE,qDAAA;EACA,sDAAA;AC2PJ;;AD7PE;EACE,qDAAA;EACA,sDAAA;ACgQJ;;AD5PE;EACE,eAAA;AC+PJ;;ADhQE;EACE,eAAA;ACmQJ;;ADpQE;EACE,eAAA;ACuQJ;;ADxQE;EACE,eAAA;AC2QJ;;AD5QE;EACE,eAAA;AC+QJ;;ADhRE;EACE,eAAA;ACmRJ;;ADpRE;EACE,eAAA;ACuRJ;;ADjRI;EACE,kBAAA;ACoRN;;ADrRI;EACE,kBAAA;ACwRN;;ADzRI;EACE,mBAAA;AC4RN;;AD7RI;EACE,mBAAA;ACgSN;;ADjSI;EACE,mBAAA;ACoSN;;ADrSI;EACE,mBAAA;ACwSN;;ADzSI;EACE,mBAAA;AC4SN;;AD7SI;EACE,kBAAA;ACgTN;;ADjTI;EACE,kBAAA;ACoTN;;ADrTI;EACE,mBAAA;ACwTN;;ADzTI;EACE,mBAAA;AC4TN;;AD7TI;EACE,mBAAA;ACgUN;;ADjUI;EACE,mBAAA;ACoUN;;ADrUI;EACE,mBAAA;ACwUN;;ADzUI;EACE,kBAAA;AC4UN;;AD7UI;EACE,kBAAA;ACgVN;;ADjVI;EACE,mBAAA;ACoVN;;ADrVI;EACE,mBAAA;ACwVN;;ADzVI;EACE,mBAAA;AC4VN;;AD7VI;EACE,mBAAA;ACgWN;;ADjWI;EACE,mBAAA;ACoWN;;ADrWI;EACE,kBAAA;ACwWN;;ADzWI;EACE,kBAAA;AC4WN;;AD7WI;EACE,mBAAA;ACgXN;;ADjXI;EACE,mBAAA;ACoXN;;ADrXI;EACE,mBAAA;ACwXN;;ADzXI;EACE,mBAAA;AC4XN;;AD7XI;EACE,mBAAA;ACgYN;;ADjYI;EACE,kBAAA;ACoYN;;ADrYI;EACE,kBAAA;ACwYN;;ADzYI;EACE,mBAAA;AC4YN;;AD7YI;EACE,mBAAA;ACgZN;;ADjZI;EACE,mBAAA;ACoZN;;ADrZI;EACE,mBAAA;ACwZN;;ADzZI;EACE,mBAAA;AC4ZN;;AD7ZI;EACE,kBAAA;ACgaN;;ADjaI;EACE,kBAAA;ACoaN;;ADraI;EACE,mBAAA;ACwaN;;ADzaI;EACE,mBAAA;AC4aN;;AD7aI;EACE,mBAAA;ACgbN;;ADjbI;EACE,mBAAA;ACobN;;ADrbI;EACE,mBAAA;ACwbN;;ADzbI;EACE,kBAAA;AC4bN;;AD7bI;EACE,kBAAA;ACgcN;;ADjcI;EACE,mBAAA;ACocN;;ADrcI;EACE,mBAAA;ACwcN;;ADzcI;EACE,mBAAA;AC4cN;;AD7cI;EACE,mBAAA;ACgdN;;ADjdI;EACE,mBAAA;ACodN;;AD7cI;EACE,SAAA;ACgdN;;ADjdI;EACE,SAAA;ACodN;;ADrdI;EACE,UAAA;ACwdN;;ADzdI;EACE,UAAA;AC4dN;;AD7dI;EACE,UAAA;ACgeN;;ADjeI;EACE,UAAA;ACoeN;;ADreI;EACE,UAAA;ACweN;;ADzeI;EACE,SAAA;AC4eN;;AD7eI;EACE,SAAA;ACgfN;;ADjfI;EACE,UAAA;ACofN;;ADrfI;EACE,UAAA;ACwfN;;ADzfI;EACE,UAAA;AC4fN;;AD7fI;EACE,UAAA;ACggBN;;ADjgBI;EACE,UAAA;ACogBN;;ADrgBI;EACE,SAAA;ACwgBN;;ADzgBI;EACE,SAAA;AC4gBN;;AD7gBI;EACE,UAAA;ACghBN;;ADjhBI;EACE,UAAA;ACohBN;;ADrhBI;EACE,UAAA;ACwhBN;;ADzhBI;EACE,UAAA;AC4hBN;;AD7hBI;EACE,UAAA;ACgiBN;;ADjiBI;EACE,SAAA;ACoiBN;;ADriBI;EACE,SAAA;ACwiBN;;ADziBI;EACE,UAAA;AC4iBN;;AD7iBI;EACE,UAAA;ACgjBN;;ADjjBI;EACE,UAAA;ACojBN;;ADrjBI;EACE,UAAA;ACwjBN;;ADzjBI;EACE,UAAA;AC4jBN;;AD7jBI;EACE,SAAA;ACgkBN;;ADjkBI;EACE,SAAA;ACokBN;;ADrkBI;EACE,UAAA;ACwkBN;;ADzkBI;EACE,UAAA;AC4kBN;;AD7kBI;EACE,UAAA;ACglBN;;ADjlBI;EACE,UAAA;AColBN;;ADrlBI;EACE,UAAA;ACwlBN;;ADzlBI;EACE,SAAA;AC4lBN;;AD7lBI;EACE,SAAA;ACgmBN;;ADjmBI;EACE,UAAA;AComBN;;ADrmBI;EACE,UAAA;ACwmBN;;ADzmBI;EACE,UAAA;AC4mBN;;AD7mBI;EACE,UAAA;ACgnBN;;ADjnBI;EACE,UAAA;AConBN;;ADrnBI;EACE,SAAA;ACwnBN;;ADznBI;EACE,SAAA;AC4nBN;;AD7nBI;EACE,UAAA;ACgoBN;;ADjoBI;EACE,UAAA;ACooBN;;ADroBI;EACE,UAAA;ACwoBN;;ADzoBI;EACE,UAAA;AC4oBN;;AD7oBI;EACE,UAAA;ACgpBN;;AD3oBI;EACE,eAAA;AC8oBN;;AD/oBI;EACE,eAAA;ACkpBN;;ADnpBI;EACE,eAAA;ACspBN;;ADvpBI;EACE,eAAA;AC0pBN;;AD3pBI;EACE,eAAA;AC8pBN;;AD/pBI;EACE,eAAA;ACkqBN;;ADnqBI;EACE,eAAA;ACsqBN;;ADlqBE;EACE,wEAAA;ACqqBJ;;ADtqBE;EACE,wEAAA;ACyqBJ;;AD1qBE;EACE,wEAAA;AC6qBJ;;AD9qBE;EACE,wEAAA;A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","file":"index.css"} \ No newline at end of file diff --git a/dist/css/index.min.css b/dist/css/index.min.css index 0e0638a..2cdf206 100644 --- a/dist/css/index.min.css +++ b/dist/css/index.min.css @@ -1 +1 @@ -*{box-sizing:border-box;margin:0;padding:0}.z-container{--arc: 360;--offset-angle: 0;--direction: 1;--angle: 1;--radius: 100px;--item-number: 1;--radius-padding: 8px;--ring-0-factor: 0;--ring-1-factor: 1;--ring-2-factor: 2;--ring-3-factor: 3;--ring-4-factor: 4;--ring-5-factor: 5;--ring-6-factor: 6;--xxs: 8px;--xs: 24px;--s: 44px;--m: 68px;--l: 110px;--xl: 180px;--xxl: 288px;--connector-width: 40px;--label-width: 50px}.z-container{display:grid;grid-template-columns:minmax(var(--radius), 1fr);grid-template-rows:minmax(var(--radius), 1fr);border:1px dashed #000;align-items:center;justify-items:center;align-content:center;justify-content:center}.z-container>.ring-0{width:1px;height:1px}.ring-0>.item{transform:rotate(calc(var(--angle) * 1deg))}.item{display:grid;background-color:rgba(255,255,255,.151);border:1px solid #000;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center}.item,.item.circle{border-radius:50%}.item.box{border-radius:0%}.item.rounded{border-radius:25%}.item.transparent{border:none}.item.a0{--angle: 0}.item.a45{--angle: 45}.item.a90{--angle: 90}.item.a135{--angle: 135}div[class^=ring]{display:grid;border-radius:50%;border:1px dashed rgba(155,155,155,.5);grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center}.label{display:block;border:1px solid red;border-radius:50;width:4px;height:4px}.item.xxs>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xs>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.s>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.m>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.l>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.xl>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xxl>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.label.pos-0>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(360 * -1deg))}.label.pos-45>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(45 * -1deg))}.label.pos-90>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(90 * -1deg))}.label.pos-135>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(135 * -1deg))}.label.pos-180>.label__text{transform:translate(calc(var(--connector-width) + var(--label-width)), 0) rotate(calc(180 * -1deg))}.label.pos-225>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(225 * -1deg))}.label.pos-270>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(270 * -1deg))}.label.pos-315>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(315 * -1deg))}.label__connector{transform-origin:0 0;border:rgba(0,0,0,0);border-top:1px solid red;width:var(--connector-width)}.label__text{transform-origin:0 0;display:grid;border:1px solid #000;grid-area:1/1/1/1;background-color:#fff;border-color:red;width:var(--label-width);height:20px;color:red;align-items:center;justify-items:center;align-content:center;justify-content:center}.item.xxs{width:var(--xxs);height:var(--xxs)}.item.xs{width:var(--xs);height:var(--xs)}.item.s{width:var(--s);height:var(--s)}.item.m{width:var(--m);height:var(--m)}.item.l{width:var(--l);height:var(--l)}.item.xl{width:var(--xl);height:var(--xl)}.item.xxl{width:var(--xxl);height:var(--xxl)}.z-container>.ring-1{width:calc(var(--radius)*2*var(--ring-1-factor));height:calc(var(--radius)*2*var(--ring-1-factor))}.z-container>.ring-2{width:calc(var(--radius)*2*var(--ring-2-factor));height:calc(var(--radius)*2*var(--ring-2-factor))}.z-container>.ring-3{width:calc(var(--radius)*2*var(--ring-3-factor));height:calc(var(--radius)*2*var(--ring-3-factor))}.z-container>.ring-4{width:calc(var(--radius)*2*var(--ring-4-factor));height:calc(var(--radius)*2*var(--ring-4-factor))}.z-container>.ring-5{width:calc(var(--radius)*2*var(--ring-5-factor));height:calc(var(--radius)*2*var(--ring-5-factor))}.z-container>.ring-6{width:calc(var(--radius)*2*var(--ring-6-factor));height:calc(var(--radius)*2*var(--ring-6-factor))}.item:nth-child(0){--item-number:0}.item:nth-child(1){--item-number:1}.item:nth-child(2){--item-number:2}.item:nth-child(3){--item-number:3}.item:nth-child(4){--item-number:4}.item:nth-child(5){--item-number:5}.item:nth-child(6){--item-number:6}.ring-0.offset-45{--offset-angle: 45}.ring-0.offset-90{--offset-angle: 90}.ring-0.offset-135{--offset-angle: 135}.ring-0.offset-180{--offset-angle: 180}.ring-0.offset-225{--offset-angle: 225}.ring-0.offset-270{--offset-angle: 270}.ring-0.offset-315{--offset-angle: 315}.ring-1.offset-45{--offset-angle: 45}.ring-1.offset-90{--offset-angle: 90}.ring-1.offset-135{--offset-angle: 135}.ring-1.offset-180{--offset-angle: 180}.ring-1.offset-225{--offset-angle: 225}.ring-1.offset-270{--offset-angle: 270}.ring-1.offset-315{--offset-angle: 315}.ring-2.offset-45{--offset-angle: 45}.ring-2.offset-90{--offset-angle: 90}.ring-2.offset-135{--offset-angle: 135}.ring-2.offset-180{--offset-angle: 180}.ring-2.offset-225{--offset-angle: 225}.ring-2.offset-270{--offset-angle: 270}.ring-2.offset-315{--offset-angle: 315}.ring-3.offset-45{--offset-angle: 45}.ring-3.offset-90{--offset-angle: 90}.ring-3.offset-135{--offset-angle: 135}.ring-3.offset-180{--offset-angle: 180}.ring-3.offset-225{--offset-angle: 225}.ring-3.offset-270{--offset-angle: 270}.ring-3.offset-315{--offset-angle: 315}.ring-4.offset-45{--offset-angle: 45}.ring-4.offset-90{--offset-angle: 90}.ring-4.offset-135{--offset-angle: 135}.ring-4.offset-180{--offset-angle: 180}.ring-4.offset-225{--offset-angle: 225}.ring-4.offset-270{--offset-angle: 270}.ring-4.offset-315{--offset-angle: 315}.ring-5.offset-45{--offset-angle: 45}.ring-5.offset-90{--offset-angle: 90}.ring-5.offset-135{--offset-angle: 135}.ring-5.offset-180{--offset-angle: 180}.ring-5.offset-225{--offset-angle: 225}.ring-5.offset-270{--offset-angle: 270}.ring-5.offset-315{--offset-angle: 315}.ring-6.offset-45{--offset-angle: 45}.ring-6.offset-90{--offset-angle: 90}.ring-6.offset-135{--offset-angle: 135}.ring-6.offset-180{--offset-angle: 180}.ring-6.offset-225{--offset-angle: 225}.ring-6.offset-270{--offset-angle: 270}.ring-6.offset-315{--offset-angle: 315}.ring-0.arc-45{--arc: 45}.ring-0.arc-90{--arc: 90}.ring-0.arc-135{--arc: 135}.ring-0.arc-180{--arc: 180}.ring-0.arc-225{--arc: 225}.ring-0.arc-270{--arc: 270}.ring-0.arc-315{--arc: 315}.ring-1.arc-45{--arc: 45}.ring-1.arc-90{--arc: 90}.ring-1.arc-135{--arc: 135}.ring-1.arc-180{--arc: 180}.ring-1.arc-225{--arc: 225}.ring-1.arc-270{--arc: 270}.ring-1.arc-315{--arc: 315}.ring-2.arc-45{--arc: 45}.ring-2.arc-90{--arc: 90}.ring-2.arc-135{--arc: 135}.ring-2.arc-180{--arc: 180}.ring-2.arc-225{--arc: 225}.ring-2.arc-270{--arc: 270}.ring-2.arc-315{--arc: 315}.ring-3.arc-45{--arc: 45}.ring-3.arc-90{--arc: 90}.ring-3.arc-135{--arc: 135}.ring-3.arc-180{--arc: 180}.ring-3.arc-225{--arc: 225}.ring-3.arc-270{--arc: 270}.ring-3.arc-315{--arc: 315}.ring-4.arc-45{--arc: 45}.ring-4.arc-90{--arc: 90}.ring-4.arc-135{--arc: 135}.ring-4.arc-180{--arc: 180}.ring-4.arc-225{--arc: 225}.ring-4.arc-270{--arc: 270}.ring-4.arc-315{--arc: 315}.ring-5.arc-45{--arc: 45}.ring-5.arc-90{--arc: 90}.ring-5.arc-135{--arc: 135}.ring-5.arc-180{--arc: 180}.ring-5.arc-225{--arc: 225}.ring-5.arc-270{--arc: 270}.ring-5.arc-315{--arc: 315}.ring-6.arc-45{--arc: 45}.ring-6.arc-90{--arc: 90}.ring-6.arc-135{--arc: 135}.ring-6.arc-180{--arc: 180}.ring-6.arc-225{--arc: 225}.ring-6.arc-270{--arc: 270}.ring-6.arc-315{--arc: 315}.ring-0.ccw{--direction: -1}.ring-1.ccw{--direction: -1}.ring-2.ccw{--direction: -1}.ring-3.ccw{--direction: -1}.ring-4.ccw{--direction: -1}.ring-5.ccw{--direction: -1}.ring-6.ccw{--direction: -1}.items-0>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 0 * var(--direction))}.items-1>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 1 * var(--direction))}.items-2>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 2 * var(--direction))}.items-3>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 3 * var(--direction))}.items-4>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 4 * var(--direction))}.items-5>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 5 * var(--direction))}.items-6>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 6 * var(--direction))}.z-container>.ring-1>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-1>.item.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0)}.z-container>.ring-2>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-2>.item.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0)}.z-container>.ring-3>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-3>.item.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0)}.z-container>.ring-4>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-4>.item.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0)}.z-container>.ring-5>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-5>.item.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0)}.z-container>.ring-6>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-6>.item.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0)}.item.xxs>.ring-0{width:calc(var(--xxs) * var(--ring-0-factor));height:calc(var(--xxs) * var(--ring-0-factor))}.item.xxs>.ring-0>.item{--x: calc(var(--xxs) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-0>.item.stationary{--x: calc(var(--xxs)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-0{width:calc(var(--xs) * var(--ring-0-factor));height:calc(var(--xs) * var(--ring-0-factor))}.item.xs>.ring-0>.item{--x: calc(var(--xs) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-0>.item.stationary{--x: calc(var(--xs)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-0{width:calc(var(--s) * var(--ring-0-factor));height:calc(var(--s) * var(--ring-0-factor))}.item.s>.ring-0>.item{--x: calc(var(--s) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-0>.item.stationary{--x: calc(var(--s)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-0{width:calc(var(--m) * var(--ring-0-factor));height:calc(var(--m) * var(--ring-0-factor))}.item.m>.ring-0>.item{--x: calc(var(--m) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-0>.item.stationary{--x: calc(var(--m)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-0{width:calc(var(--l) * var(--ring-0-factor));height:calc(var(--l) * var(--ring-0-factor))}.item.l>.ring-0>.item{--x: calc(var(--l) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-0>.item.stationary{--x: calc(var(--l)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-0{width:calc(var(--xl) * var(--ring-0-factor));height:calc(var(--xl) * var(--ring-0-factor))}.item.xl>.ring-0>.item{--x: calc(var(--xl) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-0>.item.stationary{--x: calc(var(--xl)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-0{width:calc(var(--xxl) * var(--ring-0-factor));height:calc(var(--xxl) * var(--ring-0-factor))}.item.xxl>.ring-0>.item{--x: calc(var(--xxl) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-0>.item.stationary{--x: calc(var(--xxl)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-1{width:calc(var(--xxs) * var(--ring-1-factor));height:calc(var(--xxs) * var(--ring-1-factor))}.item.xxs>.ring-1>.item{--x: calc(var(--xxs) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-1>.item.stationary{--x: calc(var(--xxs)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-1{width:calc(var(--xs) * var(--ring-1-factor));height:calc(var(--xs) * var(--ring-1-factor))}.item.xs>.ring-1>.item{--x: calc(var(--xs) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-1>.item.stationary{--x: calc(var(--xs)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-1{width:calc(var(--s) * var(--ring-1-factor));height:calc(var(--s) * var(--ring-1-factor))}.item.s>.ring-1>.item{--x: calc(var(--s) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-1>.item.stationary{--x: calc(var(--s)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-1{width:calc(var(--m) * var(--ring-1-factor));height:calc(var(--m) * var(--ring-1-factor))}.item.m>.ring-1>.item{--x: calc(var(--m) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-1>.item.stationary{--x: calc(var(--m)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-1{width:calc(var(--l) * var(--ring-1-factor));height:calc(var(--l) * var(--ring-1-factor))}.item.l>.ring-1>.item{--x: calc(var(--l) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-1>.item.stationary{--x: calc(var(--l)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-1{width:calc(var(--xl) * var(--ring-1-factor));height:calc(var(--xl) * var(--ring-1-factor))}.item.xl>.ring-1>.item{--x: calc(var(--xl) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-1>.item.stationary{--x: calc(var(--xl)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-1{width:calc(var(--xxl) * var(--ring-1-factor));height:calc(var(--xxl) * var(--ring-1-factor))}.item.xxl>.ring-1>.item{--x: calc(var(--xxl) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-1>.item.stationary{--x: calc(var(--xxl)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-2{width:calc(var(--xxs) * var(--ring-2-factor));height:calc(var(--xxs) * var(--ring-2-factor))}.item.xxs>.ring-2>.item{--x: calc(var(--xxs) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-2>.item.stationary{--x: calc(var(--xxs)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-2{width:calc(var(--xs) * var(--ring-2-factor));height:calc(var(--xs) * var(--ring-2-factor))}.item.xs>.ring-2>.item{--x: calc(var(--xs) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-2>.item.stationary{--x: calc(var(--xs)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-2{width:calc(var(--s) * var(--ring-2-factor));height:calc(var(--s) * var(--ring-2-factor))}.item.s>.ring-2>.item{--x: calc(var(--s) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-2>.item.stationary{--x: calc(var(--s)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-2{width:calc(var(--m) * var(--ring-2-factor));height:calc(var(--m) * var(--ring-2-factor))}.item.m>.ring-2>.item{--x: calc(var(--m) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-2>.item.stationary{--x: calc(var(--m)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-2{width:calc(var(--l) * var(--ring-2-factor));height:calc(var(--l) * var(--ring-2-factor))}.item.l>.ring-2>.item{--x: calc(var(--l) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-2>.item.stationary{--x: calc(var(--l)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-2{width:calc(var(--xl) * var(--ring-2-factor));height:calc(var(--xl) * var(--ring-2-factor))}.item.xl>.ring-2>.item{--x: calc(var(--xl) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-2>.item.stationary{--x: calc(var(--xl)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-2{width:calc(var(--xxl) * var(--ring-2-factor));height:calc(var(--xxl) * var(--ring-2-factor))}.item.xxl>.ring-2>.item{--x: calc(var(--xxl) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-2>.item.stationary{--x: calc(var(--xxl)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-3{width:calc(var(--xxs) * var(--ring-3-factor));height:calc(var(--xxs) * var(--ring-3-factor))}.item.xxs>.ring-3>.item{--x: calc(var(--xxs) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-3>.item.stationary{--x: calc(var(--xxs)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-3{width:calc(var(--xs) * var(--ring-3-factor));height:calc(var(--xs) * var(--ring-3-factor))}.item.xs>.ring-3>.item{--x: calc(var(--xs) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-3>.item.stationary{--x: calc(var(--xs)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-3{width:calc(var(--s) * var(--ring-3-factor));height:calc(var(--s) * var(--ring-3-factor))}.item.s>.ring-3>.item{--x: calc(var(--s) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-3>.item.stationary{--x: calc(var(--s)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-3{width:calc(var(--m) * var(--ring-3-factor));height:calc(var(--m) * var(--ring-3-factor))}.item.m>.ring-3>.item{--x: calc(var(--m) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-3>.item.stationary{--x: calc(var(--m)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-3{width:calc(var(--l) * var(--ring-3-factor));height:calc(var(--l) * var(--ring-3-factor))}.item.l>.ring-3>.item{--x: calc(var(--l) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-3>.item.stationary{--x: calc(var(--l)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-3{width:calc(var(--xl) * var(--ring-3-factor));height:calc(var(--xl) * var(--ring-3-factor))}.item.xl>.ring-3>.item{--x: calc(var(--xl) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-3>.item.stationary{--x: calc(var(--xl)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-3{width:calc(var(--xxl) * var(--ring-3-factor));height:calc(var(--xxl) * var(--ring-3-factor))}.item.xxl>.ring-3>.item{--x: calc(var(--xxl) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-3>.item.stationary{--x: calc(var(--xxl)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-4{width:calc(var(--xxs) * var(--ring-4-factor));height:calc(var(--xxs) * var(--ring-4-factor))}.item.xxs>.ring-4>.item{--x: calc(var(--xxs) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-4>.item.stationary{--x: calc(var(--xxs)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-4{width:calc(var(--xs) * var(--ring-4-factor));height:calc(var(--xs) * var(--ring-4-factor))}.item.xs>.ring-4>.item{--x: calc(var(--xs) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-4>.item.stationary{--x: calc(var(--xs)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-4{width:calc(var(--s) * var(--ring-4-factor));height:calc(var(--s) * var(--ring-4-factor))}.item.s>.ring-4>.item{--x: calc(var(--s) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-4>.item.stationary{--x: calc(var(--s)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-4{width:calc(var(--m) * var(--ring-4-factor));height:calc(var(--m) * var(--ring-4-factor))}.item.m>.ring-4>.item{--x: calc(var(--m) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-4>.item.stationary{--x: calc(var(--m)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-4{width:calc(var(--l) * var(--ring-4-factor));height:calc(var(--l) * var(--ring-4-factor))}.item.l>.ring-4>.item{--x: calc(var(--l) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-4>.item.stationary{--x: calc(var(--l)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-4{width:calc(var(--xl) * var(--ring-4-factor));height:calc(var(--xl) * var(--ring-4-factor))}.item.xl>.ring-4>.item{--x: calc(var(--xl) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-4>.item.stationary{--x: calc(var(--xl)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-4{width:calc(var(--xxl) * var(--ring-4-factor));height:calc(var(--xxl) * var(--ring-4-factor))}.item.xxl>.ring-4>.item{--x: calc(var(--xxl) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-4>.item.stationary{--x: calc(var(--xxl)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-5{width:calc(var(--xxs) * var(--ring-5-factor));height:calc(var(--xxs) * var(--ring-5-factor))}.item.xxs>.ring-5>.item{--x: calc(var(--xxs) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-5>.item.stationary{--x: calc(var(--xxs)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-5{width:calc(var(--xs) * var(--ring-5-factor));height:calc(var(--xs) * var(--ring-5-factor))}.item.xs>.ring-5>.item{--x: calc(var(--xs) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-5>.item.stationary{--x: calc(var(--xs)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-5{width:calc(var(--s) * var(--ring-5-factor));height:calc(var(--s) * var(--ring-5-factor))}.item.s>.ring-5>.item{--x: calc(var(--s) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-5>.item.stationary{--x: calc(var(--s)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-5{width:calc(var(--m) * var(--ring-5-factor));height:calc(var(--m) * var(--ring-5-factor))}.item.m>.ring-5>.item{--x: calc(var(--m) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-5>.item.stationary{--x: calc(var(--m)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-5{width:calc(var(--l) * var(--ring-5-factor));height:calc(var(--l) * var(--ring-5-factor))}.item.l>.ring-5>.item{--x: calc(var(--l) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-5>.item.stationary{--x: calc(var(--l)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-5{width:calc(var(--xl) * var(--ring-5-factor));height:calc(var(--xl) * var(--ring-5-factor))}.item.xl>.ring-5>.item{--x: calc(var(--xl) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-5>.item.stationary{--x: calc(var(--xl)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-5{width:calc(var(--xxl) * var(--ring-5-factor));height:calc(var(--xxl) * var(--ring-5-factor))}.item.xxl>.ring-5>.item{--x: calc(var(--xxl) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-5>.item.stationary{--x: calc(var(--xxl)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-6{width:calc(var(--xxs) * var(--ring-6-factor));height:calc(var(--xxs) * var(--ring-6-factor))}.item.xxs>.ring-6>.item{--x: calc(var(--xxs) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-6>.item.stationary{--x: calc(var(--xxs)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-6{width:calc(var(--xs) * var(--ring-6-factor));height:calc(var(--xs) * var(--ring-6-factor))}.item.xs>.ring-6>.item{--x: calc(var(--xs) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-6>.item.stationary{--x: calc(var(--xs)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-6{width:calc(var(--s) * var(--ring-6-factor));height:calc(var(--s) * var(--ring-6-factor))}.item.s>.ring-6>.item{--x: calc(var(--s) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-6>.item.stationary{--x: calc(var(--s)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-6{width:calc(var(--m) * var(--ring-6-factor));height:calc(var(--m) * var(--ring-6-factor))}.item.m>.ring-6>.item{--x: calc(var(--m) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-6>.item.stationary{--x: calc(var(--m)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-6{width:calc(var(--l) * var(--ring-6-factor));height:calc(var(--l) * var(--ring-6-factor))}.item.l>.ring-6>.item{--x: calc(var(--l) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-6>.item.stationary{--x: calc(var(--l)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-6{width:calc(var(--xl) * var(--ring-6-factor));height:calc(var(--xl) * var(--ring-6-factor))}.item.xl>.ring-6>.item{--x: calc(var(--xl) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-6>.item.stationary{--x: calc(var(--xl)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-6{width:calc(var(--xxl) * var(--ring-6-factor));height:calc(var(--xxl) * var(--ring-6-factor))}.item.xxl>.ring-6>.item{--x: calc(var(--xxl) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-6>.item.stationary{--x: calc(var(--xxl)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}/*# sourceMappingURL=index.min.css.map */ \ No newline at end of file +*{box-sizing:border-box;margin:0;padding:0}.z-container{--arc: 360;--offset-angle: 0;--direction: 1;--angle: 1;--radius: 100px;--item-number: 1;--radius-padding: 8px;--ring-0-factor: 0;--ring-1-factor: 1;--ring-2-factor: 2;--ring-3-factor: 3;--ring-4-factor: 4;--ring-5-factor: 5;--ring-6-factor: 6;--xxs: 8px;--xs: 24px;--s: 44px;--m: 68px;--l: 110px;--xl: 180px;--xxl: 288px;--connector-width: 40px;--label-width: 50px}.z-container{display:grid;grid-template-columns:minmax(var(--radius), 1fr);grid-template-rows:minmax(var(--radius), 1fr);border:1px dashed #000;align-items:center;justify-items:center;align-content:center;justify-content:center}.z-container>.ring-0{width:1px;height:1px}.ring-0>.item{transform:rotate(calc(var(--angle) * 1deg))}.item{display:grid;background-color:rgba(255,255,255,.151);border:1px solid #000;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center}.item,.item.circle{border-radius:50%}.item.box{border-radius:0%}.item.rounded{border-radius:25%}.item.transparent{border:none}.item.a0{--angle: 0}.item.a45{--angle: 45}.item.a90{--angle: 90}.item.a135{--angle: 135}div[class^=ring]{display:grid;border-radius:50%;border:1px dashed rgba(155,155,155,.5);grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center}.label{display:block;border:1px solid red;border-radius:50;width:4px;height:4px}.item.xxs>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xxs>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--xxs) / 1.8), 0)}.item.xs>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.xs>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--xs) / 1.8), 0)}.item.s>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.s>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--s) / 1.8), 0)}.item.m>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.m>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--m) / 1.8), 0)}.item.l>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.l>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--l) / 1.8), 0)}.item.xl>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xl>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--xl) / 1.8), 0)}.item.xxl>.label.pos-0{transform:rotate(calc(360 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-45{transform:rotate(calc(45 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-90{transform:rotate(calc(90 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-135{transform:rotate(calc(135 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-180{transform:rotate(calc(180 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-225{transform:rotate(calc(225 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-270{transform:rotate(calc(270 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.item.xxl>.label.pos-315{transform:rotate(calc(315 * 1deg)) translate(calc(var(--xxl) / 1.8), 0)}.label.pos-0>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(360 * -1deg))}.label.pos-45>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(45 * -1deg))}.label.pos-90>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(90 * -1deg))}.label.pos-135>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(135 * -1deg))}.label.pos-180>.label__text{transform:translate(calc(var(--connector-width) + var(--label-width)), 0) rotate(calc(180 * -1deg))}.label.pos-225>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(225 * -1deg))}.label.pos-270>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(270 * -1deg))}.label.pos-315>.label__text{transform:translate(calc(var(--connector-width)), 0) rotate(calc(315 * -1deg))}.label__connector{transform-origin:0 0;border:rgba(0,0,0,0);border-top:1px solid red;width:var(--connector-width)}.label__text{transform-origin:0 0;display:grid;border:1px solid #000;grid-area:1/1/1/1;background-color:#fff;border-color:red;width:var(--label-width);height:20px;color:red;align-items:center;justify-items:center;align-content:center;justify-content:center}.item.xxs{width:var(--xxs);height:var(--xxs)}.item.xs{width:var(--xs);height:var(--xs)}.item.s{width:var(--s);height:var(--s)}.item.m{width:var(--m);height:var(--m)}.item.l{width:var(--l);height:var(--l)}.item.xl{width:var(--xl);height:var(--xl)}.item.xxl{width:var(--xxl);height:var(--xxl)}.z-container>.ring-1{width:calc(var(--radius)*2*var(--ring-1-factor));height:calc(var(--radius)*2*var(--ring-1-factor))}.z-container>.ring-2{width:calc(var(--radius)*2*var(--ring-2-factor));height:calc(var(--radius)*2*var(--ring-2-factor))}.z-container>.ring-3{width:calc(var(--radius)*2*var(--ring-3-factor));height:calc(var(--radius)*2*var(--ring-3-factor))}.z-container>.ring-4{width:calc(var(--radius)*2*var(--ring-4-factor));height:calc(var(--radius)*2*var(--ring-4-factor))}.z-container>.ring-5{width:calc(var(--radius)*2*var(--ring-5-factor));height:calc(var(--radius)*2*var(--ring-5-factor))}.z-container>.ring-6{width:calc(var(--radius)*2*var(--ring-6-factor));height:calc(var(--radius)*2*var(--ring-6-factor))}.item:nth-child(0){--item-number:0}.item:nth-child(1){--item-number:1}.item:nth-child(2){--item-number:2}.item:nth-child(3){--item-number:3}.item:nth-child(4){--item-number:4}.item:nth-child(5){--item-number:5}.item:nth-child(6){--item-number:6}.ring-0.offset-45{--offset-angle: 45}.ring-0.offset-90{--offset-angle: 90}.ring-0.offset-135{--offset-angle: 135}.ring-0.offset-180{--offset-angle: 180}.ring-0.offset-225{--offset-angle: 225}.ring-0.offset-270{--offset-angle: 270}.ring-0.offset-315{--offset-angle: 315}.ring-1.offset-45{--offset-angle: 45}.ring-1.offset-90{--offset-angle: 90}.ring-1.offset-135{--offset-angle: 135}.ring-1.offset-180{--offset-angle: 180}.ring-1.offset-225{--offset-angle: 225}.ring-1.offset-270{--offset-angle: 270}.ring-1.offset-315{--offset-angle: 315}.ring-2.offset-45{--offset-angle: 45}.ring-2.offset-90{--offset-angle: 90}.ring-2.offset-135{--offset-angle: 135}.ring-2.offset-180{--offset-angle: 180}.ring-2.offset-225{--offset-angle: 225}.ring-2.offset-270{--offset-angle: 270}.ring-2.offset-315{--offset-angle: 315}.ring-3.offset-45{--offset-angle: 45}.ring-3.offset-90{--offset-angle: 90}.ring-3.offset-135{--offset-angle: 135}.ring-3.offset-180{--offset-angle: 180}.ring-3.offset-225{--offset-angle: 225}.ring-3.offset-270{--offset-angle: 270}.ring-3.offset-315{--offset-angle: 315}.ring-4.offset-45{--offset-angle: 45}.ring-4.offset-90{--offset-angle: 90}.ring-4.offset-135{--offset-angle: 135}.ring-4.offset-180{--offset-angle: 180}.ring-4.offset-225{--offset-angle: 225}.ring-4.offset-270{--offset-angle: 270}.ring-4.offset-315{--offset-angle: 315}.ring-5.offset-45{--offset-angle: 45}.ring-5.offset-90{--offset-angle: 90}.ring-5.offset-135{--offset-angle: 135}.ring-5.offset-180{--offset-angle: 180}.ring-5.offset-225{--offset-angle: 225}.ring-5.offset-270{--offset-angle: 270}.ring-5.offset-315{--offset-angle: 315}.ring-6.offset-45{--offset-angle: 45}.ring-6.offset-90{--offset-angle: 90}.ring-6.offset-135{--offset-angle: 135}.ring-6.offset-180{--offset-angle: 180}.ring-6.offset-225{--offset-angle: 225}.ring-6.offset-270{--offset-angle: 270}.ring-6.offset-315{--offset-angle: 315}.ring-0.arc-45{--arc: 45}.ring-0.arc-90{--arc: 90}.ring-0.arc-135{--arc: 135}.ring-0.arc-180{--arc: 180}.ring-0.arc-225{--arc: 225}.ring-0.arc-270{--arc: 270}.ring-0.arc-315{--arc: 315}.ring-1.arc-45{--arc: 45}.ring-1.arc-90{--arc: 90}.ring-1.arc-135{--arc: 135}.ring-1.arc-180{--arc: 180}.ring-1.arc-225{--arc: 225}.ring-1.arc-270{--arc: 270}.ring-1.arc-315{--arc: 315}.ring-2.arc-45{--arc: 45}.ring-2.arc-90{--arc: 90}.ring-2.arc-135{--arc: 135}.ring-2.arc-180{--arc: 180}.ring-2.arc-225{--arc: 225}.ring-2.arc-270{--arc: 270}.ring-2.arc-315{--arc: 315}.ring-3.arc-45{--arc: 45}.ring-3.arc-90{--arc: 90}.ring-3.arc-135{--arc: 135}.ring-3.arc-180{--arc: 180}.ring-3.arc-225{--arc: 225}.ring-3.arc-270{--arc: 270}.ring-3.arc-315{--arc: 315}.ring-4.arc-45{--arc: 45}.ring-4.arc-90{--arc: 90}.ring-4.arc-135{--arc: 135}.ring-4.arc-180{--arc: 180}.ring-4.arc-225{--arc: 225}.ring-4.arc-270{--arc: 270}.ring-4.arc-315{--arc: 315}.ring-5.arc-45{--arc: 45}.ring-5.arc-90{--arc: 90}.ring-5.arc-135{--arc: 135}.ring-5.arc-180{--arc: 180}.ring-5.arc-225{--arc: 225}.ring-5.arc-270{--arc: 270}.ring-5.arc-315{--arc: 315}.ring-6.arc-45{--arc: 45}.ring-6.arc-90{--arc: 90}.ring-6.arc-135{--arc: 135}.ring-6.arc-180{--arc: 180}.ring-6.arc-225{--arc: 225}.ring-6.arc-270{--arc: 270}.ring-6.arc-315{--arc: 315}.ring-0.ccw{--direction: -1}.ring-1.ccw{--direction: -1}.ring-2.ccw{--direction: -1}.ring-3.ccw{--direction: -1}.ring-4.ccw{--direction: -1}.ring-5.ccw{--direction: -1}.ring-6.ccw{--direction: -1}.items-0>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 0 * var(--direction))}.items-1>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 1 * var(--direction))}.items-2>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 2 * var(--direction))}.items-3>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 3 * var(--direction))}.items-4>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 4 * var(--direction))}.items-5>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 5 * var(--direction))}.items-6>.item{--angle: calc((var(--offset-angle) + var(--arc)) / 6 * var(--direction))}.z-container>.ring-1>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-1>.item .stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0)}.z-container>.ring-1>.item.upper{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-1>.item.upper.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0)}.z-container>.ring-1>.item.lower{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-1>.item.lower.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 1), 0)}.z-container>.ring-2>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-2>.item .stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0)}.z-container>.ring-2>.item.upper{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-2>.item.upper.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0)}.z-container>.ring-2>.item.lower{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-2>.item.lower.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 2), 0)}.z-container>.ring-3>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-3>.item .stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0)}.z-container>.ring-3>.item.upper{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-3>.item.upper.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0)}.z-container>.ring-3>.item.lower{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-3>.item.lower.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 3), 0)}.z-container>.ring-4>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-4>.item .stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0)}.z-container>.ring-4>.item.upper{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-4>.item.upper.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0)}.z-container>.ring-4>.item.lower{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-4>.item.lower.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 4), 0)}.z-container>.ring-5>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-5>.item .stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0)}.z-container>.ring-5>.item.upper{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-5>.item.upper.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0)}.z-container>.ring-5>.item.lower{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-5>.item.lower.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 5), 0)}.z-container>.ring-6>.item{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-6>.item .stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0)}.z-container>.ring-6>.item.upper{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-6>.item.upper.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0)}.z-container>.ring-6>.item.lower{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.z-container>.ring-6>.item.lower.stationary{transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * 6), 0)}.item.xxs>.ring-0{width:calc(var(--xxs) * var(--ring-0-factor));height:calc(var(--xxs) * var(--ring-0-factor))}.item.xxs>.ring-0>.item{--x: calc(var(--xxs) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-0>.item .stationary{--x: calc(var(--xxs)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-0>.item.upper{--x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-0>.item.upper.stationary{--x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-0>.item.lower{--x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-0>.item.lower.stationary{--x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-0{width:calc(var(--xs) * var(--ring-0-factor));height:calc(var(--xs) * var(--ring-0-factor))}.item.xs>.ring-0>.item{--x: calc(var(--xs) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-0>.item .stationary{--x: calc(var(--xs)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-0>.item.upper{--x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-0>.item.upper.stationary{--x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-0>.item.lower{--x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-0>.item.lower.stationary{--x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-0{width:calc(var(--s) * var(--ring-0-factor));height:calc(var(--s) * var(--ring-0-factor))}.item.s>.ring-0>.item{--x: calc(var(--s) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-0>.item .stationary{--x: calc(var(--s)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-0>.item.upper{--x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-0>.item.upper.stationary{--x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-0>.item.lower{--x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-0>.item.lower.stationary{--x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-0{width:calc(var(--m) * var(--ring-0-factor));height:calc(var(--m) * var(--ring-0-factor))}.item.m>.ring-0>.item{--x: calc(var(--m) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-0>.item .stationary{--x: calc(var(--m)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-0>.item.upper{--x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-0>.item.upper.stationary{--x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-0>.item.lower{--x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-0>.item.lower.stationary{--x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-0{width:calc(var(--l) * var(--ring-0-factor));height:calc(var(--l) * var(--ring-0-factor))}.item.l>.ring-0>.item{--x: calc(var(--l) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-0>.item .stationary{--x: calc(var(--l)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-0>.item.upper{--x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-0>.item.upper.stationary{--x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-0>.item.lower{--x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-0>.item.lower.stationary{--x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-0{width:calc(var(--xl) * var(--ring-0-factor));height:calc(var(--xl) * var(--ring-0-factor))}.item.xl>.ring-0>.item{--x: calc(var(--xl) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-0>.item .stationary{--x: calc(var(--xl)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-0>.item.upper{--x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-0>.item.upper.stationary{--x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-0>.item.lower{--x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-0>.item.lower.stationary{--x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-0{width:calc(var(--xxl) * var(--ring-0-factor));height:calc(var(--xxl) * var(--ring-0-factor))}.item.xxl>.ring-0>.item{--x: calc(var(--xxl) / 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-0>.item .stationary{--x: calc(var(--xxl)/ 2 * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-0>.item.upper{--x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-0>.item.upper.stationary{--x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-0>.item.lower{--x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-0>.item.lower.stationary{--x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-0-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-1{width:calc(var(--xxs) * var(--ring-1-factor));height:calc(var(--xxs) * var(--ring-1-factor))}.item.xxs>.ring-1>.item{--x: calc(var(--xxs) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-1>.item .stationary{--x: calc(var(--xxs)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-1>.item.upper{--x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-1>.item.upper.stationary{--x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-1>.item.lower{--x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-1>.item.lower.stationary{--x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-1{width:calc(var(--xs) * var(--ring-1-factor));height:calc(var(--xs) * var(--ring-1-factor))}.item.xs>.ring-1>.item{--x: calc(var(--xs) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-1>.item .stationary{--x: calc(var(--xs)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-1>.item.upper{--x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-1>.item.upper.stationary{--x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-1>.item.lower{--x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-1>.item.lower.stationary{--x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-1{width:calc(var(--s) * var(--ring-1-factor));height:calc(var(--s) * var(--ring-1-factor))}.item.s>.ring-1>.item{--x: calc(var(--s) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-1>.item .stationary{--x: calc(var(--s)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-1>.item.upper{--x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-1>.item.upper.stationary{--x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-1>.item.lower{--x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-1>.item.lower.stationary{--x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-1{width:calc(var(--m) * var(--ring-1-factor));height:calc(var(--m) * var(--ring-1-factor))}.item.m>.ring-1>.item{--x: calc(var(--m) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-1>.item .stationary{--x: calc(var(--m)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-1>.item.upper{--x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-1>.item.upper.stationary{--x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-1>.item.lower{--x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-1>.item.lower.stationary{--x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-1{width:calc(var(--l) * var(--ring-1-factor));height:calc(var(--l) * var(--ring-1-factor))}.item.l>.ring-1>.item{--x: calc(var(--l) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-1>.item .stationary{--x: calc(var(--l)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-1>.item.upper{--x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-1>.item.upper.stationary{--x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-1>.item.lower{--x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-1>.item.lower.stationary{--x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-1{width:calc(var(--xl) * var(--ring-1-factor));height:calc(var(--xl) * var(--ring-1-factor))}.item.xl>.ring-1>.item{--x: calc(var(--xl) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-1>.item .stationary{--x: calc(var(--xl)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-1>.item.upper{--x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-1>.item.upper.stationary{--x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-1>.item.lower{--x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-1>.item.lower.stationary{--x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-1{width:calc(var(--xxl) * var(--ring-1-factor));height:calc(var(--xxl) * var(--ring-1-factor))}.item.xxl>.ring-1>.item{--x: calc(var(--xxl) / 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-1>.item .stationary{--x: calc(var(--xxl)/ 2 * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-1>.item.upper{--x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-1>.item.upper.stationary{--x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-1>.item.lower{--x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-1>.item.lower.stationary{--x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-1-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-2{width:calc(var(--xxs) * var(--ring-2-factor));height:calc(var(--xxs) * var(--ring-2-factor))}.item.xxs>.ring-2>.item{--x: calc(var(--xxs) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-2>.item .stationary{--x: calc(var(--xxs)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-2>.item.upper{--x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-2>.item.upper.stationary{--x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-2>.item.lower{--x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-2>.item.lower.stationary{--x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-2{width:calc(var(--xs) * var(--ring-2-factor));height:calc(var(--xs) * var(--ring-2-factor))}.item.xs>.ring-2>.item{--x: calc(var(--xs) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-2>.item .stationary{--x: calc(var(--xs)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-2>.item.upper{--x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-2>.item.upper.stationary{--x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-2>.item.lower{--x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-2>.item.lower.stationary{--x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-2{width:calc(var(--s) * var(--ring-2-factor));height:calc(var(--s) * var(--ring-2-factor))}.item.s>.ring-2>.item{--x: calc(var(--s) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-2>.item .stationary{--x: calc(var(--s)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-2>.item.upper{--x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-2>.item.upper.stationary{--x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-2>.item.lower{--x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-2>.item.lower.stationary{--x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-2{width:calc(var(--m) * var(--ring-2-factor));height:calc(var(--m) * var(--ring-2-factor))}.item.m>.ring-2>.item{--x: calc(var(--m) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-2>.item .stationary{--x: calc(var(--m)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-2>.item.upper{--x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-2>.item.upper.stationary{--x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-2>.item.lower{--x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-2>.item.lower.stationary{--x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-2{width:calc(var(--l) * var(--ring-2-factor));height:calc(var(--l) * var(--ring-2-factor))}.item.l>.ring-2>.item{--x: calc(var(--l) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-2>.item .stationary{--x: calc(var(--l)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-2>.item.upper{--x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-2>.item.upper.stationary{--x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-2>.item.lower{--x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-2>.item.lower.stationary{--x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-2{width:calc(var(--xl) * var(--ring-2-factor));height:calc(var(--xl) * var(--ring-2-factor))}.item.xl>.ring-2>.item{--x: calc(var(--xl) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-2>.item .stationary{--x: calc(var(--xl)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-2>.item.upper{--x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-2>.item.upper.stationary{--x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-2>.item.lower{--x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-2>.item.lower.stationary{--x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-2{width:calc(var(--xxl) * var(--ring-2-factor));height:calc(var(--xxl) * var(--ring-2-factor))}.item.xxl>.ring-2>.item{--x: calc(var(--xxl) / 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-2>.item .stationary{--x: calc(var(--xxl)/ 2 * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-2>.item.upper{--x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-2>.item.upper.stationary{--x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-2>.item.lower{--x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-2>.item.lower.stationary{--x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-2-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-3{width:calc(var(--xxs) * var(--ring-3-factor));height:calc(var(--xxs) * var(--ring-3-factor))}.item.xxs>.ring-3>.item{--x: calc(var(--xxs) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-3>.item .stationary{--x: calc(var(--xxs)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-3>.item.upper{--x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-3>.item.upper.stationary{--x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-3>.item.lower{--x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-3>.item.lower.stationary{--x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-3{width:calc(var(--xs) * var(--ring-3-factor));height:calc(var(--xs) * var(--ring-3-factor))}.item.xs>.ring-3>.item{--x: calc(var(--xs) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-3>.item .stationary{--x: calc(var(--xs)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-3>.item.upper{--x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-3>.item.upper.stationary{--x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-3>.item.lower{--x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-3>.item.lower.stationary{--x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-3{width:calc(var(--s) * var(--ring-3-factor));height:calc(var(--s) * var(--ring-3-factor))}.item.s>.ring-3>.item{--x: calc(var(--s) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-3>.item .stationary{--x: calc(var(--s)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-3>.item.upper{--x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-3>.item.upper.stationary{--x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-3>.item.lower{--x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-3>.item.lower.stationary{--x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-3{width:calc(var(--m) * var(--ring-3-factor));height:calc(var(--m) * var(--ring-3-factor))}.item.m>.ring-3>.item{--x: calc(var(--m) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-3>.item .stationary{--x: calc(var(--m)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-3>.item.upper{--x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-3>.item.upper.stationary{--x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-3>.item.lower{--x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-3>.item.lower.stationary{--x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-3{width:calc(var(--l) * var(--ring-3-factor));height:calc(var(--l) * var(--ring-3-factor))}.item.l>.ring-3>.item{--x: calc(var(--l) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-3>.item .stationary{--x: calc(var(--l)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-3>.item.upper{--x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-3>.item.upper.stationary{--x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-3>.item.lower{--x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-3>.item.lower.stationary{--x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-3{width:calc(var(--xl) * var(--ring-3-factor));height:calc(var(--xl) * var(--ring-3-factor))}.item.xl>.ring-3>.item{--x: calc(var(--xl) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-3>.item .stationary{--x: calc(var(--xl)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-3>.item.upper{--x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-3>.item.upper.stationary{--x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-3>.item.lower{--x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-3>.item.lower.stationary{--x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-3{width:calc(var(--xxl) * var(--ring-3-factor));height:calc(var(--xxl) * var(--ring-3-factor))}.item.xxl>.ring-3>.item{--x: calc(var(--xxl) / 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-3>.item .stationary{--x: calc(var(--xxl)/ 2 * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-3>.item.upper{--x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-3>.item.upper.stationary{--x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-3>.item.lower{--x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-3>.item.lower.stationary{--x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-3-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-4{width:calc(var(--xxs) * var(--ring-4-factor));height:calc(var(--xxs) * var(--ring-4-factor))}.item.xxs>.ring-4>.item{--x: calc(var(--xxs) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-4>.item .stationary{--x: calc(var(--xxs)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-4>.item.upper{--x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-4>.item.upper.stationary{--x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-4>.item.lower{--x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-4>.item.lower.stationary{--x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-4{width:calc(var(--xs) * var(--ring-4-factor));height:calc(var(--xs) * var(--ring-4-factor))}.item.xs>.ring-4>.item{--x: calc(var(--xs) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-4>.item .stationary{--x: calc(var(--xs)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-4>.item.upper{--x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-4>.item.upper.stationary{--x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-4>.item.lower{--x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-4>.item.lower.stationary{--x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-4{width:calc(var(--s) * var(--ring-4-factor));height:calc(var(--s) * var(--ring-4-factor))}.item.s>.ring-4>.item{--x: calc(var(--s) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-4>.item .stationary{--x: calc(var(--s)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-4>.item.upper{--x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-4>.item.upper.stationary{--x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-4>.item.lower{--x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-4>.item.lower.stationary{--x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-4{width:calc(var(--m) * var(--ring-4-factor));height:calc(var(--m) * var(--ring-4-factor))}.item.m>.ring-4>.item{--x: calc(var(--m) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-4>.item .stationary{--x: calc(var(--m)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-4>.item.upper{--x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-4>.item.upper.stationary{--x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-4>.item.lower{--x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-4>.item.lower.stationary{--x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-4{width:calc(var(--l) * var(--ring-4-factor));height:calc(var(--l) * var(--ring-4-factor))}.item.l>.ring-4>.item{--x: calc(var(--l) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-4>.item .stationary{--x: calc(var(--l)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-4>.item.upper{--x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-4>.item.upper.stationary{--x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-4>.item.lower{--x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-4>.item.lower.stationary{--x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-4{width:calc(var(--xl) * var(--ring-4-factor));height:calc(var(--xl) * var(--ring-4-factor))}.item.xl>.ring-4>.item{--x: calc(var(--xl) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-4>.item .stationary{--x: calc(var(--xl)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-4>.item.upper{--x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-4>.item.upper.stationary{--x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-4>.item.lower{--x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-4>.item.lower.stationary{--x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-4{width:calc(var(--xxl) * var(--ring-4-factor));height:calc(var(--xxl) * var(--ring-4-factor))}.item.xxl>.ring-4>.item{--x: calc(var(--xxl) / 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-4>.item .stationary{--x: calc(var(--xxl)/ 2 * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-4>.item.upper{--x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-4>.item.upper.stationary{--x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-4>.item.lower{--x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-4>.item.lower.stationary{--x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-4-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-5{width:calc(var(--xxs) * var(--ring-5-factor));height:calc(var(--xxs) * var(--ring-5-factor))}.item.xxs>.ring-5>.item{--x: calc(var(--xxs) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-5>.item .stationary{--x: calc(var(--xxs)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-5>.item.upper{--x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-5>.item.upper.stationary{--x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-5>.item.lower{--x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-5>.item.lower.stationary{--x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-5{width:calc(var(--xs) * var(--ring-5-factor));height:calc(var(--xs) * var(--ring-5-factor))}.item.xs>.ring-5>.item{--x: calc(var(--xs) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-5>.item .stationary{--x: calc(var(--xs)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-5>.item.upper{--x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-5>.item.upper.stationary{--x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-5>.item.lower{--x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-5>.item.lower.stationary{--x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-5{width:calc(var(--s) * var(--ring-5-factor));height:calc(var(--s) * var(--ring-5-factor))}.item.s>.ring-5>.item{--x: calc(var(--s) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-5>.item .stationary{--x: calc(var(--s)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-5>.item.upper{--x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-5>.item.upper.stationary{--x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-5>.item.lower{--x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-5>.item.lower.stationary{--x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-5{width:calc(var(--m) * var(--ring-5-factor));height:calc(var(--m) * var(--ring-5-factor))}.item.m>.ring-5>.item{--x: calc(var(--m) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-5>.item .stationary{--x: calc(var(--m)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-5>.item.upper{--x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-5>.item.upper.stationary{--x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-5>.item.lower{--x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-5>.item.lower.stationary{--x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-5{width:calc(var(--l) * var(--ring-5-factor));height:calc(var(--l) * var(--ring-5-factor))}.item.l>.ring-5>.item{--x: calc(var(--l) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-5>.item .stationary{--x: calc(var(--l)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-5>.item.upper{--x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-5>.item.upper.stationary{--x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-5>.item.lower{--x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-5>.item.lower.stationary{--x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-5{width:calc(var(--xl) * var(--ring-5-factor));height:calc(var(--xl) * var(--ring-5-factor))}.item.xl>.ring-5>.item{--x: calc(var(--xl) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-5>.item .stationary{--x: calc(var(--xl)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-5>.item.upper{--x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-5>.item.upper.stationary{--x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-5>.item.lower{--x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-5>.item.lower.stationary{--x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-5{width:calc(var(--xxl) * var(--ring-5-factor));height:calc(var(--xxl) * var(--ring-5-factor))}.item.xxl>.ring-5>.item{--x: calc(var(--xxl) / 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-5>.item .stationary{--x: calc(var(--xxl)/ 2 * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-5>.item.upper{--x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-5>.item.upper.stationary{--x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-5>.item.lower{--x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-5>.item.lower.stationary{--x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-5-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-6{width:calc(var(--xxs) * var(--ring-6-factor));height:calc(var(--xxs) * var(--ring-6-factor))}.item.xxs>.ring-6>.item{--x: calc(var(--xxs) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-6>.item .stationary{--x: calc(var(--xxs)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-6>.item.upper{--x: calc(var(--xxs) / 2 + (calc(var(--xxs) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-6>.item.upper.stationary{--x: calc(var(--xxs)/ 2 + (calc(var(--xxs) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxs>.ring-6>.item.lower{--x: calc(var(--xxs) / 2 - (calc(var(--xxs) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxs>.ring-6>.item.lower.stationary{--x: calc(var(--xxs)/ 2 - (calc(var(--xxs) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-6{width:calc(var(--xs) * var(--ring-6-factor));height:calc(var(--xs) * var(--ring-6-factor))}.item.xs>.ring-6>.item{--x: calc(var(--xs) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-6>.item .stationary{--x: calc(var(--xs)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-6>.item.upper{--x: calc(var(--xs) / 2 + (calc(var(--xs) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-6>.item.upper.stationary{--x: calc(var(--xs)/ 2 + (calc(var(--xs) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xs>.ring-6>.item.lower{--x: calc(var(--xs) / 2 - (calc(var(--xs) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xs>.ring-6>.item.lower.stationary{--x: calc(var(--xs)/ 2 - (calc(var(--xs) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-6{width:calc(var(--s) * var(--ring-6-factor));height:calc(var(--s) * var(--ring-6-factor))}.item.s>.ring-6>.item{--x: calc(var(--s) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-6>.item .stationary{--x: calc(var(--s)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-6>.item.upper{--x: calc(var(--s) / 2 + (calc(var(--s) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-6>.item.upper.stationary{--x: calc(var(--s)/ 2 + (calc(var(--s) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.s>.ring-6>.item.lower{--x: calc(var(--s) / 2 - (calc(var(--s) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.s>.ring-6>.item.lower.stationary{--x: calc(var(--s)/ 2 - (calc(var(--s) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-6{width:calc(var(--m) * var(--ring-6-factor));height:calc(var(--m) * var(--ring-6-factor))}.item.m>.ring-6>.item{--x: calc(var(--m) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-6>.item .stationary{--x: calc(var(--m)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-6>.item.upper{--x: calc(var(--m) / 2 + (calc(var(--m) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-6>.item.upper.stationary{--x: calc(var(--m)/ 2 + (calc(var(--m) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.m>.ring-6>.item.lower{--x: calc(var(--m) / 2 - (calc(var(--m) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.m>.ring-6>.item.lower.stationary{--x: calc(var(--m)/ 2 - (calc(var(--m) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-6{width:calc(var(--l) * var(--ring-6-factor));height:calc(var(--l) * var(--ring-6-factor))}.item.l>.ring-6>.item{--x: calc(var(--l) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-6>.item .stationary{--x: calc(var(--l)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-6>.item.upper{--x: calc(var(--l) / 2 + (calc(var(--l) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-6>.item.upper.stationary{--x: calc(var(--l)/ 2 + (calc(var(--l) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.l>.ring-6>.item.lower{--x: calc(var(--l) / 2 - (calc(var(--l) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.l>.ring-6>.item.lower.stationary{--x: calc(var(--l)/ 2 - (calc(var(--l) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-6{width:calc(var(--xl) * var(--ring-6-factor));height:calc(var(--xl) * var(--ring-6-factor))}.item.xl>.ring-6>.item{--x: calc(var(--xl) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-6>.item .stationary{--x: calc(var(--xl)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-6>.item.upper{--x: calc(var(--xl) / 2 + (calc(var(--xl) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-6>.item.upper.stationary{--x: calc(var(--xl)/ 2 + (calc(var(--xl) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xl>.ring-6>.item.lower{--x: calc(var(--xl) / 2 - (calc(var(--xl) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xl>.ring-6>.item.lower.stationary{--x: calc(var(--xl)/ 2 - (calc(var(--xl) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-6{width:calc(var(--xxl) * var(--ring-6-factor));height:calc(var(--xxl) * var(--ring-6-factor))}.item.xxl>.ring-6>.item{--x: calc(var(--xxl) / 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-6>.item .stationary{--x: calc(var(--xxl)/ 2 * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-6>.item.upper{--x: calc(var(--xxl) / 2 + (calc(var(--xxl) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-6>.item.upper.stationary{--x: calc(var(--xxl)/ 2 + (calc(var(--xxl) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}.item.xxl>.ring-6>.item.lower{--x: calc(var(--xxl) / 2 - (calc(var(--xxl) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1))}.item.xxl>.ring-6>.item.lower.stationary{--x: calc(var(--xxl)/ 2 - (calc(var(--xxl) / 2)) * var(--ring-6-factor));transform:rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0)}/*# sourceMappingURL=index.min.css.map */ \ No newline at end of file diff --git a/dist/css/index.min.css.map b/dist/css/index.min.css.map index 4b39d6c..8fca978 100644 --- a/dist/css/index.min.css.map +++ b/dist/css/index.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../src/index.scss"],"names":[],"mappings":"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F,qBACE,gDAAA,CACA,iDAAA,CAFF,qBACE,gDAAA,CACA,iDAAA,CAIF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CAMA,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CAOF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CAKF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CAIJ,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CAKF,2BACE,kKAAA,CAGF,sCACE,sGAAA,CALF,2BACE,kKAAA,CAGF,sCACE,sGAAA,CALF,2BACE,kKAAA,CAGF,sCACE,sGAAA,CALF,2BACE,kKAAA,CAGF,sCACE,sGAAA,CALF,2BACE,kKAAA,CAGF,sCACE,sGAAA,CALF,2BACE,kKAAA,CAGF,sCACE,sGAAA,CAMA,kBACE,6CAAA,CACA,8CAAA,CAGF,wBACE,gDAAA,CACA,mJAAA,CAGF,mCACE,+CAAA,CACA,uFAAA,CAZF,iBACE,4CAAA,CACA,6CAAA,CAGF,uBACE,+CAAA,CACA,mJAAA,CAGF,kCACE,8CAAA,CACA,uFAAA,CAZF,gBACE,2CAAA,CACA,4CAAA,CAGF,sBACE,8CAA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","file":"index.min.css"} \ No newline at end of file +{"version":3,"sources":["../../src/index.scss"],"names":[],"mappings":"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F,qBACE,gDAAA,CACA,iDAAA,CAFF,qBACE,gDAAA,CACA,iDAAA,CAIF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CADF,mBACE,eAAA,CAMA,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,kBACE,kBAAA,CADF,kBACE,kBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CADF,mBACE,mBAAA,CAOF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,eACE,SAAA,CADF,eACE,SAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CADF,gBACE,UAAA,CAKF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CADF,YACE,eAAA,CAIJ,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CADF,eACE,wEAAA,CAMA,2BACE,kKAAA,CAEF,uCACE,sGAAA,CAJF,iCACE,kKAAA,CAEF,4CACE,sGAAA,CAJF,iCACE,kKAAA,CAEF,4CACE,sGAAA,CAJF,2BACE,kKAAA,CAEF,uCACE,sGAAA,CAJF,iCACE,kKAAA,CAEF,4CACE,sGAAA,CAJF,iCACE,kKAAA,CAEF,4CACE,sGAAA,CAJF,2BACE,kKAAA,CAEF,uCACE,sGAAA,CAJF,iCACE,kKAAA,CAEF,4CACE,sGAAA,CAJF,iCACE,kKAAA,CAEF,4CACE,sGAAA,CAJF,2BACE,kKAAA,CAEF,uCACE,sGAAA,CAJF,iCACE,kKAAA,CAEF,4CACE,sGAAA,CAJF,iCACE,kKAAA,CAEF,4CACE,sGAAA,CAJF,2B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","file":"index.min.css"} \ No newline at end of file diff --git a/index.html b/index.html index e0c9540..9fd0c74 100644 --- a/index.html +++ b/index.html @@ -58,8 +58,8 @@
-
4
-
5
+
4
+
5
diff --git a/src/index.scss b/src/index.scss index 6ddcaf5..58c86f8 100644 --- a/src/index.scss +++ b/src/index.scss @@ -6,6 +6,11 @@ $sizes: "xxs" var(--xxs), "l" var(--l), "xl" var(--xl), "xxl" var(--xxl); + +$align: + "" "", + ".upper", + ".lower"; $min: 0; $max: 6; @@ -237,12 +242,13 @@ $var in $sizes { } @for $i from $min + 1 through $max { - .z-container>.ring-#{$i}>.item { - transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * #{$i}), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); - } - - .z-container>.ring-#{$i}>.item.stationary { - transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * #{$i}), 0); + @each $class in $align { + .z-container>.ring-#{$i}>.item#{$class} { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * #{$i}), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); + } + .z-container>.ring-#{$i}>.item#{$class}.stationary { + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(calc(var(--radius) * #{$i}), 0); + } } } @for $i from $min through $max { @@ -252,15 +258,23 @@ $var in $sizes { width: calc(#{$var} * var(--ring-#{$i}-factor)); height: calc(#{$var} * var(--ring-#{$i}-factor)); } - - .item.#{$size}>.ring-#{$i}>.item { - --x: calc(#{$var} / 2 * var(--ring-#{$i}-factor)); - transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); - } - - .item.#{$size}>.ring-#{$i}>.item.stationary { - --x: calc(#{$var}/ 2 * var(--ring-#{$i}-factor)); - transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); + @each $class in $align { + $math: ""; + @if $class == ".upper" { + $math: "+ (calc(#{$var} / 2))"; + } + @if $class == ".lower" { + $math: "- (calc(#{$var} / 2))"; + } + .item.#{$size}>.ring-#{$i}>.item#{$class} { + --x: calc(#{$var} / 2 #{$math} * var(--ring-#{$i}-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1)); + } + + .item.#{$size}>.ring-#{$i}>.item#{$class}.stationary { + --x: calc(#{$var}/ 2 #{$math} * var(--ring-#{$i}-factor)); + transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0); + } } } } \ No newline at end of file