From 8dc2f3da9ac400b33ec62ba1a033c1572f4c6204 Mon Sep 17 00:00:00 2001 From: Martin Muda Date: Mon, 2 Oct 2023 15:51:12 -0300 Subject: [PATCH] update --- assets/css/index.min.css | 2 +- assets/css/index.min.css.map | 2 +- assets/css/zumer.min.css | 2 +- assets/css/zumer.min.css.map | 2 +- examples/spread.html | 4 ++-- src/layouts/_radial-grid.scss | 29 +++++++---------------------- 6 files changed, 13 insertions(+), 28 deletions(-) diff --git a/assets/css/index.min.css b/assets/css/index.min.css index 6dc476e..18df121 100644 --- a/assets/css/index.min.css +++ b/assets/css/index.min.css @@ -1 +1 @@ -.docker *{box-sizing:border-box;margin:0;padding:0}.docker{--arc: 360;--offset-angle: 0;--direction: 1;--angle: 1;--radius: 50px;--orbiter-number: 1;--radius-padding: 8px;--radius-1: var(--radius) * 1;--radius-2: var(--radius) * 2;--radius-3: var(--radius) * 3;--radius-4: var(--radius) * 4;--radius-5: var(--radius) * 5;--radius-6: var(--radius) * 6;--xxs: 8px;--xs: 24px;--s: 44px;--m: 68px;--l: 110px;--xl: 180px;--xxl: 288px;--a0: 0;--a45: 45;--a90: 90;--a135: 135;--a180: 180;--a225: 225;--a270: 270;--a315: 315;--a360: 360;--connector-width: 40px;--label-width: 50px;--val: 0;--stroke: 10;--π: 3.14159265359}.docker{display:grid;grid-template-columns:minmax(var(--radius), 1fr);grid-template-rows:minmax(var(--radius), 1fr);place-items:center}.orbiter{--size: var(--m);--rotation-angle: calc( var(--angle) * var(--orbiter-number) + var(--offset-angle) - var(--angle) );--rotate: calc(var(--rotation-angle) * 1deg);--rotate-invert: calc(var(--rotation-angle) * -1deg);display:grid;border:1px solid;grid-area:1/1/1/1;place-content:center;width:var(--size);height:var(--size);border-radius:50%;transform:rotate(var(--rotate)) translate(var(--x), 0) rotate(var(--rotate-invert))}.orbiter.stationary{transform:rotate(var(--rotate)) translate(var(--x), 0)}.orbiter>.content{padding:5px;width:inherit;height:inherit;display:grid;border-radius:inherit;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center;overflow:hidden;z-index:10}.label{display:block;border:1px solid;border-radius:50%;width:4px;height:4px;--x: calc(var(--size) / 1.8)}.label::before{content:"";display:block;border-bottom:1px solid;width:var(--connector-width);height:1px}.label.xxs{--size: var(--xxs)}.label.xs{--size: var(--xs)}.label.s{--size: var(--s)}.label.m{--size: var(--m)}.label.l{--size: var(--l)}.label.xl{--size: var(--xl)}.label.xxl{--size: var(--xxl)}.label.pos-0{--label-angle: calc(var(--a0) * 1deg)}.label.pos-45{--label-angle: calc(var(--a45) * 1deg)}.label.pos-90{--label-angle: calc(var(--a90) * 1deg)}.label.pos-135{--label-angle: calc(var(--a135) * 1deg)}.label.pos-180{--label-angle: calc(var(--a180) * 1deg)}.label.pos-225{--label-angle: calc(var(--a225) * 1deg)}.label.pos-270{--label-angle: calc(var(--a270) * 1deg)}.label.pos-315{--label-angle: calc(var(--a315) * 1deg)}.label.pos-360{--label-angle: calc(var(--a360) * 1deg)}.label>.text{transform-origin:0 0;display:grid;border:1px solid;border-radius:4px;width:var(--label-width);height:20px;align-items:center;justify-items:center;align-content:center;justify-content:center}.orbiter>.label{transform:rotate(var(--label-angle)) translate(var(--x), 0)}.label>.text{transform:translate(calc(var(--connector-width) - 5px), var(--label-box)) rotate(var(--label-angle-invert))}.label.pos-0>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-45>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-90>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-135>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-180>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: -5px}.label.pos-225>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-270>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-315>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-360>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label{border-color:var(--info)}.label::before{border-bottom-color:var(--info)}.label>.text{background-color:var(--light);border-color:var(--info);color:var(--info)}.z-progress{--percentage: calc(var(--progress) * 3.6);display:grid;border-radius:50%;grid-area:1/1/1/1;place-items:center;width:100%;aspect-ratio:1}.sector{--half: calc(var(--length) / 2);--quarter: calc(var(--half) / 2);--semi: calc(var(--angle) / 2 * 1deg);--sector-gap: 1px;--length-percent: calc( var(--half) + (var(--sector-gap) * (var(--current-orbit) / var(--max-orbits))) - var(--half) * tan(var(--semi)) );--width: 49px;--rotate: calc( (var(--angle) * var(--orbiter-number) + var(--offset-angle) - (var(--angle) / 2)) * 1deg );display:grid;grid-area:1/1/1/1;height:var(--length);width:var(--half);border:var(--width) solid;border-left:none;border-radius:0% 100% 100% 0%/100% 51% 51% 0%;box-sizing:border-box;-webkit-clip-path:polygon(0 50%, 100% calc(100% - var(--length-percent)), 100% 100%, 100% 0, 100% var(--length-percent));clip-path:polygon(0 50%, 100% calc(100% - var(--length-percent)), 100% 100%, 100% 0, 100% var(--length-percent));transform:rotate(var(--rotate)) translate(var(--quarter), 0)}.core{width:0px;height:0px;display:grid;border-radius:50%;grid-area:1/1/1/1;z-index:6}.core>.orbiter{transform:rotate(var(--rotate))}.orbit{--arc: 360;--offset-angle: 0;display:grid;border-radius:50%;border:.1px solid var(--dark);grid-area:1/1/1/1;place-items:center;box-sizing:content-box;width:var(--diam);height:var(--diam);z-index:var(--z-index)}.orbit{border:.1px solid var(--dark)}.z-progress{--percentage: calc(var(--progress) * 3.6);display:grid;border-radius:50%;grid-area:1/1/1/1;place-items:center;width:100%;aspect-ratio:1}.z-svg{display:grid;border-radius:inherit;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center;rotate:-90deg;width:calc(var(--diam));height:calc(var(--diam))}.z-svg>.markers{--markers: 12;--marker-width: 1px;--circumference: calc(var(--r) * var(--π) * 2);--dash: calc(var(--circumference) / var(--markers) - var(--marker-width));--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:var(--r);stroke-width:calc(var(--radius)*2);stroke-dasharray:var(--marker-width) var(--dash)}.z-svg>.svg-progress{--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:calc(var(--r));stroke-width:var(--stroke);stroke-dasharray:calc(var(--r)*var(--π)*2);stroke-dashoffset:calc((100 - var(--val))/100*var(--r)*var(--π)*2)}.z-svg>.markers{--markers: 12;--marker-width: 1px;--circumference: calc(var(--r) * var(--π) * 2);--dash: calc(var(--circumference) / var(--markers) - var(--marker-width));--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:var(--r);stroke-width:calc(var(--radius)*2);stroke-dasharray:var(--marker-width) var(--dash)}.z-svg>.svg-progress{--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:calc(var(--r));stroke-width:var(--stroke);stroke-dasharray:calc(var(--r)*var(--π)*2);stroke-dashoffset:calc((100 - var(--val))/100*var(--r)*var(--π)*2)}.circle{border-radius:50% !important}.orbiter.line{transform-origin:0 50%;height:0;width:calc(var(--radius-3));border-radius:0%;border:none;border-top:1px dashed var(--dark)}.box{border-radius:0% !important}.rounded{border-radius:25% !important}.blob{border-radius:30% 70% 70% 30%/30% 30% 70% 70% !important}.transparent{border:none !important;background-color:var(--transparent) !important}.docker>.orbit:nth-child(1){--diam: calc(var(--radius-1) * 2);--z-index: 5}.orbiter>.orbit:nth-child(1){--diam: calc(var(--size) * 1);--z-index: 5}.docker>.orbit:nth-child(2){--diam: calc(var(--radius-2) * 2);--z-index: 4}.orbiter>.orbit:nth-child(2){--diam: calc(var(--size) * 2);--z-index: 4}.docker>.orbit:nth-child(3){--diam: calc(var(--radius-3) * 2);--z-index: 3}.orbiter>.orbit:nth-child(3){--diam: calc(var(--size) * 3);--z-index: 3}.docker>.orbit:nth-child(4){--diam: calc(var(--radius-4) * 2);--z-index: 2}.orbiter>.orbit:nth-child(4){--diam: calc(var(--size) * 4);--z-index: 2}.docker>.orbit:nth-child(5){--diam: calc(var(--radius-5) * 2);--z-index: 1}.orbiter>.orbit:nth-child(5){--diam: calc(var(--size) * 5);--z-index: 1}.docker>.orbit:nth-child(6){--diam: calc(var(--radius-6) * 2);--z-index: 0}.orbiter>.orbit:nth-child(6){--diam: calc(var(--size) * 6);--z-index: 0}.docker>.orbit:nth-child(1)>.orbit{--diam: calc(var(--radius-1) * 2);--z-index: 5;--x: calc(var(--radius-1));border:none}.docker>.orbit:nth-child(1)>.orbit>.sector{--length: calc(var(--radius-1) * 2);--current-orbit: 1;--max-orbits: 6}.orbiter>.orbit:nth-child(1)>.orbit{--diam: calc(var(--size) * 1);--z-index: 5;--x: calc(var(--radius-1));border:none}.orbiter>.orbit:nth-child(1)>.orbit>.sector{--length: calc(var(--size) * 1);--width: calc(var(--size) / 4);--current-orbit: 1;--max-orbits: 6}.docker>.orbit:nth-child(2)>.orbit{--diam: calc(var(--radius-2) * 2);--z-index: 4;--x: calc(var(--radius-2));border:none}.docker>.orbit:nth-child(2)>.orbit>.sector{--length: calc(var(--radius-2) * 2);--current-orbit: 2;--max-orbits: 6}.orbiter>.orbit:nth-child(2)>.orbit{--diam: calc(var(--size) * 2);--z-index: 4;--x: calc(var(--radius-2));border:none}.orbiter>.orbit:nth-child(2)>.orbit>.sector{--length: calc(var(--size) * 2);--width: calc(var(--size) / 4);--current-orbit: 2;--max-orbits: 6}.docker>.orbit:nth-child(3)>.orbit{--diam: calc(var(--radius-3) * 2);--z-index: 3;--x: calc(var(--radius-3));border:none}.docker>.orbit:nth-child(3)>.orbit>.sector{--length: calc(var(--radius-3) * 2);--current-orbit: 3;--max-orbits: 6}.orbiter>.orbit:nth-child(3)>.orbit{--diam: calc(var(--size) * 3);--z-index: 3;--x: calc(var(--radius-3));border:none}.orbiter>.orbit:nth-child(3)>.orbit>.sector{--length: calc(var(--size) * 3);--width: calc(var(--size) / 4);--current-orbit: 3;--max-orbits: 6}.docker>.orbit:nth-child(4)>.orbit{--diam: calc(var(--radius-4) * 2);--z-index: 2;--x: calc(var(--radius-4));border:none}.docker>.orbit:nth-child(4)>.orbit>.sector{--length: calc(var(--radius-4) * 2);--current-orbit: 4;--max-orbits: 6}.orbiter>.orbit:nth-child(4)>.orbit{--diam: calc(var(--size) * 4);--z-index: 2;--x: calc(var(--radius-4));border:none}.orbiter>.orbit:nth-child(4)>.orbit>.sector{--length: calc(var(--size) * 4);--width: calc(var(--size) / 4);--current-orbit: 4;--max-orbits: 6}.docker>.orbit:nth-child(5)>.orbit{--diam: calc(var(--radius-5) * 2);--z-index: 1;--x: calc(var(--radius-5));border:none}.docker>.orbit:nth-child(5)>.orbit>.sector{--length: calc(var(--radius-5) * 2);--current-orbit: 5;--max-orbits: 6}.orbiter>.orbit:nth-child(5)>.orbit{--diam: calc(var(--size) * 5);--z-index: 1;--x: calc(var(--radius-5));border:none}.orbiter>.orbit:nth-child(5)>.orbit>.sector{--length: calc(var(--size) * 5);--width: calc(var(--size) / 4);--current-orbit: 5;--max-orbits: 6}.docker>.orbit:nth-child(6)>.orbit{--diam: calc(var(--radius-6) * 2);--z-index: 0;--x: calc(var(--radius-6));border:none}.docker>.orbit:nth-child(6)>.orbit>.sector{--length: calc(var(--radius-6) * 2);--current-orbit: 6;--max-orbits: 6}.orbiter>.orbit:nth-child(6)>.orbit{--diam: calc(var(--size) * 6);--z-index: 0;--x: calc(var(--radius-6));border:none}.orbiter>.orbit:nth-child(6)>.orbit>.sector{--length: calc(var(--size) * 6);--width: calc(var(--size) / 4);--current-orbit: 6;--max-orbits: 6}.orbit.offset-0{--offset-angle: var(--a0)}.orbit.offset-45{--offset-angle: var(--a45)}.orbit.offset-90{--offset-angle: var(--a90)}.orbit.offset-135{--offset-angle: var(--a135)}.orbit.offset-180{--offset-angle: var(--a180)}.orbit.offset-225{--offset-angle: var(--a225)}.orbit.offset-270{--offset-angle: var(--a270)}.orbit.offset-315{--offset-angle: var(--a315)}.orbit.offset-360{--offset-angle: var(--a360)}.orbit.limit-0{--arc: var(--a0)}.orbit.limit-45{--arc: var(--a45)}.orbit.limit-90{--arc: var(--a90)}.orbit.limit-135{--arc: var(--a135)}.orbit.limit-180{--arc: var(--a180)}.orbit.limit-225{--arc: var(--a225)}.orbit.limit-270{--arc: var(--a270)}.orbit.limit-315{--arc: var(--a315)}.orbit.limit-360{--arc: var(--a360)}.orbit.ccw{--direction: -1}.orbiter.xxs{--size: var(--xxs)}.orbiter.xs{--size: var(--xs)}.orbiter.s{--size: var(--s)}.orbiter.m{--size: var(--m)}.orbiter.l{--size: var(--l)}.orbiter.xl{--size: var(--xl)}.orbiter.xxl{--size: var(--xxl)}.orbit:has(>.orbiter:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.orbiter:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.orbiter:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.orbiter:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.orbiter:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.orbiter:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.orbiter:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.orbiter:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.orbiter:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.orbiter:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.orbiter:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.orbiter:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.orbiter:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.orbiter:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.orbiter:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.orbiter:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.orbiter:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.orbiter:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.orbiter:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.orbiter:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.orbiter:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.orbiter:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.orbiter:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.orbiter:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.orbit:has(>.orbiter:nth-child(1)){--angle: calc((var(--arc) / 0) * var(--direction))}.orbit:has(>.orbiter:nth-child(2)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.orbiter:nth-child(3)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.orbiter:nth-child(4)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.orbiter:nth-child(5)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.orbiter:nth-child(6)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.orbiter:nth-child(7)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.orbiter:nth-child(8)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.orbiter:nth-child(9)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.orbiter:nth-child(10)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.orbiter:nth-child(11)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.orbiter:nth-child(12)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.orbiter:nth-child(13)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.orbiter:nth-child(14)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.orbiter:nth-child(15)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.orbiter:nth-child(16)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.orbiter:nth-child(17)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.orbiter:nth-child(18)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.orbiter:nth-child(19)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.orbiter:nth-child(20)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.orbiter:nth-child(21)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.orbiter:nth-child(22)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.orbiter:nth-child(23)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.orbiter:nth-child(24)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbiter:nth-child(1){--orbiter-number: 1}.orbiter:nth-child(2){--orbiter-number: 2}.orbiter:nth-child(3){--orbiter-number: 3}.orbiter:nth-child(4){--orbiter-number: 4}.orbiter:nth-child(5){--orbiter-number: 5}.orbiter:nth-child(6){--orbiter-number: 6}.orbiter:nth-child(7){--orbiter-number: 7}.orbiter:nth-child(8){--orbiter-number: 8}.orbiter:nth-child(9){--orbiter-number: 9}.orbiter:nth-child(10){--orbiter-number: 10}.orbiter:nth-child(11){--orbiter-number: 11}.orbiter:nth-child(12){--orbiter-number: 12}.orbiter:nth-child(13){--orbiter-number: 13}.orbiter:nth-child(14){--orbiter-number: 14}.orbiter:nth-child(15){--orbiter-number: 15}.orbiter:nth-child(16){--orbiter-number: 16}.orbiter:nth-child(17){--orbiter-number: 17}.orbiter:nth-child(18){--orbiter-number: 18}.orbiter:nth-child(19){--orbiter-number: 19}.orbiter:nth-child(20){--orbiter-number: 20}.orbiter:nth-child(21){--orbiter-number: 21}.orbiter:nth-child(22){--orbiter-number: 22}.orbiter:nth-child(23){--orbiter-number: 23}.orbiter:nth-child(24){--orbiter-number: 24}.docker>.orbit:nth-child(1)>.orbiter{--x: calc(var(--radius-1))}.docker>.orbit:nth-child(1)>.orbiter.upper{--x: calc(var(--radius-1) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(1)>.orbiter.lower{--x: calc(var(--radius-1) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(2)>.orbiter{--x: calc(var(--radius-2))}.docker>.orbit:nth-child(2)>.orbiter.upper{--x: calc(var(--radius-2) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(2)>.orbiter.lower{--x: calc(var(--radius-2) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(3)>.orbiter{--x: calc(var(--radius-3))}.docker>.orbit:nth-child(3)>.orbiter.upper{--x: calc(var(--radius-3) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(3)>.orbiter.lower{--x: calc(var(--radius-3) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(4)>.orbiter{--x: calc(var(--radius-4))}.docker>.orbit:nth-child(4)>.orbiter.upper{--x: calc(var(--radius-4) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(4)>.orbiter.lower{--x: calc(var(--radius-4) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(5)>.orbiter{--x: calc(var(--radius-5))}.docker>.orbit:nth-child(5)>.orbiter.upper{--x: calc(var(--radius-5) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(5)>.orbiter.lower{--x: calc(var(--radius-5) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(6)>.orbiter{--x: calc(var(--radius-6))}.docker>.orbit:nth-child(6)>.orbiter.upper{--x: calc(var(--radius-6) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(6)>.orbiter.lower{--x: calc(var(--radius-6) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(1)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(1)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(1)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(2)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(2)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(2)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(3)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(3)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(3)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(4)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(4)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(4)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(5)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(5)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(5)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(6)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(6)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(6)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.sector:nth-child(1){--orbiter-number: 1}.sector:nth-child(2){--orbiter-number: 2}.sector:nth-child(3){--orbiter-number: 3}.sector:nth-child(4){--orbiter-number: 4}.sector:nth-child(5){--orbiter-number: 5}.sector:nth-child(6){--orbiter-number: 6}.sector:nth-child(7){--orbiter-number: 7}.sector:nth-child(8){--orbiter-number: 8}.sector:nth-child(9){--orbiter-number: 9}.sector:nth-child(10){--orbiter-number: 10}.sector:nth-child(11){--orbiter-number: 11}.sector:nth-child(12){--orbiter-number: 12}.sector:nth-child(13){--orbiter-number: 13}.sector:nth-child(14){--orbiter-number: 14}.sector:nth-child(15){--orbiter-number: 15}.sector:nth-child(16){--orbiter-number: 16}.sector:nth-child(17){--orbiter-number: 17}.sector:nth-child(18){--orbiter-number: 18}.sector:nth-child(19){--orbiter-number: 19}.sector:nth-child(20){--orbiter-number: 20}.sector:nth-child(21){--orbiter-number: 21}.sector:nth-child(22){--orbiter-number: 22}.sector:nth-child(23){--orbiter-number: 23}.sector:nth-child(24){--orbiter-number: 24}.orbit:has(>.sector:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.sector:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.sector:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.sector:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.sector:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.sector:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.sector:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.sector:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.sector:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.sector:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.sector:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.sector:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.sector:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.sector:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.sector:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.sector:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.sector:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.sector:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.sector:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.sector:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.sector:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.sector:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.sector:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.sector:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.orbit:has(>.sector:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.sector:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.sector:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.sector:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.sector:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.sector:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.sector:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.sector:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.sector:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.sector:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.sector:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.sector:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.sector:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.sector:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.sector:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.sector:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.sector:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.sector:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.sector:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.sector:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.sector:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.sector:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.sector:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.sector:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.docker>.orbit:nth-child(1)>.sector{--length: calc(var(--radius-1) * 2);--current-orbit: 1;--max-orbits: 6}.orbiter>.orbit:nth-child(1)>.sector{--length: calc(var(--size) * 1);--width: calc(var(--size) / 4);--current-orbit: 1;--max-orbits: 6}.docker>.orbit:nth-child(2)>.sector{--length: calc(var(--radius-2) * 2);--current-orbit: 2;--max-orbits: 6}.orbiter>.orbit:nth-child(2)>.sector{--length: calc(var(--size) * 2);--width: calc(var(--size) / 4);--current-orbit: 2;--max-orbits: 6}.docker>.orbit:nth-child(3)>.sector{--length: calc(var(--radius-3) * 2);--current-orbit: 3;--max-orbits: 6}.orbiter>.orbit:nth-child(3)>.sector{--length: calc(var(--size) * 3);--width: calc(var(--size) / 4);--current-orbit: 3;--max-orbits: 6}.docker>.orbit:nth-child(4)>.sector{--length: calc(var(--radius-4) * 2);--current-orbit: 4;--max-orbits: 6}.orbiter>.orbit:nth-child(4)>.sector{--length: calc(var(--size) * 4);--width: calc(var(--size) / 4);--current-orbit: 4;--max-orbits: 6}.docker>.orbit:nth-child(5)>.sector{--length: calc(var(--radius-5) * 2);--current-orbit: 5;--max-orbits: 6}.orbiter>.orbit:nth-child(5)>.sector{--length: calc(var(--size) * 5);--width: calc(var(--size) / 4);--current-orbit: 5;--max-orbits: 6}.docker>.orbit:nth-child(6)>.sector{--length: calc(var(--radius-6) * 2);--current-orbit: 6;--max-orbits: 6}.orbiter>.orbit:nth-child(6)>.sector{--length: calc(var(--size) * 6);--width: calc(var(--size) / 4);--current-orbit: 6;--max-orbits: 6}.docker>.orbit:nth-child(1)>svg{--diam: calc(var(--radius-1) * 2)}.docker>.orbit:nth-child(2)>svg{--diam: calc(var(--radius-2) * 2)}.docker>.orbit:nth-child(3)>svg{--diam: calc(var(--radius-3) * 2)}.docker>.orbit:nth-child(4)>svg{--diam: calc(var(--radius-4) * 2)}.docker>.orbit:nth-child(5)>svg{--diam: calc(var(--radius-5) * 2)}.docker>.orbit:nth-child(6)>svg{--diam: calc(var(--radius-6) * 2)}.orbiter>.orbit:nth-child(1)>svg{--diam: calc(var(--size) * 1)}.orbiter>.orbit:nth-child(2)>svg{--diam: calc(var(--size) * 2)}.orbiter>.orbit:nth-child(3)>svg{--diam: calc(var(--size) * 3)}.orbiter>.orbit:nth-child(4)>svg{--diam: calc(var(--size) * 4)}.orbiter>.orbit:nth-child(5)>svg{--diam: calc(var(--size) * 5)}.orbiter>.orbit:nth-child(6)>svg{--diam: calc(var(--size) * 6)}.docker{--transparent: transparent;--white: white;--black: black;--light: #c7e9fe;--dark: #000300;--primary: #e23a48;--secondary: #685ca0;--info: #7085b7;--accent1: #a0dbf7;--accent2: #e7508a;--accent3: #ccc1d3;--success: #6fb72b;--warning: #fec785;--danger: #f8166b}.docker{border:1px dashed var(--dark);padding:30px}.orbiter{background-color:var(--light);border-color:var(--dark)}.orbiter>.content{background-color:var(--light)}.label{border-color:var(--info)}.label::before{border-bottom-color:var(--info)}.label>.text{background-color:var(--light);border-color:var(--info);color:var(--info)}.z-progress{background-image:radial-gradient(circle, var(--light) 64%, transparent 65%),conic-gradient(var(--primary) calc((var(--percentage) - 1) * 1deg), var(--secondary) calc(var(--percentage) * 1deg))}.sector{border-color:var(--accent2);background-color:rgba(0,0,0,0)}.sector:hover{border-color:var(--accent3)}.core{border:1px solid #ff0505}.orbit{border:.1px solid var(--dark)}.z-svg>.markers{fill:none;stroke:rgba(145,25,224,.4117647059)}.z-svg>.svg-progress{fill:none}/*# sourceMappingURL=index.min.css.map */ \ No newline at end of file +.docker *{box-sizing:border-box;margin:0;padding:0}.docker{--arc: 360;--offset-angle: 0;--direction: 1;--angle: 1;--radius: 50px;--orbiter-number: 1;--radius-padding: 8px;--radius-1: var(--radius) * 1;--radius-2: var(--radius) * 2;--radius-3: var(--radius) * 3;--radius-4: var(--radius) * 4;--radius-5: var(--radius) * 5;--radius-6: var(--radius) * 6;--xxs: 8px;--xs: 24px;--s: 44px;--m: 68px;--l: 110px;--xl: 180px;--xxl: 288px;--a0: 0;--a45: 45;--a90: 90;--a135: 135;--a180: 180;--a225: 225;--a270: 270;--a315: 315;--a360: 360;--connector-width: 40px;--label-width: 50px;--val: 0;--stroke: 10;--π: 3.14159265359}.docker{display:grid;grid-template-columns:minmax(var(--radius), 1fr);grid-template-rows:minmax(var(--radius), 1fr);place-items:center}.orbiter{--size: var(--m);--rotation-angle: calc( var(--angle) * var(--orbiter-number) + var(--offset-angle) - var(--angle) );--rotate: calc(var(--rotation-angle) * 1deg);--rotate-invert: calc(var(--rotation-angle) * -1deg);display:grid;border:1px solid;grid-area:1/1/1/1;place-content:center;width:var(--size);height:var(--size);border-radius:50%;transform:rotate(var(--rotate)) translate(var(--x), 0) rotate(var(--rotate-invert))}.orbiter.stationary{transform:rotate(var(--rotate)) translate(var(--x), 0)}.orbiter>.content{padding:5px;width:inherit;height:inherit;display:grid;border-radius:inherit;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center;overflow:hidden;z-index:10}.label{display:block;border:1px solid;border-radius:50%;width:4px;height:4px;--x: calc(var(--size) / 1.8)}.label::before{content:"";display:block;border-bottom:1px solid;width:var(--connector-width);height:1px}.label.xxs{--size: var(--xxs)}.label.xs{--size: var(--xs)}.label.s{--size: var(--s)}.label.m{--size: var(--m)}.label.l{--size: var(--l)}.label.xl{--size: var(--xl)}.label.xxl{--size: var(--xxl)}.label.pos-0{--label-angle: calc(var(--a0) * 1deg)}.label.pos-45{--label-angle: calc(var(--a45) * 1deg)}.label.pos-90{--label-angle: calc(var(--a90) * 1deg)}.label.pos-135{--label-angle: calc(var(--a135) * 1deg)}.label.pos-180{--label-angle: calc(var(--a180) * 1deg)}.label.pos-225{--label-angle: calc(var(--a225) * 1deg)}.label.pos-270{--label-angle: calc(var(--a270) * 1deg)}.label.pos-315{--label-angle: calc(var(--a315) * 1deg)}.label.pos-360{--label-angle: calc(var(--a360) * 1deg)}.label>.text{transform-origin:0 0;display:grid;border:1px solid;border-radius:4px;width:var(--label-width);height:20px;align-items:center;justify-items:center;align-content:center;justify-content:center}.orbiter>.label{transform:rotate(var(--label-angle)) translate(var(--x), 0)}.label>.text{transform:translate(calc(var(--connector-width) - 5px), var(--label-box)) rotate(var(--label-angle-invert))}.label.pos-0>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-45>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-90>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-135>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-180>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: -5px}.label.pos-225>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-270>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-315>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-360>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label{border-color:var(--info)}.label::before{border-bottom-color:var(--info)}.label>.text{background-color:var(--light);border-color:var(--info);color:var(--info)}.z-progress{--percentage: calc(var(--progress) * 3.6);display:grid;border-radius:50%;grid-area:1/1/1/1;place-items:center;width:100%;aspect-ratio:1}.sector{--half: calc(var(--length) / 2);--quarter: calc(var(--half) / 2);--semi: calc(var(--angle) / 2 * 1deg);--sector-gap: 1px;--length-percent: calc( var(--half) + (var(--sector-gap) * (var(--current-orbit) / var(--max-orbits))) - var(--half) * tan(var(--semi)) );--width: 49px;--rotate: calc( (var(--angle) * var(--orbiter-number) + var(--offset-angle) - (var(--angle) / 2)) * 1deg );display:grid;grid-area:1/1/1/1;height:var(--length);width:var(--half);border:var(--width) solid;border-left:none;border-radius:0% 100% 100% 0%/100% 51% 51% 0%;box-sizing:border-box;-webkit-clip-path:polygon(0 50%, 100% calc(100% - var(--length-percent)), 100% 100%, 100% 0, 100% var(--length-percent));clip-path:polygon(0 50%, 100% calc(100% - var(--length-percent)), 100% 100%, 100% 0, 100% var(--length-percent));transform:rotate(var(--rotate)) translate(var(--quarter), 0)}.core{width:0px;height:0px;display:grid;border-radius:50%;grid-area:1/1/1/1;z-index:6}.core>.orbiter{transform:rotate(var(--rotate))}.orbit{--arc: 360;--offset-angle: 0;display:grid;border-radius:50%;border:.1px solid var(--dark);grid-area:1/1/1/1;place-items:center;box-sizing:content-box;width:var(--diam);height:var(--diam);z-index:var(--z-index)}.orbit{border:.1px solid var(--dark)}.z-progress{--percentage: calc(var(--progress) * 3.6);display:grid;border-radius:50%;grid-area:1/1/1/1;place-items:center;width:100%;aspect-ratio:1}.z-svg{display:grid;border-radius:inherit;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center;rotate:-90deg;width:calc(var(--diam));height:calc(var(--diam))}.z-svg>.markers{--markers: 12;--marker-width: 1px;--circumference: calc(var(--r) * var(--π) * 2);--dash: calc(var(--circumference) / var(--markers) - var(--marker-width));--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:var(--r);stroke-width:calc(var(--radius)*2);stroke-dasharray:var(--marker-width) var(--dash)}.z-svg>.svg-progress{--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:calc(var(--r));stroke-width:var(--stroke);stroke-dasharray:calc(var(--r)*var(--π)*2);stroke-dashoffset:calc((100 - var(--val))/100*var(--r)*var(--π)*2)}.z-svg>.markers{--markers: 12;--marker-width: 1px;--circumference: calc(var(--r) * var(--π) * 2);--dash: calc(var(--circumference) / var(--markers) - var(--marker-width));--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:var(--r);stroke-width:calc(var(--radius)*2);stroke-dasharray:var(--marker-width) var(--dash)}.z-svg>.svg-progress{--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:calc(var(--r));stroke-width:var(--stroke);stroke-dasharray:calc(var(--r)*var(--π)*2);stroke-dashoffset:calc((100 - var(--val))/100*var(--r)*var(--π)*2)}.circle{border-radius:50% !important}.orbiter.line{transform-origin:0 50%;height:0;width:calc(var(--radius-3));border-radius:0%;border:none;border-top:1px dashed var(--dark)}.box{border-radius:0% !important}.rounded{border-radius:25% !important}.blob{border-radius:30% 70% 70% 30%/30% 30% 70% 70% !important}.transparent{border:none !important;background-color:var(--transparent) !important}.docker>.orbit:nth-child(1){--diam: calc(var(--radius-1) * 2);--z-index: 5}.orbiter>.orbit:nth-child(1){--diam: calc(var(--size) * 1);--z-index: 5}.docker>.orbit:nth-child(2){--diam: calc(var(--radius-2) * 2);--z-index: 4}.orbiter>.orbit:nth-child(2){--diam: calc(var(--size) * 2);--z-index: 4}.docker>.orbit:nth-child(3){--diam: calc(var(--radius-3) * 2);--z-index: 3}.orbiter>.orbit:nth-child(3){--diam: calc(var(--size) * 3);--z-index: 3}.docker>.orbit:nth-child(4){--diam: calc(var(--radius-4) * 2);--z-index: 2}.orbiter>.orbit:nth-child(4){--diam: calc(var(--size) * 4);--z-index: 2}.docker>.orbit:nth-child(5){--diam: calc(var(--radius-5) * 2);--z-index: 1}.orbiter>.orbit:nth-child(5){--diam: calc(var(--size) * 5);--z-index: 1}.docker>.orbit:nth-child(6){--diam: calc(var(--radius-6) * 2);--z-index: 0}.orbiter>.orbit:nth-child(6){--diam: calc(var(--size) * 6);--z-index: 0}.docker>.orbit:nth-child(1)>.orbit{--diam: calc(var(--radius-1) * 2);--z-index: 5;--x: calc(var(--radius-1));border:none}.docker>.orbit:nth-child(1)>.orbit>.sector{--length: calc(var(--radius-1) * 2);--current-orbit: 1;--max-orbits: 6}.orbiter>.orbit:nth-child(1)>.orbit{--diam: calc(var(--size) * 1);--z-index: 5;--x: calc(var(--radius-1));border:none}.orbiter>.orbit:nth-child(1)>.orbit>.sector{--length: calc(var(--size) * 1);--width: calc(var(--size) / 4);--current-orbit: 1;--max-orbits: 6}.docker>.orbit:nth-child(2)>.orbit{--diam: calc(var(--radius-2) * 2);--z-index: 4;--x: calc(var(--radius-2));border:none}.docker>.orbit:nth-child(2)>.orbit>.sector{--length: calc(var(--radius-2) * 2);--current-orbit: 2;--max-orbits: 6}.orbiter>.orbit:nth-child(2)>.orbit{--diam: calc(var(--size) * 2);--z-index: 4;--x: calc(var(--radius-2));border:none}.orbiter>.orbit:nth-child(2)>.orbit>.sector{--length: calc(var(--size) * 2);--width: calc(var(--size) / 4);--current-orbit: 2;--max-orbits: 6}.docker>.orbit:nth-child(3)>.orbit{--diam: calc(var(--radius-3) * 2);--z-index: 3;--x: calc(var(--radius-3));border:none}.docker>.orbit:nth-child(3)>.orbit>.sector{--length: calc(var(--radius-3) * 2);--current-orbit: 3;--max-orbits: 6}.orbiter>.orbit:nth-child(3)>.orbit{--diam: calc(var(--size) * 3);--z-index: 3;--x: calc(var(--radius-3));border:none}.orbiter>.orbit:nth-child(3)>.orbit>.sector{--length: calc(var(--size) * 3);--width: calc(var(--size) / 4);--current-orbit: 3;--max-orbits: 6}.docker>.orbit:nth-child(4)>.orbit{--diam: calc(var(--radius-4) * 2);--z-index: 2;--x: calc(var(--radius-4));border:none}.docker>.orbit:nth-child(4)>.orbit>.sector{--length: calc(var(--radius-4) * 2);--current-orbit: 4;--max-orbits: 6}.orbiter>.orbit:nth-child(4)>.orbit{--diam: calc(var(--size) * 4);--z-index: 2;--x: calc(var(--radius-4));border:none}.orbiter>.orbit:nth-child(4)>.orbit>.sector{--length: calc(var(--size) * 4);--width: calc(var(--size) / 4);--current-orbit: 4;--max-orbits: 6}.docker>.orbit:nth-child(5)>.orbit{--diam: calc(var(--radius-5) * 2);--z-index: 1;--x: calc(var(--radius-5));border:none}.docker>.orbit:nth-child(5)>.orbit>.sector{--length: calc(var(--radius-5) * 2);--current-orbit: 5;--max-orbits: 6}.orbiter>.orbit:nth-child(5)>.orbit{--diam: calc(var(--size) * 5);--z-index: 1;--x: calc(var(--radius-5));border:none}.orbiter>.orbit:nth-child(5)>.orbit>.sector{--length: calc(var(--size) * 5);--width: calc(var(--size) / 4);--current-orbit: 5;--max-orbits: 6}.docker>.orbit:nth-child(6)>.orbit{--diam: calc(var(--radius-6) * 2);--z-index: 0;--x: calc(var(--radius-6));border:none}.docker>.orbit:nth-child(6)>.orbit>.sector{--length: calc(var(--radius-6) * 2);--current-orbit: 6;--max-orbits: 6}.orbiter>.orbit:nth-child(6)>.orbit{--diam: calc(var(--size) * 6);--z-index: 0;--x: calc(var(--radius-6));border:none}.orbiter>.orbit:nth-child(6)>.orbit>.sector{--length: calc(var(--size) * 6);--width: calc(var(--size) / 4);--current-orbit: 6;--max-orbits: 6}.orbit.offset-0{--offset-angle: var(--a0)}.orbit.offset-45{--offset-angle: var(--a45)}.orbit.offset-90{--offset-angle: var(--a90)}.orbit.offset-135{--offset-angle: var(--a135)}.orbit.offset-180{--offset-angle: var(--a180)}.orbit.offset-225{--offset-angle: var(--a225)}.orbit.offset-270{--offset-angle: var(--a270)}.orbit.offset-315{--offset-angle: var(--a315)}.orbit.offset-360{--offset-angle: var(--a360)}.orbit.limit-0{--arc: var(--a0)}.orbit.limit-45{--arc: var(--a45)}.orbit.limit-90{--arc: var(--a90)}.orbit.limit-135{--arc: var(--a135)}.orbit.limit-180{--arc: var(--a180)}.orbit.limit-225{--arc: var(--a225)}.orbit.limit-270{--arc: var(--a270)}.orbit.limit-315{--arc: var(--a315)}.orbit.limit-360{--arc: var(--a360)}.orbit.ccw{--direction: -1}.orbiter.xxs{--size: var(--xxs)}.orbiter.xs{--size: var(--xs)}.orbiter.s{--size: var(--s)}.orbiter.m{--size: var(--m)}.orbiter.l{--size: var(--l)}.orbiter.xl{--size: var(--xl)}.orbiter.xxl{--size: var(--xxl)}.orbit:has(>.orbiter:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.orbiter:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.orbiter:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.orbiter:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.orbiter:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.orbiter:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.orbiter:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.orbiter:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.orbiter:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.orbiter:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.orbiter:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.orbiter:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.orbiter:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.orbiter:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.orbiter:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.orbiter:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.orbiter:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.orbiter:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.orbiter:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.orbiter:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.orbiter:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.orbiter:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.orbiter:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.orbiter:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.orbiter:nth-child(1){--orbiter-number: 1}.orbiter:nth-child(2){--orbiter-number: 2}.orbiter:nth-child(3){--orbiter-number: 3}.orbiter:nth-child(4){--orbiter-number: 4}.orbiter:nth-child(5){--orbiter-number: 5}.orbiter:nth-child(6){--orbiter-number: 6}.orbiter:nth-child(7){--orbiter-number: 7}.orbiter:nth-child(8){--orbiter-number: 8}.orbiter:nth-child(9){--orbiter-number: 9}.orbiter:nth-child(10){--orbiter-number: 10}.orbiter:nth-child(11){--orbiter-number: 11}.orbiter:nth-child(12){--orbiter-number: 12}.orbiter:nth-child(13){--orbiter-number: 13}.orbiter:nth-child(14){--orbiter-number: 14}.orbiter:nth-child(15){--orbiter-number: 15}.orbiter:nth-child(16){--orbiter-number: 16}.orbiter:nth-child(17){--orbiter-number: 17}.orbiter:nth-child(18){--orbiter-number: 18}.orbiter:nth-child(19){--orbiter-number: 19}.orbiter:nth-child(20){--orbiter-number: 20}.orbiter:nth-child(21){--orbiter-number: 21}.orbiter:nth-child(22){--orbiter-number: 22}.orbiter:nth-child(23){--orbiter-number: 23}.orbiter:nth-child(24){--orbiter-number: 24}.docker>.orbit:nth-child(1)>.orbiter{--x: calc(var(--radius-1))}.docker>.orbit:nth-child(1)>.orbiter.upper{--x: calc(var(--radius-1) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(1)>.orbiter.lower{--x: calc(var(--radius-1) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(2)>.orbiter{--x: calc(var(--radius-2))}.docker>.orbit:nth-child(2)>.orbiter.upper{--x: calc(var(--radius-2) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(2)>.orbiter.lower{--x: calc(var(--radius-2) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(3)>.orbiter{--x: calc(var(--radius-3))}.docker>.orbit:nth-child(3)>.orbiter.upper{--x: calc(var(--radius-3) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(3)>.orbiter.lower{--x: calc(var(--radius-3) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(4)>.orbiter{--x: calc(var(--radius-4))}.docker>.orbit:nth-child(4)>.orbiter.upper{--x: calc(var(--radius-4) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(4)>.orbiter.lower{--x: calc(var(--radius-4) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(5)>.orbiter{--x: calc(var(--radius-5))}.docker>.orbit:nth-child(5)>.orbiter.upper{--x: calc(var(--radius-5) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(5)>.orbiter.lower{--x: calc(var(--radius-5) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(6)>.orbiter{--x: calc(var(--radius-6))}.docker>.orbit:nth-child(6)>.orbiter.upper{--x: calc(var(--radius-6) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(6)>.orbiter.lower{--x: calc(var(--radius-6) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(1)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(1)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(1)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(2)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(2)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(2)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(3)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(3)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(3)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(4)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(4)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(4)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(5)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(5)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(5)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(6)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(6)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(6)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.sector:nth-child(1){--orbiter-number: 1}.sector:nth-child(2){--orbiter-number: 2}.sector:nth-child(3){--orbiter-number: 3}.sector:nth-child(4){--orbiter-number: 4}.sector:nth-child(5){--orbiter-number: 5}.sector:nth-child(6){--orbiter-number: 6}.sector:nth-child(7){--orbiter-number: 7}.sector:nth-child(8){--orbiter-number: 8}.sector:nth-child(9){--orbiter-number: 9}.sector:nth-child(10){--orbiter-number: 10}.sector:nth-child(11){--orbiter-number: 11}.sector:nth-child(12){--orbiter-number: 12}.sector:nth-child(13){--orbiter-number: 13}.sector:nth-child(14){--orbiter-number: 14}.sector:nth-child(15){--orbiter-number: 15}.sector:nth-child(16){--orbiter-number: 16}.sector:nth-child(17){--orbiter-number: 17}.sector:nth-child(18){--orbiter-number: 18}.sector:nth-child(19){--orbiter-number: 19}.sector:nth-child(20){--orbiter-number: 20}.sector:nth-child(21){--orbiter-number: 21}.sector:nth-child(22){--orbiter-number: 22}.sector:nth-child(23){--orbiter-number: 23}.sector:nth-child(24){--orbiter-number: 24}.orbit:has(>.sector:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.sector:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.sector:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.sector:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.sector:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.sector:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.sector:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.sector:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.sector:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.sector:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.sector:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.sector:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.sector:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.sector:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.sector:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.sector:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.sector:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.sector:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.sector:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.sector:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.sector:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.sector:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.sector:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.sector:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.docker>.orbit:nth-child(1)>.sector{--length: calc(var(--radius-1) * 2);--current-orbit: 1;--max-orbits: 6}.orbiter>.orbit:nth-child(1)>.sector{--length: calc(var(--size) * 1);--width: calc(var(--size) / 4);--current-orbit: 1;--max-orbits: 6}.docker>.orbit:nth-child(2)>.sector{--length: calc(var(--radius-2) * 2);--current-orbit: 2;--max-orbits: 6}.orbiter>.orbit:nth-child(2)>.sector{--length: calc(var(--size) * 2);--width: calc(var(--size) / 4);--current-orbit: 2;--max-orbits: 6}.docker>.orbit:nth-child(3)>.sector{--length: calc(var(--radius-3) * 2);--current-orbit: 3;--max-orbits: 6}.orbiter>.orbit:nth-child(3)>.sector{--length: calc(var(--size) * 3);--width: calc(var(--size) / 4);--current-orbit: 3;--max-orbits: 6}.docker>.orbit:nth-child(4)>.sector{--length: calc(var(--radius-4) * 2);--current-orbit: 4;--max-orbits: 6}.orbiter>.orbit:nth-child(4)>.sector{--length: calc(var(--size) * 4);--width: calc(var(--size) / 4);--current-orbit: 4;--max-orbits: 6}.docker>.orbit:nth-child(5)>.sector{--length: calc(var(--radius-5) * 2);--current-orbit: 5;--max-orbits: 6}.orbiter>.orbit:nth-child(5)>.sector{--length: calc(var(--size) * 5);--width: calc(var(--size) / 4);--current-orbit: 5;--max-orbits: 6}.docker>.orbit:nth-child(6)>.sector{--length: calc(var(--radius-6) * 2);--current-orbit: 6;--max-orbits: 6}.orbiter>.orbit:nth-child(6)>.sector{--length: calc(var(--size) * 6);--width: calc(var(--size) / 4);--current-orbit: 6;--max-orbits: 6}.docker>.orbit:nth-child(1)>svg{--diam: calc(var(--radius-1) * 2)}.docker>.orbit:nth-child(2)>svg{--diam: calc(var(--radius-2) * 2)}.docker>.orbit:nth-child(3)>svg{--diam: calc(var(--radius-3) * 2)}.docker>.orbit:nth-child(4)>svg{--diam: calc(var(--radius-4) * 2)}.docker>.orbit:nth-child(5)>svg{--diam: calc(var(--radius-5) * 2)}.docker>.orbit:nth-child(6)>svg{--diam: calc(var(--radius-6) * 2)}.orbiter>.orbit:nth-child(1)>svg{--diam: calc(var(--size) * 1)}.orbiter>.orbit:nth-child(2)>svg{--diam: calc(var(--size) * 2)}.orbiter>.orbit:nth-child(3)>svg{--diam: calc(var(--size) * 3)}.orbiter>.orbit:nth-child(4)>svg{--diam: calc(var(--size) * 4)}.orbiter>.orbit:nth-child(5)>svg{--diam: calc(var(--size) * 5)}.orbiter>.orbit:nth-child(6)>svg{--diam: calc(var(--size) * 6)}.docker{--transparent: transparent;--white: white;--black: black;--light: #c7e9fe;--dark: #000300;--primary: #e23a48;--secondary: #685ca0;--info: #7085b7;--accent1: #a0dbf7;--accent2: #e7508a;--accent3: #ccc1d3;--success: #6fb72b;--warning: #fec785;--danger: #f8166b}.docker{border:1px dashed var(--dark);padding:30px}.orbiter{background-color:var(--light);border-color:var(--dark)}.orbiter>.content{background-color:var(--light)}.label{border-color:var(--info)}.label::before{border-bottom-color:var(--info)}.label>.text{background-color:var(--light);border-color:var(--info);color:var(--info)}.z-progress{background-image:radial-gradient(circle, var(--light) 64%, transparent 65%),conic-gradient(var(--primary) calc((var(--percentage) - 1) * 1deg), var(--secondary) calc(var(--percentage) * 1deg))}.sector{border-color:var(--accent2);background-color:rgba(0,0,0,0)}.sector:hover{border-color:var(--accent3)}.core{border:1px solid #ff0505}.orbit{border:.1px solid var(--dark)}.z-svg>.markers{fill:none;stroke:rgba(145,25,224,.4117647059)}.z-svg>.svg-progress{fill:none}/*# sourceMappingURL=index.min.css.map */ \ No newline at end of file diff --git a/assets/css/index.min.css.map b/assets/css/index.min.css.map index ff9acbc..8040574 100644 --- a/assets/css/index.min.css.map +++ b/assets/css/index.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["index.min.css","../../src/utilities/_reset.scss","../../src/base/_variables.scss","../../src/components/_docker.scss","../../src/components/_orbiter.scss","../../src/utilities/_mixins.scss","../../src/components/_label.scss","../../src/components/_progress.scss","../../src/components/_sector.scss","../../src/components/_core.scss","../../src/utilities/_sass-variables.scss","../../src/components/_orbit.scss","../../src/components/_svg.scss","../../src/components/_svg-markers.scss","../../src/components/_svg-progress.scss","../../src/base/_shapes.scss","../../src/layouts/_radial-grid.scss","../../src/utilities/_colors.scss","../../src/components/_docker-style.scss","../../src/components/_orbiter-style.scss","../../src/components/_label-style.scss","../../src/components/_progress-style.scss","../../src/components/_sector-style.scss","../../src/components/_core-style.scss","../../src/components/_orbit-style.scss","../../src/components/_svg-markers-style.scss","../../src/components/_svg-progress-style.scss"],"names":[],"mappings":"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kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,mCAUA,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,oCADF,kDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,sBAMJ,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,qCAWA,0BACE,CAAA,2CAeF,oDACE,CAAA,2CADF,oDACE,CAAA,qCAjBF,0BACE,CAAA,2CAeF,oDACE,CAA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","file":"index.min.css"} \ No newline at end of file +{"version":3,"sources":["index.min.css","../../src/utilities/_reset.scss","../../src/base/_variables.scss","../../src/components/_docker.scss","../../src/components/_orbiter.scss","../../src/utilities/_mixins.scss","../../src/components/_label.scss","../../src/components/_progress.scss","../../src/components/_sector.scss","../../src/components/_core.scss","../../src/utilities/_sass-variables.scss","../../src/components/_orbit.scss","../../src/components/_svg.scss","../../src/components/_svg-markers.scss","../../src/components/_svg-progress.scss","../../src/base/_shapes.scss","../../src/layouts/_radial-grid.scss","../../src/utilities/_colors.scss","../../src/components/_docker-style.scss","../../src/components/_orbiter-style.scss","../../src/components/_label-style.scss","../../src/components/_progress-style.scss","../../src/components/_sector-style.scss","../../src/components/_core-style.scss","../../src/components/_orbit-style.scss","../../src/components/_svg-markers-style.scss","../../src/components/_svg-progress-style.scss"],"names":[],"mappings":"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ACI,CAAA,4CADJ,sDACI,CAAA,sCAlBJ,0BAEI,CAAA,4CAeJ,sDACI,CAAA,4CADJ,sDACI,CAAA,sCAlBJ,0BAEI,CAAA,4CAeJ,sDACI,CAAA,4CADJ,sDACI,CAAA,qBASN,mBACE,CAAA,qBADF,mBACE,CAAA,qBADF,mBACE,CAAA,qBADF,mBACE,CAAA,qBADF,mBACE,CAAA,qBADF,mBACE,CAAA,qBADF,mBACE,CAAA,qBADF,mBACE,CAAA,qBADF,mBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,sBADF,oBACE,CAAA,kCAUF,kDACE,CAAA,kCADF,kDACE,CAAA,kCADF,kDACE,CAAA,kCADF,kDACE,CAAA,kCADF,kDACE,CAAA,kCADF,kDACE,CAAA,kCADF,kDACE,CAAA,kCADF,kDACE,CAAA,kCADF,kDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,mCADF,mDACE,CAAA,oCAOF,mCACE,CAAA,kBACA,CAAA,eACA,CAAA,qCAQA,+BACE,CAAA,8BACA,CAAA,kBACA,CAAA,eACA,CAAA,oCAfJ,mCACE,CAAA,kBACA,CAAA,eACA,CAAA,qCAQA,+BACE,CAAA,8BACA,CAAA,kBACA,CAAA,eACA,CAAA,oCAfJ,mCACE,CAAA,kBACA,CAAA,eACA,CAAA,qCAQA,+BACE,CAAA,8BACA,CAAA,kBACA,CAAA,eACA,CAAA,oCAfJ,mCACE,CAAA,kBACA,CAAA,eACA,CAAA,qCAQA,+BACE,CAAA,8BACA,CAAA,kBACA,CAAA,eACA,CAAA,oCAfJ,mCACE,CAAA,kBACA,CAAA,eACA,CAAA,qCAQA,+BACE,CAAA,8BACA,CAAA,kBACA,CAAA,eACA,CAAA,oCAfJ,mCACE,CAAA,kBACA,CAAA,eACA,CAAA,qCAQA,+BACE,CAAA,8BACA,CAAA,kBACA,CAAA,eACA,CAAA,gCAQJ,iCACE,CAAA,gCADF,iCACE,CAAA,gCADF,iCACE,CAAA,gCADF,iCACE,CAAA,gCADF,iCACE,CAAA,gCADF,iCACE,CAAA,iCAaA,6BAEI,CAAA,iCAFJ,6BAEI,CAAA,iCAFJ,6BAEI,CAAA,iCAFJ,6BAEI,CAAA,iCAFJ,6BAEI,CAAA,iCAFJ,6BAEI,CAAA,QCpQR,0BAGE,CAAA,cACA,CAAA,cACA,CAAA,gBACA,CAAA,eACA,CAAA,kBACA,CAAA,oBACA,CAAA,eACA,CAAA,kBACA,CAAA,kBACA,CAAA,kBACA,CAAA,kBACA,CAAA,kBACA,CAAA,iBACA,CAAA,QCpBF,6BACE,CAAA,YACA,CAAA,SCFF,6BACE,CAAA,wBACA,CAAA,kBAGF,6BACE,CAAA,OCNF,wBACE,CAAA,eAGF,+BACE,CAAA,aAGF,6BACE,CAAA,wBACA,CAAA,iBACA,CAAA,YCXF,gMACE,CAAA,QCFF,2BACE,CAAA,8BACA,CAAA,cAEF,2BACE,CAAA,MCJF,wBACE,CAAA,OCDF,6BACE,CAAA,gBCDF,SACE,CAAA,mCACA,CAAA,qBCFF,SACE","file":"index.min.css"} \ No newline at end of file diff --git a/assets/css/zumer.min.css b/assets/css/zumer.min.css index a43c4d8..6041ac2 100644 --- a/assets/css/zumer.min.css +++ b/assets/css/zumer.min.css @@ -1 +1 @@ -.docker *{box-sizing:border-box;margin:0;padding:0}.docker{--arc: 360;--offset-angle: 0;--direction: 1;--angle: 1;--radius: 50px;--orbiter-number: 1;--radius-padding: 8px;--radius-1: var(--radius) * 1;--radius-2: var(--radius) * 2;--radius-3: var(--radius) * 3;--radius-4: var(--radius) * 4;--radius-5: var(--radius) * 5;--radius-6: var(--radius) * 6;--xxs: 8px;--xs: 24px;--s: 44px;--m: 68px;--l: 110px;--xl: 180px;--xxl: 288px;--a0: 0;--a45: 45;--a90: 90;--a135: 135;--a180: 180;--a225: 225;--a270: 270;--a315: 315;--a360: 360;--connector-width: 40px;--label-width: 50px;--val: 0;--stroke: 10;--π: 3.14159265359}.docker{display:grid;grid-template-columns:minmax(var(--radius), 1fr);grid-template-rows:minmax(var(--radius), 1fr);place-items:center}.orbiter{--size: var(--m);--rotation-angle: calc( var(--angle) * var(--orbiter-number) + var(--offset-angle) - var(--angle) );--rotate: calc(var(--rotation-angle) * 1deg);--rotate-invert: calc(var(--rotation-angle) * -1deg);display:grid;border:1px solid;grid-area:1/1/1/1;place-content:center;width:var(--size);height:var(--size);border-radius:50%;transform:rotate(var(--rotate)) translate(var(--x), 0) rotate(var(--rotate-invert))}.orbiter.stationary{transform:rotate(var(--rotate)) translate(var(--x), 0)}.orbiter>.content{padding:5px;width:inherit;height:inherit;display:grid;border-radius:inherit;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center;overflow:hidden;z-index:10}.label{display:block;border:1px solid;border-radius:50%;width:4px;height:4px;--x: calc(var(--size) / 1.8)}.label::before{content:"";display:block;border-bottom:1px solid;width:var(--connector-width);height:1px}.label.xxs{--size: var(--xxs)}.label.xs{--size: var(--xs)}.label.s{--size: var(--s)}.label.m{--size: var(--m)}.label.l{--size: var(--l)}.label.xl{--size: var(--xl)}.label.xxl{--size: var(--xxl)}.label.pos-0{--label-angle: calc(var(--a0) * 1deg)}.label.pos-45{--label-angle: calc(var(--a45) * 1deg)}.label.pos-90{--label-angle: calc(var(--a90) * 1deg)}.label.pos-135{--label-angle: calc(var(--a135) * 1deg)}.label.pos-180{--label-angle: calc(var(--a180) * 1deg)}.label.pos-225{--label-angle: calc(var(--a225) * 1deg)}.label.pos-270{--label-angle: calc(var(--a270) * 1deg)}.label.pos-315{--label-angle: calc(var(--a315) * 1deg)}.label.pos-360{--label-angle: calc(var(--a360) * 1deg)}.label>.text{transform-origin:0 0;display:grid;border:1px solid;border-radius:4px;width:var(--label-width);height:20px;align-items:center;justify-items:center;align-content:center;justify-content:center}.orbiter>.label{transform:rotate(var(--label-angle)) translate(var(--x), 0)}.label>.text{transform:translate(calc(var(--connector-width) - 5px), var(--label-box)) rotate(var(--label-angle-invert))}.label.pos-0>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-45>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-90>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-135>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-180>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: -5px}.label.pos-225>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-270>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-315>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-360>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label{border-color:var(--info)}.label::before{border-bottom-color:var(--info)}.label>.text{background-color:var(--light);border-color:var(--info);color:var(--info)}.z-progress{--percentage: calc(var(--progress) * 3.6);display:grid;border-radius:50%;grid-area:1/1/1/1;place-items:center;width:100%;aspect-ratio:1}.sector{--half: calc(var(--length) / 2);--quarter: calc(var(--half) / 2);--semi: calc(var(--angle) / 2 * 1deg);--sector-gap: 1px;--length-percent: calc( var(--half) + (var(--sector-gap) * (var(--current-orbit) / var(--max-orbits))) - var(--half) * tan(var(--semi)) );--width: 49px;--rotate: calc( (var(--angle) * var(--orbiter-number) + var(--offset-angle) - (var(--angle) / 2)) * 1deg );display:grid;grid-area:1/1/1/1;height:var(--length);width:var(--half);border:var(--width) solid;border-left:none;border-radius:0% 100% 100% 0%/100% 51% 51% 0%;box-sizing:border-box;-webkit-clip-path:polygon(0 50%, 100% calc(100% - var(--length-percent)), 100% 100%, 100% 0, 100% var(--length-percent));clip-path:polygon(0 50%, 100% calc(100% - var(--length-percent)), 100% 100%, 100% 0, 100% var(--length-percent));transform:rotate(var(--rotate)) translate(var(--quarter), 0)}.core{width:0px;height:0px;display:grid;border-radius:50%;grid-area:1/1/1/1;z-index:6}.core>.orbiter{transform:rotate(var(--rotate))}.orbit{--arc: 360;--offset-angle: 0;display:grid;border-radius:50%;border:.1px solid var(--dark);grid-area:1/1/1/1;place-items:center;box-sizing:content-box;width:var(--diam);height:var(--diam);z-index:var(--z-index)}.orbit{border:.1px solid var(--dark)}.z-progress{--percentage: calc(var(--progress) * 3.6);display:grid;border-radius:50%;grid-area:1/1/1/1;place-items:center;width:100%;aspect-ratio:1}.z-svg{display:grid;border-radius:inherit;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center;rotate:-90deg;width:calc(var(--diam));height:calc(var(--diam))}.z-svg>.markers{--markers: 12;--marker-width: 1px;--circumference: calc(var(--r) * var(--π) * 2);--dash: calc(var(--circumference) / var(--markers) - var(--marker-width));--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:var(--r);stroke-width:calc(var(--radius)*2);stroke-dasharray:var(--marker-width) var(--dash)}.z-svg>.svg-progress{--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:calc(var(--r));stroke-width:var(--stroke);stroke-dasharray:calc(var(--r)*var(--π)*2);stroke-dashoffset:calc((100 - var(--val))/100*var(--r)*var(--π)*2)}.z-svg>.markers{--markers: 12;--marker-width: 1px;--circumference: calc(var(--r) * var(--π) * 2);--dash: calc(var(--circumference) / var(--markers) - var(--marker-width));--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:var(--r);stroke-width:calc(var(--radius)*2);stroke-dasharray:var(--marker-width) var(--dash)}.z-svg>.svg-progress{--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:calc(var(--r));stroke-width:var(--stroke);stroke-dasharray:calc(var(--r)*var(--π)*2);stroke-dashoffset:calc((100 - var(--val))/100*var(--r)*var(--π)*2)}.circle{border-radius:50% !important}.orbiter.line{transform-origin:0 50%;height:0;width:calc(var(--radius-3));border-radius:0%;border:none;border-top:1px dashed var(--dark)}.box{border-radius:0% !important}.rounded{border-radius:25% !important}.blob{border-radius:30% 70% 70% 30%/30% 30% 70% 70% !important}.transparent{border:none !important;background-color:var(--transparent) !important}.docker>.orbit:nth-child(1){--diam: calc(var(--radius-1) * 2);--z-index: 5}.orbiter>.orbit:nth-child(1){--diam: calc(var(--size) * 1);--z-index: 5}.docker>.orbit:nth-child(2){--diam: calc(var(--radius-2) * 2);--z-index: 4}.orbiter>.orbit:nth-child(2){--diam: calc(var(--size) * 2);--z-index: 4}.docker>.orbit:nth-child(3){--diam: calc(var(--radius-3) * 2);--z-index: 3}.orbiter>.orbit:nth-child(3){--diam: calc(var(--size) * 3);--z-index: 3}.docker>.orbit:nth-child(4){--diam: calc(var(--radius-4) * 2);--z-index: 2}.orbiter>.orbit:nth-child(4){--diam: calc(var(--size) * 4);--z-index: 2}.docker>.orbit:nth-child(5){--diam: calc(var(--radius-5) * 2);--z-index: 1}.orbiter>.orbit:nth-child(5){--diam: calc(var(--size) * 5);--z-index: 1}.docker>.orbit:nth-child(6){--diam: calc(var(--radius-6) * 2);--z-index: 0}.orbiter>.orbit:nth-child(6){--diam: calc(var(--size) * 6);--z-index: 0}.docker>.orbit:nth-child(1)>.orbit{--diam: calc(var(--radius-1) * 2);--z-index: 5;--x: calc(var(--radius-1));border:none}.docker>.orbit:nth-child(1)>.orbit>.sector{--length: calc(var(--radius-1) * 2);--current-orbit: 1;--max-orbits: 6}.orbiter>.orbit:nth-child(1)>.orbit{--diam: calc(var(--size) * 1);--z-index: 5;--x: calc(var(--radius-1));border:none}.orbiter>.orbit:nth-child(1)>.orbit>.sector{--length: calc(var(--size) * 1);--width: calc(var(--size) / 4);--current-orbit: 1;--max-orbits: 6}.docker>.orbit:nth-child(2)>.orbit{--diam: calc(var(--radius-2) * 2);--z-index: 4;--x: calc(var(--radius-2));border:none}.docker>.orbit:nth-child(2)>.orbit>.sector{--length: calc(var(--radius-2) * 2);--current-orbit: 2;--max-orbits: 6}.orbiter>.orbit:nth-child(2)>.orbit{--diam: calc(var(--size) * 2);--z-index: 4;--x: calc(var(--radius-2));border:none}.orbiter>.orbit:nth-child(2)>.orbit>.sector{--length: calc(var(--size) * 2);--width: calc(var(--size) / 4);--current-orbit: 2;--max-orbits: 6}.docker>.orbit:nth-child(3)>.orbit{--diam: calc(var(--radius-3) * 2);--z-index: 3;--x: calc(var(--radius-3));border:none}.docker>.orbit:nth-child(3)>.orbit>.sector{--length: calc(var(--radius-3) * 2);--current-orbit: 3;--max-orbits: 6}.orbiter>.orbit:nth-child(3)>.orbit{--diam: calc(var(--size) * 3);--z-index: 3;--x: calc(var(--radius-3));border:none}.orbiter>.orbit:nth-child(3)>.orbit>.sector{--length: calc(var(--size) * 3);--width: calc(var(--size) / 4);--current-orbit: 3;--max-orbits: 6}.docker>.orbit:nth-child(4)>.orbit{--diam: calc(var(--radius-4) * 2);--z-index: 2;--x: calc(var(--radius-4));border:none}.docker>.orbit:nth-child(4)>.orbit>.sector{--length: calc(var(--radius-4) * 2);--current-orbit: 4;--max-orbits: 6}.orbiter>.orbit:nth-child(4)>.orbit{--diam: calc(var(--size) * 4);--z-index: 2;--x: calc(var(--radius-4));border:none}.orbiter>.orbit:nth-child(4)>.orbit>.sector{--length: calc(var(--size) * 4);--width: calc(var(--size) / 4);--current-orbit: 4;--max-orbits: 6}.docker>.orbit:nth-child(5)>.orbit{--diam: calc(var(--radius-5) * 2);--z-index: 1;--x: calc(var(--radius-5));border:none}.docker>.orbit:nth-child(5)>.orbit>.sector{--length: calc(var(--radius-5) * 2);--current-orbit: 5;--max-orbits: 6}.orbiter>.orbit:nth-child(5)>.orbit{--diam: calc(var(--size) * 5);--z-index: 1;--x: calc(var(--radius-5));border:none}.orbiter>.orbit:nth-child(5)>.orbit>.sector{--length: calc(var(--size) * 5);--width: calc(var(--size) / 4);--current-orbit: 5;--max-orbits: 6}.docker>.orbit:nth-child(6)>.orbit{--diam: calc(var(--radius-6) * 2);--z-index: 0;--x: calc(var(--radius-6));border:none}.docker>.orbit:nth-child(6)>.orbit>.sector{--length: calc(var(--radius-6) * 2);--current-orbit: 6;--max-orbits: 6}.orbiter>.orbit:nth-child(6)>.orbit{--diam: calc(var(--size) * 6);--z-index: 0;--x: calc(var(--radius-6));border:none}.orbiter>.orbit:nth-child(6)>.orbit>.sector{--length: calc(var(--size) * 6);--width: calc(var(--size) / 4);--current-orbit: 6;--max-orbits: 6}.orbit.offset-0{--offset-angle: var(--a0)}.orbit.offset-45{--offset-angle: var(--a45)}.orbit.offset-90{--offset-angle: var(--a90)}.orbit.offset-135{--offset-angle: var(--a135)}.orbit.offset-180{--offset-angle: var(--a180)}.orbit.offset-225{--offset-angle: var(--a225)}.orbit.offset-270{--offset-angle: var(--a270)}.orbit.offset-315{--offset-angle: var(--a315)}.orbit.offset-360{--offset-angle: var(--a360)}.orbit.limit-0{--arc: var(--a0)}.orbit.limit-45{--arc: var(--a45)}.orbit.limit-90{--arc: var(--a90)}.orbit.limit-135{--arc: var(--a135)}.orbit.limit-180{--arc: var(--a180)}.orbit.limit-225{--arc: var(--a225)}.orbit.limit-270{--arc: var(--a270)}.orbit.limit-315{--arc: var(--a315)}.orbit.limit-360{--arc: var(--a360)}.orbit.ccw{--direction: -1}.orbiter.xxs{--size: var(--xxs)}.orbiter.xs{--size: var(--xs)}.orbiter.s{--size: var(--s)}.orbiter.m{--size: var(--m)}.orbiter.l{--size: var(--l)}.orbiter.xl{--size: var(--xl)}.orbiter.xxl{--size: var(--xxl)}.orbit:has(>.orbiter:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.orbiter:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.orbiter:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.orbiter:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.orbiter:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.orbiter:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.orbiter:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.orbiter:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.orbiter:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.orbiter:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.orbiter:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.orbiter:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.orbiter:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.orbiter:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.orbiter:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.orbiter:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.orbiter:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.orbiter:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.orbiter:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.orbiter:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.orbiter:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.orbiter:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.orbiter:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.orbiter:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.orbit:has(>.orbiter:nth-child(1)){--angle: calc((var(--arc) / 0) * var(--direction))}.orbit:has(>.orbiter:nth-child(2)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.orbiter:nth-child(3)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.orbiter:nth-child(4)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.orbiter:nth-child(5)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.orbiter:nth-child(6)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.orbiter:nth-child(7)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.orbiter:nth-child(8)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.orbiter:nth-child(9)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.orbiter:nth-child(10)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.orbiter:nth-child(11)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.orbiter:nth-child(12)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.orbiter:nth-child(13)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.orbiter:nth-child(14)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.orbiter:nth-child(15)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.orbiter:nth-child(16)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.orbiter:nth-child(17)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.orbiter:nth-child(18)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.orbiter:nth-child(19)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.orbiter:nth-child(20)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.orbiter:nth-child(21)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.orbiter:nth-child(22)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.orbiter:nth-child(23)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.orbiter:nth-child(24)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbiter:nth-child(1){--orbiter-number: 1}.orbiter:nth-child(2){--orbiter-number: 2}.orbiter:nth-child(3){--orbiter-number: 3}.orbiter:nth-child(4){--orbiter-number: 4}.orbiter:nth-child(5){--orbiter-number: 5}.orbiter:nth-child(6){--orbiter-number: 6}.orbiter:nth-child(7){--orbiter-number: 7}.orbiter:nth-child(8){--orbiter-number: 8}.orbiter:nth-child(9){--orbiter-number: 9}.orbiter:nth-child(10){--orbiter-number: 10}.orbiter:nth-child(11){--orbiter-number: 11}.orbiter:nth-child(12){--orbiter-number: 12}.orbiter:nth-child(13){--orbiter-number: 13}.orbiter:nth-child(14){--orbiter-number: 14}.orbiter:nth-child(15){--orbiter-number: 15}.orbiter:nth-child(16){--orbiter-number: 16}.orbiter:nth-child(17){--orbiter-number: 17}.orbiter:nth-child(18){--orbiter-number: 18}.orbiter:nth-child(19){--orbiter-number: 19}.orbiter:nth-child(20){--orbiter-number: 20}.orbiter:nth-child(21){--orbiter-number: 21}.orbiter:nth-child(22){--orbiter-number: 22}.orbiter:nth-child(23){--orbiter-number: 23}.orbiter:nth-child(24){--orbiter-number: 24}.docker>.orbit:nth-child(1)>.orbiter{--x: calc(var(--radius-1))}.docker>.orbit:nth-child(1)>.orbiter.upper{--x: calc(var(--radius-1) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(1)>.orbiter.lower{--x: calc(var(--radius-1) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(2)>.orbiter{--x: calc(var(--radius-2))}.docker>.orbit:nth-child(2)>.orbiter.upper{--x: calc(var(--radius-2) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(2)>.orbiter.lower{--x: calc(var(--radius-2) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(3)>.orbiter{--x: calc(var(--radius-3))}.docker>.orbit:nth-child(3)>.orbiter.upper{--x: calc(var(--radius-3) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(3)>.orbiter.lower{--x: calc(var(--radius-3) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(4)>.orbiter{--x: calc(var(--radius-4))}.docker>.orbit:nth-child(4)>.orbiter.upper{--x: calc(var(--radius-4) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(4)>.orbiter.lower{--x: calc(var(--radius-4) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(5)>.orbiter{--x: calc(var(--radius-5))}.docker>.orbit:nth-child(5)>.orbiter.upper{--x: calc(var(--radius-5) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(5)>.orbiter.lower{--x: calc(var(--radius-5) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(6)>.orbiter{--x: calc(var(--radius-6))}.docker>.orbit:nth-child(6)>.orbiter.upper{--x: calc(var(--radius-6) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(6)>.orbiter.lower{--x: calc(var(--radius-6) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(1)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(1)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(1)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(2)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(2)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(2)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(3)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(3)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(3)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(4)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(4)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(4)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(5)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(5)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(5)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(6)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(6)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(6)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.sector:nth-child(1){--orbiter-number: 1}.sector:nth-child(2){--orbiter-number: 2}.sector:nth-child(3){--orbiter-number: 3}.sector:nth-child(4){--orbiter-number: 4}.sector:nth-child(5){--orbiter-number: 5}.sector:nth-child(6){--orbiter-number: 6}.sector:nth-child(7){--orbiter-number: 7}.sector:nth-child(8){--orbiter-number: 8}.sector:nth-child(9){--orbiter-number: 9}.sector:nth-child(10){--orbiter-number: 10}.sector:nth-child(11){--orbiter-number: 11}.sector:nth-child(12){--orbiter-number: 12}.sector:nth-child(13){--orbiter-number: 13}.sector:nth-child(14){--orbiter-number: 14}.sector:nth-child(15){--orbiter-number: 15}.sector:nth-child(16){--orbiter-number: 16}.sector:nth-child(17){--orbiter-number: 17}.sector:nth-child(18){--orbiter-number: 18}.sector:nth-child(19){--orbiter-number: 19}.sector:nth-child(20){--orbiter-number: 20}.sector:nth-child(21){--orbiter-number: 21}.sector:nth-child(22){--orbiter-number: 22}.sector:nth-child(23){--orbiter-number: 23}.sector:nth-child(24){--orbiter-number: 24}.orbit:has(>.sector:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.sector:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.sector:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.sector:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.sector:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.sector:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.sector:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.sector:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.sector:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.sector:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.sector:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.sector:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.sector:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.sector:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.sector:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.sector:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.sector:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.sector:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.sector:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.sector:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.sector:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.sector:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.sector:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.sector:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.orbit:has(>.sector:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.sector:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.sector:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.sector:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.sector:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.sector:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.sector:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.sector:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.sector:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.sector:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.sector:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.sector:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.sector:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.sector:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.sector:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.sector:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.sector:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.sector:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.sector:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.sector:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.sector:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.sector:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.sector:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.sector:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.docker>.orbit:nth-child(1)>.sector{--length: calc(var(--radius-1) * 2);--current-orbit: 1;--max-orbits: 6}.orbiter>.orbit:nth-child(1)>.sector{--length: calc(var(--size) * 1);--width: calc(var(--size) / 4);--current-orbit: 1;--max-orbits: 6}.docker>.orbit:nth-child(2)>.sector{--length: calc(var(--radius-2) * 2);--current-orbit: 2;--max-orbits: 6}.orbiter>.orbit:nth-child(2)>.sector{--length: calc(var(--size) * 2);--width: calc(var(--size) / 4);--current-orbit: 2;--max-orbits: 6}.docker>.orbit:nth-child(3)>.sector{--length: calc(var(--radius-3) * 2);--current-orbit: 3;--max-orbits: 6}.orbiter>.orbit:nth-child(3)>.sector{--length: calc(var(--size) * 3);--width: calc(var(--size) / 4);--current-orbit: 3;--max-orbits: 6}.docker>.orbit:nth-child(4)>.sector{--length: calc(var(--radius-4) * 2);--current-orbit: 4;--max-orbits: 6}.orbiter>.orbit:nth-child(4)>.sector{--length: calc(var(--size) * 4);--width: calc(var(--size) / 4);--current-orbit: 4;--max-orbits: 6}.docker>.orbit:nth-child(5)>.sector{--length: calc(var(--radius-5) * 2);--current-orbit: 5;--max-orbits: 6}.orbiter>.orbit:nth-child(5)>.sector{--length: calc(var(--size) * 5);--width: calc(var(--size) / 4);--current-orbit: 5;--max-orbits: 6}.docker>.orbit:nth-child(6)>.sector{--length: calc(var(--radius-6) * 2);--current-orbit: 6;--max-orbits: 6}.orbiter>.orbit:nth-child(6)>.sector{--length: calc(var(--size) * 6);--width: calc(var(--size) / 4);--current-orbit: 6;--max-orbits: 6}.docker>.orbit:nth-child(1)>svg{--diam: calc(var(--radius-1) * 2)}.docker>.orbit:nth-child(2)>svg{--diam: calc(var(--radius-2) * 2)}.docker>.orbit:nth-child(3)>svg{--diam: calc(var(--radius-3) * 2)}.docker>.orbit:nth-child(4)>svg{--diam: calc(var(--radius-4) * 2)}.docker>.orbit:nth-child(5)>svg{--diam: calc(var(--radius-5) * 2)}.docker>.orbit:nth-child(6)>svg{--diam: calc(var(--radius-6) * 2)}.orbiter>.orbit:nth-child(1)>svg{--diam: calc(var(--size) * 1)}.orbiter>.orbit:nth-child(2)>svg{--diam: calc(var(--size) * 2)}.orbiter>.orbit:nth-child(3)>svg{--diam: calc(var(--size) * 3)}.orbiter>.orbit:nth-child(4)>svg{--diam: calc(var(--size) * 4)}.orbiter>.orbit:nth-child(5)>svg{--diam: calc(var(--size) * 5)}.orbiter>.orbit:nth-child(6)>svg{--diam: calc(var(--size) * 6)}/*# sourceMappingURL=zumer.min.css.map */ \ No newline at end of file +.docker *{box-sizing:border-box;margin:0;padding:0}.docker{--arc: 360;--offset-angle: 0;--direction: 1;--angle: 1;--radius: 50px;--orbiter-number: 1;--radius-padding: 8px;--radius-1: var(--radius) * 1;--radius-2: var(--radius) * 2;--radius-3: var(--radius) * 3;--radius-4: var(--radius) * 4;--radius-5: var(--radius) * 5;--radius-6: var(--radius) * 6;--xxs: 8px;--xs: 24px;--s: 44px;--m: 68px;--l: 110px;--xl: 180px;--xxl: 288px;--a0: 0;--a45: 45;--a90: 90;--a135: 135;--a180: 180;--a225: 225;--a270: 270;--a315: 315;--a360: 360;--connector-width: 40px;--label-width: 50px;--val: 0;--stroke: 10;--π: 3.14159265359}.docker{display:grid;grid-template-columns:minmax(var(--radius), 1fr);grid-template-rows:minmax(var(--radius), 1fr);place-items:center}.orbiter{--size: var(--m);--rotation-angle: calc( var(--angle) * var(--orbiter-number) + var(--offset-angle) - var(--angle) );--rotate: calc(var(--rotation-angle) * 1deg);--rotate-invert: calc(var(--rotation-angle) * -1deg);display:grid;border:1px solid;grid-area:1/1/1/1;place-content:center;width:var(--size);height:var(--size);border-radius:50%;transform:rotate(var(--rotate)) translate(var(--x), 0) rotate(var(--rotate-invert))}.orbiter.stationary{transform:rotate(var(--rotate)) translate(var(--x), 0)}.orbiter>.content{padding:5px;width:inherit;height:inherit;display:grid;border-radius:inherit;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center;overflow:hidden;z-index:10}.label{display:block;border:1px solid;border-radius:50%;width:4px;height:4px;--x: calc(var(--size) / 1.8)}.label::before{content:"";display:block;border-bottom:1px solid;width:var(--connector-width);height:1px}.label.xxs{--size: var(--xxs)}.label.xs{--size: var(--xs)}.label.s{--size: var(--s)}.label.m{--size: var(--m)}.label.l{--size: var(--l)}.label.xl{--size: var(--xl)}.label.xxl{--size: var(--xxl)}.label.pos-0{--label-angle: calc(var(--a0) * 1deg)}.label.pos-45{--label-angle: calc(var(--a45) * 1deg)}.label.pos-90{--label-angle: calc(var(--a90) * 1deg)}.label.pos-135{--label-angle: calc(var(--a135) * 1deg)}.label.pos-180{--label-angle: calc(var(--a180) * 1deg)}.label.pos-225{--label-angle: calc(var(--a225) * 1deg)}.label.pos-270{--label-angle: calc(var(--a270) * 1deg)}.label.pos-315{--label-angle: calc(var(--a315) * 1deg)}.label.pos-360{--label-angle: calc(var(--a360) * 1deg)}.label>.text{transform-origin:0 0;display:grid;border:1px solid;border-radius:4px;width:var(--label-width);height:20px;align-items:center;justify-items:center;align-content:center;justify-content:center}.orbiter>.label{transform:rotate(var(--label-angle)) translate(var(--x), 0)}.label>.text{transform:translate(calc(var(--connector-width) - 5px), var(--label-box)) rotate(var(--label-angle-invert))}.label.pos-0>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-45>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-90>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-135>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-180>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: -5px}.label.pos-225>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-270>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-315>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label.pos-360>.text{--label-angle-invert: calc(var(--label-angle) * -1deg);--label-box: +5px}.label{border-color:var(--info)}.label::before{border-bottom-color:var(--info)}.label>.text{background-color:var(--light);border-color:var(--info);color:var(--info)}.z-progress{--percentage: calc(var(--progress) * 3.6);display:grid;border-radius:50%;grid-area:1/1/1/1;place-items:center;width:100%;aspect-ratio:1}.sector{--half: calc(var(--length) / 2);--quarter: calc(var(--half) / 2);--semi: calc(var(--angle) / 2 * 1deg);--sector-gap: 1px;--length-percent: calc( var(--half) + (var(--sector-gap) * (var(--current-orbit) / var(--max-orbits))) - var(--half) * tan(var(--semi)) );--width: 49px;--rotate: calc( (var(--angle) * var(--orbiter-number) + var(--offset-angle) - (var(--angle) / 2)) * 1deg );display:grid;grid-area:1/1/1/1;height:var(--length);width:var(--half);border:var(--width) solid;border-left:none;border-radius:0% 100% 100% 0%/100% 51% 51% 0%;box-sizing:border-box;-webkit-clip-path:polygon(0 50%, 100% calc(100% - var(--length-percent)), 100% 100%, 100% 0, 100% var(--length-percent));clip-path:polygon(0 50%, 100% calc(100% - var(--length-percent)), 100% 100%, 100% 0, 100% var(--length-percent));transform:rotate(var(--rotate)) translate(var(--quarter), 0)}.core{width:0px;height:0px;display:grid;border-radius:50%;grid-area:1/1/1/1;z-index:6}.core>.orbiter{transform:rotate(var(--rotate))}.orbit{--arc: 360;--offset-angle: 0;display:grid;border-radius:50%;border:.1px solid var(--dark);grid-area:1/1/1/1;place-items:center;box-sizing:content-box;width:var(--diam);height:var(--diam);z-index:var(--z-index)}.orbit{border:.1px solid var(--dark)}.z-progress{--percentage: calc(var(--progress) * 3.6);display:grid;border-radius:50%;grid-area:1/1/1/1;place-items:center;width:100%;aspect-ratio:1}.z-svg{display:grid;border-radius:inherit;grid-area:1/1/1/1;align-items:center;justify-items:center;align-content:center;justify-content:center;rotate:-90deg;width:calc(var(--diam));height:calc(var(--diam))}.z-svg>.markers{--markers: 12;--marker-width: 1px;--circumference: calc(var(--r) * var(--π) * 2);--dash: calc(var(--circumference) / var(--markers) - var(--marker-width));--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:var(--r);stroke-width:calc(var(--radius)*2);stroke-dasharray:var(--marker-width) var(--dash)}.z-svg>.svg-progress{--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:calc(var(--r));stroke-width:var(--stroke);stroke-dasharray:calc(var(--r)*var(--π)*2);stroke-dashoffset:calc((100 - var(--val))/100*var(--r)*var(--π)*2)}.z-svg>.markers{--markers: 12;--marker-width: 1px;--circumference: calc(var(--r) * var(--π) * 2);--dash: calc(var(--circumference) / var(--markers) - var(--marker-width));--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:var(--r);stroke-width:calc(var(--radius)*2);stroke-dasharray:var(--marker-width) var(--dash)}.z-svg>.svg-progress{--r: calc(var(--diam) / 2);cx:var(--r);cy:var(--r);r:calc(var(--r));stroke-width:var(--stroke);stroke-dasharray:calc(var(--r)*var(--π)*2);stroke-dashoffset:calc((100 - var(--val))/100*var(--r)*var(--π)*2)}.circle{border-radius:50% !important}.orbiter.line{transform-origin:0 50%;height:0;width:calc(var(--radius-3));border-radius:0%;border:none;border-top:1px dashed var(--dark)}.box{border-radius:0% !important}.rounded{border-radius:25% !important}.blob{border-radius:30% 70% 70% 30%/30% 30% 70% 70% !important}.transparent{border:none !important;background-color:var(--transparent) !important}.docker>.orbit:nth-child(1){--diam: calc(var(--radius-1) * 2);--z-index: 5}.orbiter>.orbit:nth-child(1){--diam: calc(var(--size) * 1);--z-index: 5}.docker>.orbit:nth-child(2){--diam: calc(var(--radius-2) * 2);--z-index: 4}.orbiter>.orbit:nth-child(2){--diam: calc(var(--size) * 2);--z-index: 4}.docker>.orbit:nth-child(3){--diam: calc(var(--radius-3) * 2);--z-index: 3}.orbiter>.orbit:nth-child(3){--diam: calc(var(--size) * 3);--z-index: 3}.docker>.orbit:nth-child(4){--diam: calc(var(--radius-4) * 2);--z-index: 2}.orbiter>.orbit:nth-child(4){--diam: calc(var(--size) * 4);--z-index: 2}.docker>.orbit:nth-child(5){--diam: calc(var(--radius-5) * 2);--z-index: 1}.orbiter>.orbit:nth-child(5){--diam: calc(var(--size) * 5);--z-index: 1}.docker>.orbit:nth-child(6){--diam: calc(var(--radius-6) * 2);--z-index: 0}.orbiter>.orbit:nth-child(6){--diam: calc(var(--size) * 6);--z-index: 0}.docker>.orbit:nth-child(1)>.orbit{--diam: calc(var(--radius-1) * 2);--z-index: 5;--x: calc(var(--radius-1));border:none}.docker>.orbit:nth-child(1)>.orbit>.sector{--length: calc(var(--radius-1) * 2);--current-orbit: 1;--max-orbits: 6}.orbiter>.orbit:nth-child(1)>.orbit{--diam: calc(var(--size) * 1);--z-index: 5;--x: calc(var(--radius-1));border:none}.orbiter>.orbit:nth-child(1)>.orbit>.sector{--length: calc(var(--size) * 1);--width: calc(var(--size) / 4);--current-orbit: 1;--max-orbits: 6}.docker>.orbit:nth-child(2)>.orbit{--diam: calc(var(--radius-2) * 2);--z-index: 4;--x: calc(var(--radius-2));border:none}.docker>.orbit:nth-child(2)>.orbit>.sector{--length: calc(var(--radius-2) * 2);--current-orbit: 2;--max-orbits: 6}.orbiter>.orbit:nth-child(2)>.orbit{--diam: calc(var(--size) * 2);--z-index: 4;--x: calc(var(--radius-2));border:none}.orbiter>.orbit:nth-child(2)>.orbit>.sector{--length: calc(var(--size) * 2);--width: calc(var(--size) / 4);--current-orbit: 2;--max-orbits: 6}.docker>.orbit:nth-child(3)>.orbit{--diam: calc(var(--radius-3) * 2);--z-index: 3;--x: calc(var(--radius-3));border:none}.docker>.orbit:nth-child(3)>.orbit>.sector{--length: calc(var(--radius-3) * 2);--current-orbit: 3;--max-orbits: 6}.orbiter>.orbit:nth-child(3)>.orbit{--diam: calc(var(--size) * 3);--z-index: 3;--x: calc(var(--radius-3));border:none}.orbiter>.orbit:nth-child(3)>.orbit>.sector{--length: calc(var(--size) * 3);--width: calc(var(--size) / 4);--current-orbit: 3;--max-orbits: 6}.docker>.orbit:nth-child(4)>.orbit{--diam: calc(var(--radius-4) * 2);--z-index: 2;--x: calc(var(--radius-4));border:none}.docker>.orbit:nth-child(4)>.orbit>.sector{--length: calc(var(--radius-4) * 2);--current-orbit: 4;--max-orbits: 6}.orbiter>.orbit:nth-child(4)>.orbit{--diam: calc(var(--size) * 4);--z-index: 2;--x: calc(var(--radius-4));border:none}.orbiter>.orbit:nth-child(4)>.orbit>.sector{--length: calc(var(--size) * 4);--width: calc(var(--size) / 4);--current-orbit: 4;--max-orbits: 6}.docker>.orbit:nth-child(5)>.orbit{--diam: calc(var(--radius-5) * 2);--z-index: 1;--x: calc(var(--radius-5));border:none}.docker>.orbit:nth-child(5)>.orbit>.sector{--length: calc(var(--radius-5) * 2);--current-orbit: 5;--max-orbits: 6}.orbiter>.orbit:nth-child(5)>.orbit{--diam: calc(var(--size) * 5);--z-index: 1;--x: calc(var(--radius-5));border:none}.orbiter>.orbit:nth-child(5)>.orbit>.sector{--length: calc(var(--size) * 5);--width: calc(var(--size) / 4);--current-orbit: 5;--max-orbits: 6}.docker>.orbit:nth-child(6)>.orbit{--diam: calc(var(--radius-6) * 2);--z-index: 0;--x: calc(var(--radius-6));border:none}.docker>.orbit:nth-child(6)>.orbit>.sector{--length: calc(var(--radius-6) * 2);--current-orbit: 6;--max-orbits: 6}.orbiter>.orbit:nth-child(6)>.orbit{--diam: calc(var(--size) * 6);--z-index: 0;--x: calc(var(--radius-6));border:none}.orbiter>.orbit:nth-child(6)>.orbit>.sector{--length: calc(var(--size) * 6);--width: calc(var(--size) / 4);--current-orbit: 6;--max-orbits: 6}.orbit.offset-0{--offset-angle: var(--a0)}.orbit.offset-45{--offset-angle: var(--a45)}.orbit.offset-90{--offset-angle: var(--a90)}.orbit.offset-135{--offset-angle: var(--a135)}.orbit.offset-180{--offset-angle: var(--a180)}.orbit.offset-225{--offset-angle: var(--a225)}.orbit.offset-270{--offset-angle: var(--a270)}.orbit.offset-315{--offset-angle: var(--a315)}.orbit.offset-360{--offset-angle: var(--a360)}.orbit.limit-0{--arc: var(--a0)}.orbit.limit-45{--arc: var(--a45)}.orbit.limit-90{--arc: var(--a90)}.orbit.limit-135{--arc: var(--a135)}.orbit.limit-180{--arc: var(--a180)}.orbit.limit-225{--arc: var(--a225)}.orbit.limit-270{--arc: var(--a270)}.orbit.limit-315{--arc: var(--a315)}.orbit.limit-360{--arc: var(--a360)}.orbit.ccw{--direction: -1}.orbiter.xxs{--size: var(--xxs)}.orbiter.xs{--size: var(--xs)}.orbiter.s{--size: var(--s)}.orbiter.m{--size: var(--m)}.orbiter.l{--size: var(--l)}.orbiter.xl{--size: var(--xl)}.orbiter.xxl{--size: var(--xxl)}.orbit:has(>.orbiter:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.orbiter:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.orbiter:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.orbiter:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.orbiter:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.orbiter:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.orbiter:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.orbiter:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.orbiter:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.orbiter:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.orbiter:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.orbiter:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.orbiter:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.orbiter:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.orbiter:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.orbiter:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.orbiter:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.orbiter:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.orbiter:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.orbiter:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.orbiter:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.orbiter:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.orbiter:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.orbiter:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.orbiter:nth-child(1){--orbiter-number: 1}.orbiter:nth-child(2){--orbiter-number: 2}.orbiter:nth-child(3){--orbiter-number: 3}.orbiter:nth-child(4){--orbiter-number: 4}.orbiter:nth-child(5){--orbiter-number: 5}.orbiter:nth-child(6){--orbiter-number: 6}.orbiter:nth-child(7){--orbiter-number: 7}.orbiter:nth-child(8){--orbiter-number: 8}.orbiter:nth-child(9){--orbiter-number: 9}.orbiter:nth-child(10){--orbiter-number: 10}.orbiter:nth-child(11){--orbiter-number: 11}.orbiter:nth-child(12){--orbiter-number: 12}.orbiter:nth-child(13){--orbiter-number: 13}.orbiter:nth-child(14){--orbiter-number: 14}.orbiter:nth-child(15){--orbiter-number: 15}.orbiter:nth-child(16){--orbiter-number: 16}.orbiter:nth-child(17){--orbiter-number: 17}.orbiter:nth-child(18){--orbiter-number: 18}.orbiter:nth-child(19){--orbiter-number: 19}.orbiter:nth-child(20){--orbiter-number: 20}.orbiter:nth-child(21){--orbiter-number: 21}.orbiter:nth-child(22){--orbiter-number: 22}.orbiter:nth-child(23){--orbiter-number: 23}.orbiter:nth-child(24){--orbiter-number: 24}.docker>.orbit:nth-child(1)>.orbiter{--x: calc(var(--radius-1))}.docker>.orbit:nth-child(1)>.orbiter.upper{--x: calc(var(--radius-1) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(1)>.orbiter.lower{--x: calc(var(--radius-1) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(2)>.orbiter{--x: calc(var(--radius-2))}.docker>.orbit:nth-child(2)>.orbiter.upper{--x: calc(var(--radius-2) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(2)>.orbiter.lower{--x: calc(var(--radius-2) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(3)>.orbiter{--x: calc(var(--radius-3))}.docker>.orbit:nth-child(3)>.orbiter.upper{--x: calc(var(--radius-3) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(3)>.orbiter.lower{--x: calc(var(--radius-3) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(4)>.orbiter{--x: calc(var(--radius-4))}.docker>.orbit:nth-child(4)>.orbiter.upper{--x: calc(var(--radius-4) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(4)>.orbiter.lower{--x: calc(var(--radius-4) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(5)>.orbiter{--x: calc(var(--radius-5))}.docker>.orbit:nth-child(5)>.orbiter.upper{--x: calc(var(--radius-5) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(5)>.orbiter.lower{--x: calc(var(--radius-5) - (calc(var(--size) / 2)))}.docker>.orbit:nth-child(6)>.orbiter{--x: calc(var(--radius-6))}.docker>.orbit:nth-child(6)>.orbiter.upper{--x: calc(var(--radius-6) + (calc(var(--size) / 2)))}.docker>.orbit:nth-child(6)>.orbiter.lower{--x: calc(var(--radius-6) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(1)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(1)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(1)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(2)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(2)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(2)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(3)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(3)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(3)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(4)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(4)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(4)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(5)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(5)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(5)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(6)>.orbiter{--x: calc(var(--diam) / 2)}.orbiter>.orbit:nth-child(6)>.orbiter.upper{--x: calc((var(--diam) / 2) + (calc(var(--size) / 2)))}.orbiter>.orbit:nth-child(6)>.orbiter.lower{--x: calc((var(--diam) / 2) - (calc(var(--size) / 2)))}.sector:nth-child(1){--orbiter-number: 1}.sector:nth-child(2){--orbiter-number: 2}.sector:nth-child(3){--orbiter-number: 3}.sector:nth-child(4){--orbiter-number: 4}.sector:nth-child(5){--orbiter-number: 5}.sector:nth-child(6){--orbiter-number: 6}.sector:nth-child(7){--orbiter-number: 7}.sector:nth-child(8){--orbiter-number: 8}.sector:nth-child(9){--orbiter-number: 9}.sector:nth-child(10){--orbiter-number: 10}.sector:nth-child(11){--orbiter-number: 11}.sector:nth-child(12){--orbiter-number: 12}.sector:nth-child(13){--orbiter-number: 13}.sector:nth-child(14){--orbiter-number: 14}.sector:nth-child(15){--orbiter-number: 15}.sector:nth-child(16){--orbiter-number: 16}.sector:nth-child(17){--orbiter-number: 17}.sector:nth-child(18){--orbiter-number: 18}.sector:nth-child(19){--orbiter-number: 19}.sector:nth-child(20){--orbiter-number: 20}.sector:nth-child(21){--orbiter-number: 21}.sector:nth-child(22){--orbiter-number: 22}.sector:nth-child(23){--orbiter-number: 23}.sector:nth-child(24){--orbiter-number: 24}.orbit:has(>.sector:nth-child(1)){--angle: calc((var(--arc) / 1) * var(--direction))}.orbit:has(>.sector:nth-child(2)){--angle: calc((var(--arc) / 2) * var(--direction))}.orbit:has(>.sector:nth-child(3)){--angle: calc((var(--arc) / 3) * var(--direction))}.orbit:has(>.sector:nth-child(4)){--angle: calc((var(--arc) / 4) * var(--direction))}.orbit:has(>.sector:nth-child(5)){--angle: calc((var(--arc) / 5) * var(--direction))}.orbit:has(>.sector:nth-child(6)){--angle: calc((var(--arc) / 6) * var(--direction))}.orbit:has(>.sector:nth-child(7)){--angle: calc((var(--arc) / 7) * var(--direction))}.orbit:has(>.sector:nth-child(8)){--angle: calc((var(--arc) / 8) * var(--direction))}.orbit:has(>.sector:nth-child(9)){--angle: calc((var(--arc) / 9) * var(--direction))}.orbit:has(>.sector:nth-child(10)){--angle: calc((var(--arc) / 10) * var(--direction))}.orbit:has(>.sector:nth-child(11)){--angle: calc((var(--arc) / 11) * var(--direction))}.orbit:has(>.sector:nth-child(12)){--angle: calc((var(--arc) / 12) * var(--direction))}.orbit:has(>.sector:nth-child(13)){--angle: calc((var(--arc) / 13) * var(--direction))}.orbit:has(>.sector:nth-child(14)){--angle: calc((var(--arc) / 14) * var(--direction))}.orbit:has(>.sector:nth-child(15)){--angle: calc((var(--arc) / 15) * var(--direction))}.orbit:has(>.sector:nth-child(16)){--angle: calc((var(--arc) / 16) * var(--direction))}.orbit:has(>.sector:nth-child(17)){--angle: calc((var(--arc) / 17) * var(--direction))}.orbit:has(>.sector:nth-child(18)){--angle: calc((var(--arc) / 18) * var(--direction))}.orbit:has(>.sector:nth-child(19)){--angle: calc((var(--arc) / 19) * var(--direction))}.orbit:has(>.sector:nth-child(20)){--angle: calc((var(--arc) / 20) * var(--direction))}.orbit:has(>.sector:nth-child(21)){--angle: calc((var(--arc) / 21) * var(--direction))}.orbit:has(>.sector:nth-child(22)){--angle: calc((var(--arc) / 22) * var(--direction))}.orbit:has(>.sector:nth-child(23)){--angle: calc((var(--arc) / 23) * var(--direction))}.orbit:has(>.sector:nth-child(24)){--angle: calc((var(--arc) / 24) * var(--direction))}.docker>.orbit:nth-child(1)>.sector{--length: calc(var(--radius-1) * 2);--current-orbit: 1;--max-orbits: 6}.orbiter>.orbit:nth-child(1)>.sector{--length: calc(var(--size) * 1);--width: calc(var(--size) / 4);--current-orbit: 1;--max-orbits: 6}.docker>.orbit:nth-child(2)>.sector{--length: calc(var(--radius-2) * 2);--current-orbit: 2;--max-orbits: 6}.orbiter>.orbit:nth-child(2)>.sector{--length: calc(var(--size) * 2);--width: calc(var(--size) / 4);--current-orbit: 2;--max-orbits: 6}.docker>.orbit:nth-child(3)>.sector{--length: calc(var(--radius-3) * 2);--current-orbit: 3;--max-orbits: 6}.orbiter>.orbit:nth-child(3)>.sector{--length: calc(var(--size) * 3);--width: calc(var(--size) / 4);--current-orbit: 3;--max-orbits: 6}.docker>.orbit:nth-child(4)>.sector{--length: calc(var(--radius-4) * 2);--current-orbit: 4;--max-orbits: 6}.orbiter>.orbit:nth-child(4)>.sector{--length: calc(var(--size) * 4);--width: calc(var(--size) / 4);--current-orbit: 4;--max-orbits: 6}.docker>.orbit:nth-child(5)>.sector{--length: calc(var(--radius-5) * 2);--current-orbit: 5;--max-orbits: 6}.orbiter>.orbit:nth-child(5)>.sector{--length: calc(var(--size) * 5);--width: calc(var(--size) / 4);--current-orbit: 5;--max-orbits: 6}.docker>.orbit:nth-child(6)>.sector{--length: calc(var(--radius-6) * 2);--current-orbit: 6;--max-orbits: 6}.orbiter>.orbit:nth-child(6)>.sector{--length: calc(var(--size) * 6);--width: calc(var(--size) / 4);--current-orbit: 6;--max-orbits: 6}.docker>.orbit:nth-child(1)>svg{--diam: calc(var(--radius-1) * 2)}.docker>.orbit:nth-child(2)>svg{--diam: calc(var(--radius-2) * 2)}.docker>.orbit:nth-child(3)>svg{--diam: calc(var(--radius-3) * 2)}.docker>.orbit:nth-child(4)>svg{--diam: calc(var(--radius-4) * 2)}.docker>.orbit:nth-child(5)>svg{--diam: calc(var(--radius-5) * 2)}.docker>.orbit:nth-child(6)>svg{--diam: calc(var(--radius-6) * 2)}.orbiter>.orbit:nth-child(1)>svg{--diam: calc(var(--size) * 1)}.orbiter>.orbit:nth-child(2)>svg{--diam: calc(var(--size) * 2)}.orbiter>.orbit:nth-child(3)>svg{--diam: calc(var(--size) * 3)}.orbiter>.orbit:nth-child(4)>svg{--diam: calc(var(--size) * 4)}.orbiter>.orbit:nth-child(5)>svg{--diam: calc(var(--size) * 5)}.orbiter>.orbit:nth-child(6)>svg{--diam: calc(var(--size) * 6)}/*# sourceMappingURL=zumer.min.css.map */ \ No newline at end of file diff --git a/assets/css/zumer.min.css.map b/assets/css/zumer.min.css.map index 9adf432..fcf8b81 100644 --- a/assets/css/zumer.min.css.map +++ b/assets/css/zumer.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["zumer.min.css","../../src/utilities/_reset.scss","../../src/base/_variables.scss","../../src/components/_docker.scss","../../src/components/_orbiter.scss","../../src/utilities/_mixins.scss","../../src/components/_label.scss","../../src/components/_progress.scss","../../src/components/_sector.scss","../../src/components/_core.scss","../../src/utilities/_sass-variables.scss","../../src/components/_orbit.scss","../../src/components/_svg.scss","../../src/components/_svg-markers.scss","../../src/components/_svg-progress.scss","../../src/base/_shapes.scss","../../src/layouts/_radial-grid.scss"],"names":[],"mappings":"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kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,mCAUA,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,mCADF,kDACE,CAAA,oCADF,kDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,oCADF,mDACE,CAAA,sBAMJ,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,sBADF,mBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,uBADF,oBACE,CAAA,qCAWA,0BACE,CAAA,2CAeF,oDACE,CAAA,2CADF,oDACE,CAAA,qCAjBF,0BACE,CAAA,2CAeF,oDACE,CAA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","file":"zumer.min.css"} \ No newline at end of file +{"version":3,"sources":["zumer.min.css","../../src/utilities/_reset.scss","../../src/base/_variables.scss","../../src/components/_docker.scss","../../src/components/_orbiter.scss","../../src/utilities/_mixins.scss","../../src/components/_label.scss","../../src/components/_progress.scss","../../src/components/_sector.scss","../../src/components/_core.scss","../../src/utilities/_sass-variables.scss","../../src/components/_orbit.scss","../../src/components/_svg.scss","../../src/components/_svg-markers.scss","../../src/components/_svg-progress.scss","../../src/base/_shapes.scss","../../src/layouts/_radial-grid.scss"],"names":[],"mappings":"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","file":"zumer.min.css"} \ No newline at end of file diff --git a/examples/spread.html b/examples/spread.html index 0052362..812a537 100644 --- a/examples/spread.html +++ b/examples/spread.html @@ -51,7 +51,7 @@
-
+
1
@@ -78,7 +78,7 @@
-
+
20
diff --git a/src/layouts/_radial-grid.scss b/src/layouts/_radial-grid.scss index a7e8faf..3074070 100644 --- a/src/layouts/_radial-grid.scss +++ b/src/layouts/_radial-grid.scss @@ -117,17 +117,6 @@ } } -/* Calculate and set angle for each orbiter. - Angle is calculated taking into account arc-length, number of orbit child elements and direction - Note: using :nth-child() selector avoid to use parent classes to define number of child elements, - but is not yet handled by Firefox, unless layout.css.has-selector.enabled flag https://caniuse.com/css-has -*/ -@for $i from $min-orbiters through $max-orbiters { - .orbit:has(> .orbiter:nth-child(#{$i})) { - --angle: calc((var(--arc) / #{$i}) * var(--direction)); /* Calculate and set --angle variable */ - } -} - /* Calculate and set arc-length and angle for each orbiter based on arc limits. Angle is calculated taking into account arc-length, number of orbit child elements and direction Note: using :nth-child() selector avoid to use parent classes to define number of child elements, @@ -135,7 +124,12 @@ */ @for $i from $min-orbiters through $max-orbiters { .orbit:has(> .orbiter:nth-child(#{$i})) { - --angle: calc((var(--arc) / #{$i - 1}) * var(--direction)); /* Calculate and set --angle variable */ + $number: $i; + + @if $i <= 1 { + $number: 1; + } + --angle: calc((var(--arc) / #{$number}) * var(--direction)); /* Calculate and set --angle variable */ } } @@ -227,16 +221,7 @@ } } -/* Calculate and set arc-length and angle for each sector based on arc limits. - Angle is calculated taking into account arc-length, number of orbit child elements and direction - Note: using :nth-child() selector avoid to use parent classes to define number of child elements, - but is not yet handled by Firefox, unless layout.css.has-selector.enabled flag https://caniuse.com/css-has -*/ -@for $i from $min-orbiters through $max-orbiters { - .orbit:has(> .sector:nth-child(#{$i})) { - --angle: calc((var(--arc) / #{$i}) * var(--direction)); /* Calculate and set --angle variable */ - } -} + @for $i from $min-orbits through $max-orbits { /* Set sector variables */ .docker > .orbit:nth-child(#{$i}) > .sector {