From a95bcf8d6305cbcf390439576df03f6a74ba3d39 Mon Sep 17 00:00:00 2001 From: Juan Martin <martinmuda@gmail.com> Date: Wed, 10 Apr 2024 13:18:52 +0300 Subject: [PATCH] update --- .gitignore | 3 + assets/css/orbit.min.css | 89 +++--- assets/css/orbit.min.css.map | 2 +- docs/docs.md | 372 ------------------------ docsjs/docs.md | 68 ----- examples/orbit/index.html | 14 +- old/base/_base-css-variables.scss | 65 ----- old/base/_reset.scss | 38 --- old/base/_theme-css-variables.scss | 108 ------- old/components/__base.scss | 9 - old/components/__theme.scss | 9 - old/components/_container-base.scss | 10 - old/components/_container-theme.scss | 5 - old/components/_core-base.scss | 14 - old/components/_core-theme.scss | 4 - old/components/_label-base.scss | 79 ----- old/components/_label-theme.scss | 14 - old/components/_orbit-base.scss | 15 - old/components/_orbit-theme.scss | 4 - old/components/_orbiter-base.scss | 62 ---- old/components/_orbiter-theme.scss | 6 - old/components/_progress-base.scss | 17 -- old/components/_progress-theme.scss | 12 - old/components/_sector-base.scss | 34 --- old/components/_sector-theme.scss | 7 - old/components/_svg-markers-base.scss | 13 - old/components/_svg-markers-theme.scss | 5 - old/components/_svg-progress-base.scss | 10 - old/components/_svg-progress-theme.scss | 4 - old/layouts/_media-queries.scss | 80 ----- old/layouts/_radial-grid.scss | 352 ---------------------- old/orbit-base.scss | 8 - old/orbit-theme.scss | 3 - old/orbit.scss | 2 - old/settings/_mixins.scss | 6 - old/settings/_sass-variables.scss | 30 -- old/utilities/_content.scss | 62 ---- old/utilities/_filter-gooey.scss | 11 - package.json | 5 +- src/orbit.scss | 5 + src/scss/_orbit-class.scss | 15 +- src/scss/_orbital-zone.scss | 1 + src/scss/_progress.scss | 3 +- src/scss/_radial-layout.scss | 2 +- src/scss/_satellite.scss | 16 +- src/scss/_sector.scss | 18 +- src/scss/_settings.scss | 13 +- src/scss/_support.scss | 96 ++++++ src/scss/_utilities.scss | 34 +-- src/scss/_vector.scss | 23 +- src/web-components/orbit-progress.js | 19 +- src/web-components/orbit-sector.js | 9 +- 52 files changed, 241 insertions(+), 1664 deletions(-) delete mode 100644 docs/docs.md delete mode 100644 docsjs/docs.md delete mode 100644 old/base/_base-css-variables.scss delete mode 100644 old/base/_reset.scss delete mode 100644 old/base/_theme-css-variables.scss delete mode 100644 old/components/__base.scss delete mode 100644 old/components/__theme.scss delete mode 100644 old/components/_container-base.scss delete mode 100644 old/components/_container-theme.scss delete mode 100644 old/components/_core-base.scss delete mode 100644 old/components/_core-theme.scss delete mode 100644 old/components/_label-base.scss delete mode 100644 old/components/_label-theme.scss delete mode 100644 old/components/_orbit-base.scss delete mode 100644 old/components/_orbit-theme.scss delete mode 100644 old/components/_orbiter-base.scss delete mode 100644 old/components/_orbiter-theme.scss delete mode 100644 old/components/_progress-base.scss delete mode 100644 old/components/_progress-theme.scss delete mode 100644 old/components/_sector-base.scss delete mode 100644 old/components/_sector-theme.scss delete mode 100644 old/components/_svg-markers-base.scss delete mode 100644 old/components/_svg-markers-theme.scss delete mode 100644 old/components/_svg-progress-base.scss delete mode 100644 old/components/_svg-progress-theme.scss delete mode 100644 old/layouts/_media-queries.scss delete mode 100644 old/layouts/_radial-grid.scss delete mode 100644 old/orbit-base.scss delete mode 100644 old/orbit-theme.scss delete mode 100644 old/orbit.scss delete mode 100644 old/settings/_mixins.scss delete mode 100644 old/settings/_sass-variables.scss delete mode 100644 old/utilities/_content.scss delete mode 100644 old/utilities/_filter-gooey.scss create mode 100644 src/scss/_support.scss diff --git a/.gitignore b/.gitignore index 6240da8..2f40efc 100644 --- a/.gitignore +++ b/.gitignore @@ -3,6 +3,9 @@ dist/ # generated types .astro/ +#docs-* +docs-*/ + # dependencies node_modules/ diff --git a/assets/css/orbit.min.css b/assets/css/orbit.min.css index 7cee486..ce258c3 100644 --- a/assets/css/orbit.min.css +++ b/assets/css/orbit.min.css @@ -6,8 +6,7 @@ When start a new Orbit project following css variables are declared: ```css :root { - --o-max-orbits: 12; - --o-begin-at: 0deg; + --o-from: 0deg; --o-range: 360deg; --o-ellipse-x: 1; --o-ellipse-y: 1; @@ -18,16 +17,14 @@ When start a new Orbit project following css variables are declared: ```css .instance-1 { - --o-max-orbits: 6; - --o-begin-at: 90deg; + --o-from: 90deg; --o-range: 360deg; --o-ellipse-x: 1; --o-ellipse-y: 1; } .instance-2 { - --o-max-orbits: 10; - --o-begin-at: 0deg; + --o-from: 0deg; --o-range: 1800deg; --o-ellipse-x: 0.8; --o-ellipse-y: 1; @@ -42,7 +39,7 @@ When start a new Orbit project following css variables are declared: </div> ``` -*/:root{--o-max-orbits: 12;--o-begin-at: 0deg;--o-range: 360deg;--o-ellipse-x: 1;--o-ellipse-y: 1}*{box-sizing:border-box}/*! +*/:root{--o-from: 0deg;--o-range: 360deg;--o-ellipse-x: 1;--o-ellipse-y: 1}*{box-sizing:border-box}/*! ## .orbital-zone Orbital zone is a functional class that groups `.orbit` classes. It serves as a container with a length defined once by `--o-length` when the Orbit app is initialized. When the Orbital zone is nested within a `.satellite`, its length will depend on the `.satellite`'s `.orbit` diameter. @@ -64,12 +61,11 @@ Orbital zone is a functional class that groups `.orbit` classes. It serves as a </div> ``` -*/.orbital-zone{--o-lenght: 500px;width:var(--o-lenght);aspect-ratio:1;position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;border:none}.satellite>.orbital-zone{--o-lenght: var(--o-diameter);width:var(--o-lenght);height:auto}/*! +*/.orbital-zone{container-name:orbitalzone;--o-lenght: 500px;width:var(--o-lenght);aspect-ratio:1;position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;border:none}.satellite>.orbital-zone{--o-lenght: var(--o-diameter);width:var(--o-lenght);height:auto}/*! ## .orbit or .orbit-* This class renders a circumsference around a .orbital-zone center and allows other elements to be -distributed along width. By default there are 12 orbits. The number of orbits can be change on --o-max-orbits, -or in scss source $max-orbits var. +distributed along width. By default there are 12 orbits. The number can be modify with `$max-orbits` var at `_variables.scss`. **Important:** .orbit or .orbit-* is a direct child element of .orbital-zone. @@ -118,9 +114,9 @@ It has some special attributes and css variables to customize it or its children - Class `.gap-*` applied on `.orbit` or `.orbit-*` set a `o-sector` gap space. Default '0' - Class utility `.range-*` applied on `.orbit` or `.orbit-*`: Default '360deg' - - Class utility `.begint-at-*` applied on `.orbit` or `.orbit-*`: Default '0deg' - - Class utility `.inner`: To place `o-sector` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `o-sector` at a "high-orbit". Default midle-orbit + - Class utility `.from-*` applied on `.orbit` or `.orbit-*`: Default '0deg' + - Class utility `.inner-orbit`: To place `o-sector` just below its orbit + - Class utility `.outer-orbit`: To place `o-sector` just above its orbit - CSS styles. User can customize `.orbit` by adding CSS properties. @@ -143,13 +139,14 @@ web component that will be hide when orbit is an ellipse. Values range from 0 to </div> ``` -There are some utility classes that are set on orbit element and affect its child radial layout (`.begin-at-*`, `.range-*`). +There are some utility classes that are set on orbit element and affect its child radial layout (`.from-*`, `.range-*`). Please see **Radial Layout section**. -*/.orbit,[class*=orbit-]{--o-diameter: calc(var(--orbit-nth) * var(--o-lenght) / var(--o-max-orbits));--o-radius: calc(var(--o-diameter) / 2);width:calc(var(--o-diameter)/var(--o-ellipse-x));height:calc(var(--o-diameter)/var(--o-ellipse-y));position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%}/*! +*/.orbit,[class*=orbit-]{container-name:orbit;--o-diameter: calc(var(--orbit-nth) * var(--o-lenght) / 12);--o-radius: calc(var(--o-diameter) / 2);width:calc(var(--o-diameter)/var(--o-ellipse-x));height:calc(var(--o-diameter)/var(--o-ellipse-y));position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%}/*! ## .satellite Elements with `.satellite` are placed along an `.orbit` or `.orbit-*` arc serving as content place and/or to nest an `.orbital-zone`. +By default there are 24 satellites per orbit. The number can be modify with `$max-orbiters` var at `_variables.scss`. ### Shapes @@ -162,11 +159,11 @@ A few set of shapes utilities are provided (`.circle`, `.box`, `.rounded-box`). It has some special classes and css variables to customize it: - Class utility `.range-*`: Default '360deg' - - Class utility `.begint-at-*`: Default '0deg' - - Class utility `.size-*x`: To increase size according number of orbits. Default 1. - - Class utility `.size-*fr`: To decrease size according a fracction of orbit width. Default 1. - - Class utility `.inner`: To place `.satellite` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `.satellite` at a "high-orbit". Default midle-orbit + - Class utility `.from-*`: Default '0deg' + - Class utility `.grow-*x`: To increase size according number of orbits. Default 1. + - Class utility `.reduce-*`: To decrease size according an orbit fracction percentage. Default 1. + - Class utility `.inner-orbit`: To place `.satellite` just below its orbit + - Class utility `.outer-orbit`: To place `.satellite` just above its orbit - CSS styles. User can customize `.satellite` by adding CSS properties to it. @@ -204,21 +201,21 @@ It has some special classes and css variables to customize it: - There is no limit for nesting orbita-zone in satellites. -*/.satellite{--o-angle-composite: var(--o-angle) * var(--o-position);transform:translate(calc((var(--o-radius) - var(--o-aligment, 0px)) / var(--o-ellipse-x) * cos(var(--o-begin-at) + var(--o-angle-composite))), calc((var(--o-radius) - var(--o-aligment, 0px)) / var(--o-ellipse-y) * sin(var(--o-begin-at) + var(--o-angle-composite))));width:calc(var(--o-radius)/var(--orbit-nth)*var(--o-size-ratio, 1));height:calc(var(--o-radius)/var(--orbit-nth)*var(--o-size-ratio, 1));position:absolute;margin:6px;display:flex;justify-content:center;align-items:center;border-radius:50%}.satellite.circle{border-radius:50%}.satellite.box{border-radius:0%}.satellite.rounded-box{border-radius:8px}/*! +*/.satellite{container-name:satellite;--o-angle-composite: var(--o-angle) * var(--o-position);transform:translate(calc((var(--o-radius) - var(--o-aligment, 0px)) / var(--o-ellipse-x) * cos(var(--o-from) + var(--o-angle-composite))), calc((var(--o-radius) - var(--o-aligment, 0px)) / var(--o-ellipse-y) * sin(var(--o-from) + var(--o-angle-composite))));width:calc(var(--o-radius)/var(--orbit-nth)*var(--o-size-ratio, 1));height:calc(var(--o-radius)/var(--orbit-nth)*var(--o-size-ratio, 1));position:absolute;margin:6px;display:flex;justify-content:center;align-items:center;border-radius:50%}.satellite.circle{border-radius:50%}.satellite.box{border-radius:0%}.satellite.rounded-box{border-radius:8px}/*! ## .vector -This class renders a perpendicular segment along an orbit. +This class renders a perpendicular segment along an orbit. By default there are 24 vectors per orbit. The number can be modify with `$max-orbiters` var at `_variables.scss`. ### Customization It has some special classes and css variables to customize it: - Class utility `.range-*`: Default '360deg' - - Class utility `.begint-at-*`: Default '0deg' - - Class utility `.size-*x`: To increase size according number of orbits. Default 1. - - Class utility `.size-*fr`: To decrease size according a fracction of orbit width. Default 1. - - Class utility `.inner`: To place `.vector` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `.vector` at a "high-orbit". Default midle-orbit + - Class utility `.from-*`: Default '0deg' + - Class utility `.grow-*x`: To increase size according number of orbits. Default 1. + - Class utility `.reduce-*`: To decrease size according an orbit fracction percentage. Default 1. + - Class utility `.inner-orbit`: To place `.vector` just below its orbit + - Class utility `.outer-orbit`: To place `.vector` just above its orbit - CSS styles. User can customize `.vector` by adding CSS properties to it. @@ -235,17 +232,17 @@ It has some special classes and css variables to customize it: **Important:** `.vector` can only be placed into a parent `.orbit` or `.orbit-*` -*/.vector{--o-angle-composite: var(--o-angle) * var(--o-position);width:calc(var(--o-radius)/var(--orbit-nth)*var(--o-size-ratio, 1));position:absolute;padding:0;transform:translate(calc((var(--o-radius) - var(--o-aligment, 1px)) / var(--o-ellipse-x) * cos(var(--o-begin-at) + var(--o-angle-composite))), calc((var(--o-radius) - var(--o-aligment, 1px)) / var(--o-ellipse-y) * sin(var(--o-begin-at) + var(--o-angle-composite)))) rotate(calc(var(--o-angle-composite)));height:1px;pointer-events:none;border:none;background:#000}/*! +*/.vector{container-name:vector;--o-angle-composite: var(--o-angle) * var(--o-position);width:calc(var(--o-radius, 500px)/var(--orbit-nth)*var(--o-size-ratio, 1));position:absolute;padding:0;transform:translate(calc((var(--o-radius, 500px) - var(--o-aligment, 1px)) / var(--o-ellipse-x) * cos(var(--o-from) + var(--o-angle-composite))), calc((var(--o-radius, 500px) - var(--o-aligment, 1px)) / var(--o-ellipse-y) * sin(var(--o-from) + var(--o-angle-composite)))) rotate(calc(var(--o-angle-composite)));height:1px;pointer-events:none;border:none;background:#000}/*! ## <o-sector> See o-sector docs in web-component file. -*/o-sector{--o-angle-composite: var(--o-angle) * var(--o-position);container-name:sectors;display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;pointer-events:none;width:100%;r:var(--o-radius);stroke-width:calc(var(--o-radius)/var(--orbit-nth)*var(--o-size-ratio, 1));transform:rotate(calc(var(--o-begin-at) + var(--o-angle-composite)))}o-sector svg path{display:none}@container sectors style(--o-ellipse-x: 1) and style(--o-ellipse-y: 1){o-sector svg path{display:block}}o-sector svg{pointer-events:none;overflow:visible}o-sector svg>*{pointer-events:stroke}/*! +*/o-sector{--o-angle-composite: var(--o-angle) * var(--o-position);container-name:osector;display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;pointer-events:none;width:100%;r:var(--o-radius);stroke-width:calc(var(--o-radius)/var(--orbit-nth)*var(--o-size-ratio, 1));transform:rotate(calc(var(--o-from) + var(--o-angle-composite)))}o-sector svg{pointer-events:none;overflow:visible}o-sector svg>*{pointer-events:stroke}/*! ## <o-progress> See o-progress docs in web-component file. -*/o-progress{r:var(--o-radius);stroke-width:calc(var(--o-radius)/var(--orbit-nth)*var(--o-size-ratio, 1));transform:rotate(var(--o-begin-at));position:absolute;display:flex;justify-content:center;align-items:center;width:100%;border-radius:50%;pointer-events:none}o-progress.rounded{--o-linecap: round}o-progress svg{pointer-events:none;overflow:visible}/*! +*/o-progress{container-name:oprogress;r:var(--o-radius);stroke-width:calc(var(--o-radius)/var(--orbit-nth)*var(--o-size-ratio, 1));transform:rotate(var(--o-from));position:absolute;display:flex;justify-content:center;align-items:center;width:100%;border-radius:50%;pointer-events:none}o-progress.rounded{--o-linecap: round}o-progress svg{pointer-events:none;overflow:visible}/*! ## Orbit Radial Layout Orbit radial layout is the core of Orbit library, offering a flexible, clean and simple way to design radial apps using just CSS. @@ -270,7 +267,7 @@ There are some modifiers to adjust orbit child distribution: - `--o-range`: This variable allows the user to set an arbitrary arc length. Values can range from 0 to 360deg. For convenience, there are utility classes `range-*` (.range-0 to .range-360). -- `--o-begin-at`: This variable allows the user to set an arbitrary starting point. Values can range from 0 to 360deg. For convenience, there are utility classes `begin-at-*` (.begin-at-0 to .begin-at-360). +- `--o-from`: This variable allows the user to set an arbitrary starting point. Values can range from 0 to 360deg. For convenience, there are utility classes `begin-at-*` (.from-0 to .from-360). ### Usage and Examples @@ -319,14 +316,14 @@ There is a small set of CSS utilities to use with some orbit classes and compone - **.orbital-zone aligment utilities** - `.center`, `center-left`, `.center-right`, `.top-left`, `.top-center`, `.top-right`, `.bottom-left`, `.bottom-center`, `.bottom-right` - **.orbit or .orbit-* child elements utilities (satellite, vector, o-sector, o-progress)** - - `.begin-at-*`: To set a starting angle point. From 0 - 360deg. Default 0deg. + - `.from-*`: To set a starting angle point. From 0 - 360deg. Default 0deg. - `.range-*`: To set a limit to distribute elements. From 0 - 360deg. Default 360deg. - - `.angle-*`: To set an angle poijt to place elements. From 0 - 360deg. (not applies to o-progress) + - `.angle-*`: To set an angle point to place elements. From 0 - 360deg. (not applies to o-progress) - **Satellite, vector, o-sector, o-progress utilites** - - `.size-*x`: To increase size according number of orbits. Default 1. - - `.size-*fr`: To decrease size according a fracction of orbit width. Default 1. - - `.inner`: To place element at a "low-orbit". Default midle-orbit - - `.outer`: To place element at a "high-orbit". Default midle-orbit + - `.grow-*x`: To increase size according number of orbits. Default 1. + - `.reduce-*`: To decrease size according an orbit fracction percentage. Default 1. + - `.inner-orbit`: To place element just below its orbit. + - `.outer-orbit`: To place element just above its orbit. - **satellite utilities** - `.circle` to render a circle shape. Default - `.rounded-box` to render a rounded box shape. @@ -334,4 +331,20 @@ There is a small set of CSS utilities to use with some orbit classes and compone - **o-sector utilities** - `.gap-*` applied on `.orbit` or `.orbit-*` or in `<o-sector>`: to set a gap space. Default '0' -*/.orbital-zone.top-left{align-items:flex-start !important;justify-content:flex-start !important}.orbital-zone.top-center{align-items:flex-start !important;justify-content:center !important}.orbital-zone.top-right{align-items:flex-start !important;justify-content:flex-end !important}.orbital-zone.bottom-left{align-items:flex-end !important;justify-content:flex-start !important}.orbital-zone.bottom-center{align-items:flex-end !important;justify-content:center !important}.orbital-zone.bottom-right{align-items:flex-end !important;justify-content:flex-end !important}.orbital-zone.center-left{align-items:center !important;justify-content:flex-start !important}.orbital-zone.center{align-items:center !important;justify-content:center !important}.orbital-zone.center-right{align-items:center !important;justify-content:flex-end !important}.range-0{--o-range: 0deg}.range-1{--o-range: 1deg}.range-2{--o-range: 2deg}.range-3{--o-range: 3deg}.range-4{--o-range: 4deg}.range-5{--o-range: 5deg}.range-6{--o-range: 6deg}.range-7{--o-range: 7deg}.range-8{--o-range: 8deg}.range-9{--o-range: 9deg}.range-10{--o-range: 10deg}.range-11{--o-range: 11deg}.range-12{--o-range: 12deg}.range-13{--o-range: 13deg}.range-14{--o-range: 14deg}.range-15{--o-range: 15deg}.range-16{--o-range: 16deg}.range-17{--o-range: 17deg}.range-18{--o-range: 18deg}.range-19{--o-range: 19deg}.range-20{--o-range: 20deg}.range-21{--o-range: 21deg}.range-22{--o-range: 22deg}.range-23{--o-range: 23deg}.range-24{--o-range: 24deg}.range-25{--o-range: 25deg}.range-26{--o-range: 26deg}.range-27{--o-range: 27deg}.range-28{--o-range: 28deg}.range-29{--o-range: 29deg}.range-30{--o-range: 30deg}.range-31{--o-range: 31deg}.range-32{--o-range: 32deg}.range-33{--o-range: 33deg}.range-34{--o-range: 34deg}.range-35{--o-range: 35deg}.range-36{--o-range: 36deg}.range-37{--o-range: 37deg}.range-38{--o-range: 38deg}.range-39{--o-range: 39deg}.range-40{--o-range: 40deg}.range-41{--o-range: 41deg}.range-42{--o-range: 42deg}.range-43{--o-range: 43deg}.range-44{--o-range: 44deg}.range-45{--o-range: 45deg}.range-46{--o-range: 46deg}.range-47{--o-range: 47deg}.range-48{--o-range: 48deg}.range-49{--o-range: 49deg}.range-50{--o-range: 50deg}.range-51{--o-range: 51deg}.range-52{--o-range: 52deg}.range-53{--o-range: 53deg}.range-54{--o-range: 54deg}.range-55{--o-range: 55deg}.range-56{--o-range: 56deg}.range-57{--o-range: 57deg}.range-58{--o-range: 58deg}.range-59{--o-range: 59deg}.range-60{--o-range: 60deg}.range-61{--o-range: 61deg}.range-62{--o-range: 62deg}.range-63{--o-range: 63deg}.range-64{--o-range: 64deg}.range-65{--o-range: 65deg}.range-66{--o-range: 66deg}.range-67{--o-range: 67deg}.range-68{--o-range: 68deg}.range-69{--o-range: 69deg}.range-70{--o-range: 70deg}.range-71{--o-range: 71deg}.range-72{--o-range: 72deg}.range-73{--o-range: 73deg}.range-74{--o-range: 74deg}.range-75{--o-range: 75deg}.range-76{--o-range: 76deg}.range-77{--o-range: 77deg}.range-78{--o-range: 78deg}.range-79{--o-range: 79deg}.range-80{--o-range: 80deg}.range-81{--o-range: 81deg}.range-82{--o-range: 82deg}.range-83{--o-range: 83deg}.range-84{--o-range: 84deg}.range-85{--o-range: 85deg}.range-86{--o-range: 86deg}.range-87{--o-range: 87deg}.range-88{--o-range: 88deg}.range-89{--o-range: 89deg}.range-90{--o-range: 90deg}.range-91{--o-range: 91deg}.range-92{--o-range: 92deg}.range-93{--o-range: 93deg}.range-94{--o-range: 94deg}.range-95{--o-range: 95deg}.range-96{--o-range: 96deg}.range-97{--o-range: 97deg}.range-98{--o-range: 98deg}.range-99{--o-range: 99deg}.range-100{--o-range: 100deg}.range-101{--o-range: 101deg}.range-102{--o-range: 102deg}.range-103{--o-range: 103deg}.range-104{--o-range: 104deg}.range-105{--o-range: 105deg}.range-106{--o-range: 106deg}.range-107{--o-range: 107deg}.range-108{--o-range: 108deg}.range-109{--o-range: 109deg}.range-110{--o-range: 110deg}.range-111{--o-range: 111deg}.range-112{--o-range: 112deg}.range-113{--o-range: 113deg}.range-114{--o-range: 114deg}.range-115{--o-range: 115deg}.range-116{--o-range: 116deg}.range-117{--o-range: 117deg}.range-118{--o-range: 118deg}.range-119{--o-range: 119deg}.range-120{--o-range: 120deg}.range-121{--o-range: 121deg}.range-122{--o-range: 122deg}.range-123{--o-range: 123deg}.range-124{--o-range: 124deg}.range-125{--o-range: 125deg}.range-126{--o-range: 126deg}.range-127{--o-range: 127deg}.range-128{--o-range: 128deg}.range-129{--o-range: 129deg}.range-130{--o-range: 130deg}.range-131{--o-range: 131deg}.range-132{--o-range: 132deg}.range-133{--o-range: 133deg}.range-134{--o-range: 134deg}.range-135{--o-range: 135deg}.range-136{--o-range: 136deg}.range-137{--o-range: 137deg}.range-138{--o-range: 138deg}.range-139{--o-range: 139deg}.range-140{--o-range: 140deg}.range-141{--o-range: 141deg}.range-142{--o-range: 142deg}.range-143{--o-range: 143deg}.range-144{--o-range: 144deg}.range-145{--o-range: 145deg}.range-146{--o-range: 146deg}.range-147{--o-range: 147deg}.range-148{--o-range: 148deg}.range-149{--o-range: 149deg}.range-150{--o-range: 150deg}.range-151{--o-range: 151deg}.range-152{--o-range: 152deg}.range-153{--o-range: 153deg}.range-154{--o-range: 154deg}.range-155{--o-range: 155deg}.range-156{--o-range: 156deg}.range-157{--o-range: 157deg}.range-158{--o-range: 158deg}.range-159{--o-range: 159deg}.range-160{--o-range: 160deg}.range-161{--o-range: 161deg}.range-162{--o-range: 162deg}.range-163{--o-range: 163deg}.range-164{--o-range: 164deg}.range-165{--o-range: 165deg}.range-166{--o-range: 166deg}.range-167{--o-range: 167deg}.range-168{--o-range: 168deg}.range-169{--o-range: 169deg}.range-170{--o-range: 170deg}.range-171{--o-range: 171deg}.range-172{--o-range: 172deg}.range-173{--o-range: 173deg}.range-174{--o-range: 174deg}.range-175{--o-range: 175deg}.range-176{--o-range: 176deg}.range-177{--o-range: 177deg}.range-178{--o-range: 178deg}.range-179{--o-range: 179deg}.range-180{--o-range: 180deg}.range-181{--o-range: 181deg}.range-182{--o-range: 182deg}.range-183{--o-range: 183deg}.range-184{--o-range: 184deg}.range-185{--o-range: 185deg}.range-186{--o-range: 186deg}.range-187{--o-range: 187deg}.range-188{--o-range: 188deg}.range-189{--o-range: 189deg}.range-190{--o-range: 190deg}.range-191{--o-range: 191deg}.range-192{--o-range: 192deg}.range-193{--o-range: 193deg}.range-194{--o-range: 194deg}.range-195{--o-range: 195deg}.range-196{--o-range: 196deg}.range-197{--o-range: 197deg}.range-198{--o-range: 198deg}.range-199{--o-range: 199deg}.range-200{--o-range: 200deg}.range-201{--o-range: 201deg}.range-202{--o-range: 202deg}.range-203{--o-range: 203deg}.range-204{--o-range: 204deg}.range-205{--o-range: 205deg}.range-206{--o-range: 206deg}.range-207{--o-range: 207deg}.range-208{--o-range: 208deg}.range-209{--o-range: 209deg}.range-210{--o-range: 210deg}.range-211{--o-range: 211deg}.range-212{--o-range: 212deg}.range-213{--o-range: 213deg}.range-214{--o-range: 214deg}.range-215{--o-range: 215deg}.range-216{--o-range: 216deg}.range-217{--o-range: 217deg}.range-218{--o-range: 218deg}.range-219{--o-range: 219deg}.range-220{--o-range: 220deg}.range-221{--o-range: 221deg}.range-222{--o-range: 222deg}.range-223{--o-range: 223deg}.range-224{--o-range: 224deg}.range-225{--o-range: 225deg}.range-226{--o-range: 226deg}.range-227{--o-range: 227deg}.range-228{--o-range: 228deg}.range-229{--o-range: 229deg}.range-230{--o-range: 230deg}.range-231{--o-range: 231deg}.range-232{--o-range: 232deg}.range-233{--o-range: 233deg}.range-234{--o-range: 234deg}.range-235{--o-range: 235deg}.range-236{--o-range: 236deg}.range-237{--o-range: 237deg}.range-238{--o-range: 238deg}.range-239{--o-range: 239deg}.range-240{--o-range: 240deg}.range-241{--o-range: 241deg}.range-242{--o-range: 242deg}.range-243{--o-range: 243deg}.range-244{--o-range: 244deg}.range-245{--o-range: 245deg}.range-246{--o-range: 246deg}.range-247{--o-range: 247deg}.range-248{--o-range: 248deg}.range-249{--o-range: 249deg}.range-250{--o-range: 250deg}.range-251{--o-range: 251deg}.range-252{--o-range: 252deg}.range-253{--o-range: 253deg}.range-254{--o-range: 254deg}.range-255{--o-range: 255deg}.range-256{--o-range: 256deg}.range-257{--o-range: 257deg}.range-258{--o-range: 258deg}.range-259{--o-range: 259deg}.range-260{--o-range: 260deg}.range-261{--o-range: 261deg}.range-262{--o-range: 262deg}.range-263{--o-range: 263deg}.range-264{--o-range: 264deg}.range-265{--o-range: 265deg}.range-266{--o-range: 266deg}.range-267{--o-range: 267deg}.range-268{--o-range: 268deg}.range-269{--o-range: 269deg}.range-270{--o-range: 270deg}.range-271{--o-range: 271deg}.range-272{--o-range: 272deg}.range-273{--o-range: 273deg}.range-274{--o-range: 274deg}.range-275{--o-range: 275deg}.range-276{--o-range: 276deg}.range-277{--o-range: 277deg}.range-278{--o-range: 278deg}.range-279{--o-range: 279deg}.range-280{--o-range: 280deg}.range-281{--o-range: 281deg}.range-282{--o-range: 282deg}.range-283{--o-range: 283deg}.range-284{--o-range: 284deg}.range-285{--o-range: 285deg}.range-286{--o-range: 286deg}.range-287{--o-range: 287deg}.range-288{--o-range: 288deg}.range-289{--o-range: 289deg}.range-290{--o-range: 290deg}.range-291{--o-range: 291deg}.range-292{--o-range: 292deg}.range-293{--o-range: 293deg}.range-294{--o-range: 294deg}.range-295{--o-range: 295deg}.range-296{--o-range: 296deg}.range-297{--o-range: 297deg}.range-298{--o-range: 298deg}.range-299{--o-range: 299deg}.range-300{--o-range: 300deg}.range-301{--o-range: 301deg}.range-302{--o-range: 302deg}.range-303{--o-range: 303deg}.range-304{--o-range: 304deg}.range-305{--o-range: 305deg}.range-306{--o-range: 306deg}.range-307{--o-range: 307deg}.range-308{--o-range: 308deg}.range-309{--o-range: 309deg}.range-310{--o-range: 310deg}.range-311{--o-range: 311deg}.range-312{--o-range: 312deg}.range-313{--o-range: 313deg}.range-314{--o-range: 314deg}.range-315{--o-range: 315deg}.range-316{--o-range: 316deg}.range-317{--o-range: 317deg}.range-318{--o-range: 318deg}.range-319{--o-range: 319deg}.range-320{--o-range: 320deg}.range-321{--o-range: 321deg}.range-322{--o-range: 322deg}.range-323{--o-range: 323deg}.range-324{--o-range: 324deg}.range-325{--o-range: 325deg}.range-326{--o-range: 326deg}.range-327{--o-range: 327deg}.range-328{--o-range: 328deg}.range-329{--o-range: 329deg}.range-330{--o-range: 330deg}.range-331{--o-range: 331deg}.range-332{--o-range: 332deg}.range-333{--o-range: 333deg}.range-334{--o-range: 334deg}.range-335{--o-range: 335deg}.range-336{--o-range: 336deg}.range-337{--o-range: 337deg}.range-338{--o-range: 338deg}.range-339{--o-range: 339deg}.range-340{--o-range: 340deg}.range-341{--o-range: 341deg}.range-342{--o-range: 342deg}.range-343{--o-range: 343deg}.range-344{--o-range: 344deg}.range-345{--o-range: 345deg}.range-346{--o-range: 346deg}.range-347{--o-range: 347deg}.range-348{--o-range: 348deg}.range-349{--o-range: 349deg}.range-350{--o-range: 350deg}.range-351{--o-range: 351deg}.range-352{--o-range: 352deg}.range-353{--o-range: 353deg}.range-354{--o-range: 354deg}.range-355{--o-range: 355deg}.range-356{--o-range: 356deg}.range-357{--o-range: 357deg}.range-358{--o-range: 358deg}.range-359{--o-range: 359deg}.range-360{--o-range: 360deg}.begin-at-0{--o-begin-at: 0deg}.begin-at-1{--o-begin-at: 1deg}.begin-at-2{--o-begin-at: 2deg}.begin-at-3{--o-begin-at: 3deg}.begin-at-4{--o-begin-at: 4deg}.begin-at-5{--o-begin-at: 5deg}.begin-at-6{--o-begin-at: 6deg}.begin-at-7{--o-begin-at: 7deg}.begin-at-8{--o-begin-at: 8deg}.begin-at-9{--o-begin-at: 9deg}.begin-at-10{--o-begin-at: 10deg}.begin-at-11{--o-begin-at: 11deg}.begin-at-12{--o-begin-at: 12deg}.begin-at-13{--o-begin-at: 13deg}.begin-at-14{--o-begin-at: 14deg}.begin-at-15{--o-begin-at: 15deg}.begin-at-16{--o-begin-at: 16deg}.begin-at-17{--o-begin-at: 17deg}.begin-at-18{--o-begin-at: 18deg}.begin-at-19{--o-begin-at: 19deg}.begin-at-20{--o-begin-at: 20deg}.begin-at-21{--o-begin-at: 21deg}.begin-at-22{--o-begin-at: 22deg}.begin-at-23{--o-begin-at: 23deg}.begin-at-24{--o-begin-at: 24deg}.begin-at-25{--o-begin-at: 25deg}.begin-at-26{--o-begin-at: 26deg}.begin-at-27{--o-begin-at: 27deg}.begin-at-28{--o-begin-at: 28deg}.begin-at-29{--o-begin-at: 29deg}.begin-at-30{--o-begin-at: 30deg}.begin-at-31{--o-begin-at: 31deg}.begin-at-32{--o-begin-at: 32deg}.begin-at-33{--o-begin-at: 33deg}.begin-at-34{--o-begin-at: 34deg}.begin-at-35{--o-begin-at: 35deg}.begin-at-36{--o-begin-at: 36deg}.begin-at-37{--o-begin-at: 37deg}.begin-at-38{--o-begin-at: 38deg}.begin-at-39{--o-begin-at: 39deg}.begin-at-40{--o-begin-at: 40deg}.begin-at-41{--o-begin-at: 41deg}.begin-at-42{--o-begin-at: 42deg}.begin-at-43{--o-begin-at: 43deg}.begin-at-44{--o-begin-at: 44deg}.begin-at-45{--o-begin-at: 45deg}.begin-at-46{--o-begin-at: 46deg}.begin-at-47{--o-begin-at: 47deg}.begin-at-48{--o-begin-at: 48deg}.begin-at-49{--o-begin-at: 49deg}.begin-at-50{--o-begin-at: 50deg}.begin-at-51{--o-begin-at: 51deg}.begin-at-52{--o-begin-at: 52deg}.begin-at-53{--o-begin-at: 53deg}.begin-at-54{--o-begin-at: 54deg}.begin-at-55{--o-begin-at: 55deg}.begin-at-56{--o-begin-at: 56deg}.begin-at-57{--o-begin-at: 57deg}.begin-at-58{--o-begin-at: 58deg}.begin-at-59{--o-begin-at: 59deg}.begin-at-60{--o-begin-at: 60deg}.begin-at-61{--o-begin-at: 61deg}.begin-at-62{--o-begin-at: 62deg}.begin-at-63{--o-begin-at: 63deg}.begin-at-64{--o-begin-at: 64deg}.begin-at-65{--o-begin-at: 65deg}.begin-at-66{--o-begin-at: 66deg}.begin-at-67{--o-begin-at: 67deg}.begin-at-68{--o-begin-at: 68deg}.begin-at-69{--o-begin-at: 69deg}.begin-at-70{--o-begin-at: 70deg}.begin-at-71{--o-begin-at: 71deg}.begin-at-72{--o-begin-at: 72deg}.begin-at-73{--o-begin-at: 73deg}.begin-at-74{--o-begin-at: 74deg}.begin-at-75{--o-begin-at: 75deg}.begin-at-76{--o-begin-at: 76deg}.begin-at-77{--o-begin-at: 77deg}.begin-at-78{--o-begin-at: 78deg}.begin-at-79{--o-begin-at: 79deg}.begin-at-80{--o-begin-at: 80deg}.begin-at-81{--o-begin-at: 81deg}.begin-at-82{--o-begin-at: 82deg}.begin-at-83{--o-begin-at: 83deg}.begin-at-84{--o-begin-at: 84deg}.begin-at-85{--o-begin-at: 85deg}.begin-at-86{--o-begin-at: 86deg}.begin-at-87{--o-begin-at: 87deg}.begin-at-88{--o-begin-at: 88deg}.begin-at-89{--o-begin-at: 89deg}.begin-at-90{--o-begin-at: 90deg}.begin-at-91{--o-begin-at: 91deg}.begin-at-92{--o-begin-at: 92deg}.begin-at-93{--o-begin-at: 93deg}.begin-at-94{--o-begin-at: 94deg}.begin-at-95{--o-begin-at: 95deg}.begin-at-96{--o-begin-at: 96deg}.begin-at-97{--o-begin-at: 97deg}.begin-at-98{--o-begin-at: 98deg}.begin-at-99{--o-begin-at: 99deg}.begin-at-100{--o-begin-at: 100deg}.begin-at-101{--o-begin-at: 101deg}.begin-at-102{--o-begin-at: 102deg}.begin-at-103{--o-begin-at: 103deg}.begin-at-104{--o-begin-at: 104deg}.begin-at-105{--o-begin-at: 105deg}.begin-at-106{--o-begin-at: 106deg}.begin-at-107{--o-begin-at: 107deg}.begin-at-108{--o-begin-at: 108deg}.begin-at-109{--o-begin-at: 109deg}.begin-at-110{--o-begin-at: 110deg}.begin-at-111{--o-begin-at: 111deg}.begin-at-112{--o-begin-at: 112deg}.begin-at-113{--o-begin-at: 113deg}.begin-at-114{--o-begin-at: 114deg}.begin-at-115{--o-begin-at: 115deg}.begin-at-116{--o-begin-at: 116deg}.begin-at-117{--o-begin-at: 117deg}.begin-at-118{--o-begin-at: 118deg}.begin-at-119{--o-begin-at: 119deg}.begin-at-120{--o-begin-at: 120deg}.begin-at-121{--o-begin-at: 121deg}.begin-at-122{--o-begin-at: 122deg}.begin-at-123{--o-begin-at: 123deg}.begin-at-124{--o-begin-at: 124deg}.begin-at-125{--o-begin-at: 125deg}.begin-at-126{--o-begin-at: 126deg}.begin-at-127{--o-begin-at: 127deg}.begin-at-128{--o-begin-at: 128deg}.begin-at-129{--o-begin-at: 129deg}.begin-at-130{--o-begin-at: 130deg}.begin-at-131{--o-begin-at: 131deg}.begin-at-132{--o-begin-at: 132deg}.begin-at-133{--o-begin-at: 133deg}.begin-at-134{--o-begin-at: 134deg}.begin-at-135{--o-begin-at: 135deg}.begin-at-136{--o-begin-at: 136deg}.begin-at-137{--o-begin-at: 137deg}.begin-at-138{--o-begin-at: 138deg}.begin-at-139{--o-begin-at: 139deg}.begin-at-140{--o-begin-at: 140deg}.begin-at-141{--o-begin-at: 141deg}.begin-at-142{--o-begin-at: 142deg}.begin-at-143{--o-begin-at: 143deg}.begin-at-144{--o-begin-at: 144deg}.begin-at-145{--o-begin-at: 145deg}.begin-at-146{--o-begin-at: 146deg}.begin-at-147{--o-begin-at: 147deg}.begin-at-148{--o-begin-at: 148deg}.begin-at-149{--o-begin-at: 149deg}.begin-at-150{--o-begin-at: 150deg}.begin-at-151{--o-begin-at: 151deg}.begin-at-152{--o-begin-at: 152deg}.begin-at-153{--o-begin-at: 153deg}.begin-at-154{--o-begin-at: 154deg}.begin-at-155{--o-begin-at: 155deg}.begin-at-156{--o-begin-at: 156deg}.begin-at-157{--o-begin-at: 157deg}.begin-at-158{--o-begin-at: 158deg}.begin-at-159{--o-begin-at: 159deg}.begin-at-160{--o-begin-at: 160deg}.begin-at-161{--o-begin-at: 161deg}.begin-at-162{--o-begin-at: 162deg}.begin-at-163{--o-begin-at: 163deg}.begin-at-164{--o-begin-at: 164deg}.begin-at-165{--o-begin-at: 165deg}.begin-at-166{--o-begin-at: 166deg}.begin-at-167{--o-begin-at: 167deg}.begin-at-168{--o-begin-at: 168deg}.begin-at-169{--o-begin-at: 169deg}.begin-at-170{--o-begin-at: 170deg}.begin-at-171{--o-begin-at: 171deg}.begin-at-172{--o-begin-at: 172deg}.begin-at-173{--o-begin-at: 173deg}.begin-at-174{--o-begin-at: 174deg}.begin-at-175{--o-begin-at: 175deg}.begin-at-176{--o-begin-at: 176deg}.begin-at-177{--o-begin-at: 177deg}.begin-at-178{--o-begin-at: 178deg}.begin-at-179{--o-begin-at: 179deg}.begin-at-180{--o-begin-at: 180deg}.begin-at-181{--o-begin-at: 181deg}.begin-at-182{--o-begin-at: 182deg}.begin-at-183{--o-begin-at: 183deg}.begin-at-184{--o-begin-at: 184deg}.begin-at-185{--o-begin-at: 185deg}.begin-at-186{--o-begin-at: 186deg}.begin-at-187{--o-begin-at: 187deg}.begin-at-188{--o-begin-at: 188deg}.begin-at-189{--o-begin-at: 189deg}.begin-at-190{--o-begin-at: 190deg}.begin-at-191{--o-begin-at: 191deg}.begin-at-192{--o-begin-at: 192deg}.begin-at-193{--o-begin-at: 193deg}.begin-at-194{--o-begin-at: 194deg}.begin-at-195{--o-begin-at: 195deg}.begin-at-196{--o-begin-at: 196deg}.begin-at-197{--o-begin-at: 197deg}.begin-at-198{--o-begin-at: 198deg}.begin-at-199{--o-begin-at: 199deg}.begin-at-200{--o-begin-at: 200deg}.begin-at-201{--o-begin-at: 201deg}.begin-at-202{--o-begin-at: 202deg}.begin-at-203{--o-begin-at: 203deg}.begin-at-204{--o-begin-at: 204deg}.begin-at-205{--o-begin-at: 205deg}.begin-at-206{--o-begin-at: 206deg}.begin-at-207{--o-begin-at: 207deg}.begin-at-208{--o-begin-at: 208deg}.begin-at-209{--o-begin-at: 209deg}.begin-at-210{--o-begin-at: 210deg}.begin-at-211{--o-begin-at: 211deg}.begin-at-212{--o-begin-at: 212deg}.begin-at-213{--o-begin-at: 213deg}.begin-at-214{--o-begin-at: 214deg}.begin-at-215{--o-begin-at: 215deg}.begin-at-216{--o-begin-at: 216deg}.begin-at-217{--o-begin-at: 217deg}.begin-at-218{--o-begin-at: 218deg}.begin-at-219{--o-begin-at: 219deg}.begin-at-220{--o-begin-at: 220deg}.begin-at-221{--o-begin-at: 221deg}.begin-at-222{--o-begin-at: 222deg}.begin-at-223{--o-begin-at: 223deg}.begin-at-224{--o-begin-at: 224deg}.begin-at-225{--o-begin-at: 225deg}.begin-at-226{--o-begin-at: 226deg}.begin-at-227{--o-begin-at: 227deg}.begin-at-228{--o-begin-at: 228deg}.begin-at-229{--o-begin-at: 229deg}.begin-at-230{--o-begin-at: 230deg}.begin-at-231{--o-begin-at: 231deg}.begin-at-232{--o-begin-at: 232deg}.begin-at-233{--o-begin-at: 233deg}.begin-at-234{--o-begin-at: 234deg}.begin-at-235{--o-begin-at: 235deg}.begin-at-236{--o-begin-at: 236deg}.begin-at-237{--o-begin-at: 237deg}.begin-at-238{--o-begin-at: 238deg}.begin-at-239{--o-begin-at: 239deg}.begin-at-240{--o-begin-at: 240deg}.begin-at-241{--o-begin-at: 241deg}.begin-at-242{--o-begin-at: 242deg}.begin-at-243{--o-begin-at: 243deg}.begin-at-244{--o-begin-at: 244deg}.begin-at-245{--o-begin-at: 245deg}.begin-at-246{--o-begin-at: 246deg}.begin-at-247{--o-begin-at: 247deg}.begin-at-248{--o-begin-at: 248deg}.begin-at-249{--o-begin-at: 249deg}.begin-at-250{--o-begin-at: 250deg}.begin-at-251{--o-begin-at: 251deg}.begin-at-252{--o-begin-at: 252deg}.begin-at-253{--o-begin-at: 253deg}.begin-at-254{--o-begin-at: 254deg}.begin-at-255{--o-begin-at: 255deg}.begin-at-256{--o-begin-at: 256deg}.begin-at-257{--o-begin-at: 257deg}.begin-at-258{--o-begin-at: 258deg}.begin-at-259{--o-begin-at: 259deg}.begin-at-260{--o-begin-at: 260deg}.begin-at-261{--o-begin-at: 261deg}.begin-at-262{--o-begin-at: 262deg}.begin-at-263{--o-begin-at: 263deg}.begin-at-264{--o-begin-at: 264deg}.begin-at-265{--o-begin-at: 265deg}.begin-at-266{--o-begin-at: 266deg}.begin-at-267{--o-begin-at: 267deg}.begin-at-268{--o-begin-at: 268deg}.begin-at-269{--o-begin-at: 269deg}.begin-at-270{--o-begin-at: 270deg}.begin-at-271{--o-begin-at: 271deg}.begin-at-272{--o-begin-at: 272deg}.begin-at-273{--o-begin-at: 273deg}.begin-at-274{--o-begin-at: 274deg}.begin-at-275{--o-begin-at: 275deg}.begin-at-276{--o-begin-at: 276deg}.begin-at-277{--o-begin-at: 277deg}.begin-at-278{--o-begin-at: 278deg}.begin-at-279{--o-begin-at: 279deg}.begin-at-280{--o-begin-at: 280deg}.begin-at-281{--o-begin-at: 281deg}.begin-at-282{--o-begin-at: 282deg}.begin-at-283{--o-begin-at: 283deg}.begin-at-284{--o-begin-at: 284deg}.begin-at-285{--o-begin-at: 285deg}.begin-at-286{--o-begin-at: 286deg}.begin-at-287{--o-begin-at: 287deg}.begin-at-288{--o-begin-at: 288deg}.begin-at-289{--o-begin-at: 289deg}.begin-at-290{--o-begin-at: 290deg}.begin-at-291{--o-begin-at: 291deg}.begin-at-292{--o-begin-at: 292deg}.begin-at-293{--o-begin-at: 293deg}.begin-at-294{--o-begin-at: 294deg}.begin-at-295{--o-begin-at: 295deg}.begin-at-296{--o-begin-at: 296deg}.begin-at-297{--o-begin-at: 297deg}.begin-at-298{--o-begin-at: 298deg}.begin-at-299{--o-begin-at: 299deg}.begin-at-300{--o-begin-at: 300deg}.begin-at-301{--o-begin-at: 301deg}.begin-at-302{--o-begin-at: 302deg}.begin-at-303{--o-begin-at: 303deg}.begin-at-304{--o-begin-at: 304deg}.begin-at-305{--o-begin-at: 305deg}.begin-at-306{--o-begin-at: 306deg}.begin-at-307{--o-begin-at: 307deg}.begin-at-308{--o-begin-at: 308deg}.begin-at-309{--o-begin-at: 309deg}.begin-at-310{--o-begin-at: 310deg}.begin-at-311{--o-begin-at: 311deg}.begin-at-312{--o-begin-at: 312deg}.begin-at-313{--o-begin-at: 313deg}.begin-at-314{--o-begin-at: 314deg}.begin-at-315{--o-begin-at: 315deg}.begin-at-316{--o-begin-at: 316deg}.begin-at-317{--o-begin-at: 317deg}.begin-at-318{--o-begin-at: 318deg}.begin-at-319{--o-begin-at: 319deg}.begin-at-320{--o-begin-at: 320deg}.begin-at-321{--o-begin-at: 321deg}.begin-at-322{--o-begin-at: 322deg}.begin-at-323{--o-begin-at: 323deg}.begin-at-324{--o-begin-at: 324deg}.begin-at-325{--o-begin-at: 325deg}.begin-at-326{--o-begin-at: 326deg}.begin-at-327{--o-begin-at: 327deg}.begin-at-328{--o-begin-at: 328deg}.begin-at-329{--o-begin-at: 329deg}.begin-at-330{--o-begin-at: 330deg}.begin-at-331{--o-begin-at: 331deg}.begin-at-332{--o-begin-at: 332deg}.begin-at-333{--o-begin-at: 333deg}.begin-at-334{--o-begin-at: 334deg}.begin-at-335{--o-begin-at: 335deg}.begin-at-336{--o-begin-at: 336deg}.begin-at-337{--o-begin-at: 337deg}.begin-at-338{--o-begin-at: 338deg}.begin-at-339{--o-begin-at: 339deg}.begin-at-340{--o-begin-at: 340deg}.begin-at-341{--o-begin-at: 341deg}.begin-at-342{--o-begin-at: 342deg}.begin-at-343{--o-begin-at: 343deg}.begin-at-344{--o-begin-at: 344deg}.begin-at-345{--o-begin-at: 345deg}.begin-at-346{--o-begin-at: 346deg}.begin-at-347{--o-begin-at: 347deg}.begin-at-348{--o-begin-at: 348deg}.begin-at-349{--o-begin-at: 349deg}.begin-at-350{--o-begin-at: 350deg}.begin-at-351{--o-begin-at: 351deg}.begin-at-352{--o-begin-at: 352deg}.begin-at-353{--o-begin-at: 353deg}.begin-at-354{--o-begin-at: 354deg}.begin-at-355{--o-begin-at: 355deg}.begin-at-356{--o-begin-at: 356deg}.begin-at-357{--o-begin-at: 357deg}.begin-at-358{--o-begin-at: 358deg}.begin-at-359{--o-begin-at: 359deg}.begin-at-360{--o-begin-at: 360deg}.angle-0{--o-angle-composite: 0deg}.angle-1{--o-angle-composite: 1deg}.angle-2{--o-angle-composite: 2deg}.angle-3{--o-angle-composite: 3deg}.angle-4{--o-angle-composite: 4deg}.angle-5{--o-angle-composite: 5deg}.angle-6{--o-angle-composite: 6deg}.angle-7{--o-angle-composite: 7deg}.angle-8{--o-angle-composite: 8deg}.angle-9{--o-angle-composite: 9deg}.angle-10{--o-angle-composite: 10deg}.angle-11{--o-angle-composite: 11deg}.angle-12{--o-angle-composite: 12deg}.angle-13{--o-angle-composite: 13deg}.angle-14{--o-angle-composite: 14deg}.angle-15{--o-angle-composite: 15deg}.angle-16{--o-angle-composite: 16deg}.angle-17{--o-angle-composite: 17deg}.angle-18{--o-angle-composite: 18deg}.angle-19{--o-angle-composite: 19deg}.angle-20{--o-angle-composite: 20deg}.angle-21{--o-angle-composite: 21deg}.angle-22{--o-angle-composite: 22deg}.angle-23{--o-angle-composite: 23deg}.angle-24{--o-angle-composite: 24deg}.angle-25{--o-angle-composite: 25deg}.angle-26{--o-angle-composite: 26deg}.angle-27{--o-angle-composite: 27deg}.angle-28{--o-angle-composite: 28deg}.angle-29{--o-angle-composite: 29deg}.angle-30{--o-angle-composite: 30deg}.angle-31{--o-angle-composite: 31deg}.angle-32{--o-angle-composite: 32deg}.angle-33{--o-angle-composite: 33deg}.angle-34{--o-angle-composite: 34deg}.angle-35{--o-angle-composite: 35deg}.angle-36{--o-angle-composite: 36deg}.angle-37{--o-angle-composite: 37deg}.angle-38{--o-angle-composite: 38deg}.angle-39{--o-angle-composite: 39deg}.angle-40{--o-angle-composite: 40deg}.angle-41{--o-angle-composite: 41deg}.angle-42{--o-angle-composite: 42deg}.angle-43{--o-angle-composite: 43deg}.angle-44{--o-angle-composite: 44deg}.angle-45{--o-angle-composite: 45deg}.angle-46{--o-angle-composite: 46deg}.angle-47{--o-angle-composite: 47deg}.angle-48{--o-angle-composite: 48deg}.angle-49{--o-angle-composite: 49deg}.angle-50{--o-angle-composite: 50deg}.angle-51{--o-angle-composite: 51deg}.angle-52{--o-angle-composite: 52deg}.angle-53{--o-angle-composite: 53deg}.angle-54{--o-angle-composite: 54deg}.angle-55{--o-angle-composite: 55deg}.angle-56{--o-angle-composite: 56deg}.angle-57{--o-angle-composite: 57deg}.angle-58{--o-angle-composite: 58deg}.angle-59{--o-angle-composite: 59deg}.angle-60{--o-angle-composite: 60deg}.angle-61{--o-angle-composite: 61deg}.angle-62{--o-angle-composite: 62deg}.angle-63{--o-angle-composite: 63deg}.angle-64{--o-angle-composite: 64deg}.angle-65{--o-angle-composite: 65deg}.angle-66{--o-angle-composite: 66deg}.angle-67{--o-angle-composite: 67deg}.angle-68{--o-angle-composite: 68deg}.angle-69{--o-angle-composite: 69deg}.angle-70{--o-angle-composite: 70deg}.angle-71{--o-angle-composite: 71deg}.angle-72{--o-angle-composite: 72deg}.angle-73{--o-angle-composite: 73deg}.angle-74{--o-angle-composite: 74deg}.angle-75{--o-angle-composite: 75deg}.angle-76{--o-angle-composite: 76deg}.angle-77{--o-angle-composite: 77deg}.angle-78{--o-angle-composite: 78deg}.angle-79{--o-angle-composite: 79deg}.angle-80{--o-angle-composite: 80deg}.angle-81{--o-angle-composite: 81deg}.angle-82{--o-angle-composite: 82deg}.angle-83{--o-angle-composite: 83deg}.angle-84{--o-angle-composite: 84deg}.angle-85{--o-angle-composite: 85deg}.angle-86{--o-angle-composite: 86deg}.angle-87{--o-angle-composite: 87deg}.angle-88{--o-angle-composite: 88deg}.angle-89{--o-angle-composite: 89deg}.angle-90{--o-angle-composite: 90deg}.angle-91{--o-angle-composite: 91deg}.angle-92{--o-angle-composite: 92deg}.angle-93{--o-angle-composite: 93deg}.angle-94{--o-angle-composite: 94deg}.angle-95{--o-angle-composite: 95deg}.angle-96{--o-angle-composite: 96deg}.angle-97{--o-angle-composite: 97deg}.angle-98{--o-angle-composite: 98deg}.angle-99{--o-angle-composite: 99deg}.angle-100{--o-angle-composite: 100deg}.angle-101{--o-angle-composite: 101deg}.angle-102{--o-angle-composite: 102deg}.angle-103{--o-angle-composite: 103deg}.angle-104{--o-angle-composite: 104deg}.angle-105{--o-angle-composite: 105deg}.angle-106{--o-angle-composite: 106deg}.angle-107{--o-angle-composite: 107deg}.angle-108{--o-angle-composite: 108deg}.angle-109{--o-angle-composite: 109deg}.angle-110{--o-angle-composite: 110deg}.angle-111{--o-angle-composite: 111deg}.angle-112{--o-angle-composite: 112deg}.angle-113{--o-angle-composite: 113deg}.angle-114{--o-angle-composite: 114deg}.angle-115{--o-angle-composite: 115deg}.angle-116{--o-angle-composite: 116deg}.angle-117{--o-angle-composite: 117deg}.angle-118{--o-angle-composite: 118deg}.angle-119{--o-angle-composite: 119deg}.angle-120{--o-angle-composite: 120deg}.angle-121{--o-angle-composite: 121deg}.angle-122{--o-angle-composite: 122deg}.angle-123{--o-angle-composite: 123deg}.angle-124{--o-angle-composite: 124deg}.angle-125{--o-angle-composite: 125deg}.angle-126{--o-angle-composite: 126deg}.angle-127{--o-angle-composite: 127deg}.angle-128{--o-angle-composite: 128deg}.angle-129{--o-angle-composite: 129deg}.angle-130{--o-angle-composite: 130deg}.angle-131{--o-angle-composite: 131deg}.angle-132{--o-angle-composite: 132deg}.angle-133{--o-angle-composite: 133deg}.angle-134{--o-angle-composite: 134deg}.angle-135{--o-angle-composite: 135deg}.angle-136{--o-angle-composite: 136deg}.angle-137{--o-angle-composite: 137deg}.angle-138{--o-angle-composite: 138deg}.angle-139{--o-angle-composite: 139deg}.angle-140{--o-angle-composite: 140deg}.angle-141{--o-angle-composite: 141deg}.angle-142{--o-angle-composite: 142deg}.angle-143{--o-angle-composite: 143deg}.angle-144{--o-angle-composite: 144deg}.angle-145{--o-angle-composite: 145deg}.angle-146{--o-angle-composite: 146deg}.angle-147{--o-angle-composite: 147deg}.angle-148{--o-angle-composite: 148deg}.angle-149{--o-angle-composite: 149deg}.angle-150{--o-angle-composite: 150deg}.angle-151{--o-angle-composite: 151deg}.angle-152{--o-angle-composite: 152deg}.angle-153{--o-angle-composite: 153deg}.angle-154{--o-angle-composite: 154deg}.angle-155{--o-angle-composite: 155deg}.angle-156{--o-angle-composite: 156deg}.angle-157{--o-angle-composite: 157deg}.angle-158{--o-angle-composite: 158deg}.angle-159{--o-angle-composite: 159deg}.angle-160{--o-angle-composite: 160deg}.angle-161{--o-angle-composite: 161deg}.angle-162{--o-angle-composite: 162deg}.angle-163{--o-angle-composite: 163deg}.angle-164{--o-angle-composite: 164deg}.angle-165{--o-angle-composite: 165deg}.angle-166{--o-angle-composite: 166deg}.angle-167{--o-angle-composite: 167deg}.angle-168{--o-angle-composite: 168deg}.angle-169{--o-angle-composite: 169deg}.angle-170{--o-angle-composite: 170deg}.angle-171{--o-angle-composite: 171deg}.angle-172{--o-angle-composite: 172deg}.angle-173{--o-angle-composite: 173deg}.angle-174{--o-angle-composite: 174deg}.angle-175{--o-angle-composite: 175deg}.angle-176{--o-angle-composite: 176deg}.angle-177{--o-angle-composite: 177deg}.angle-178{--o-angle-composite: 178deg}.angle-179{--o-angle-composite: 179deg}.angle-180{--o-angle-composite: 180deg}.angle-181{--o-angle-composite: 181deg}.angle-182{--o-angle-composite: 182deg}.angle-183{--o-angle-composite: 183deg}.angle-184{--o-angle-composite: 184deg}.angle-185{--o-angle-composite: 185deg}.angle-186{--o-angle-composite: 186deg}.angle-187{--o-angle-composite: 187deg}.angle-188{--o-angle-composite: 188deg}.angle-189{--o-angle-composite: 189deg}.angle-190{--o-angle-composite: 190deg}.angle-191{--o-angle-composite: 191deg}.angle-192{--o-angle-composite: 192deg}.angle-193{--o-angle-composite: 193deg}.angle-194{--o-angle-composite: 194deg}.angle-195{--o-angle-composite: 195deg}.angle-196{--o-angle-composite: 196deg}.angle-197{--o-angle-composite: 197deg}.angle-198{--o-angle-composite: 198deg}.angle-199{--o-angle-composite: 199deg}.angle-200{--o-angle-composite: 200deg}.angle-201{--o-angle-composite: 201deg}.angle-202{--o-angle-composite: 202deg}.angle-203{--o-angle-composite: 203deg}.angle-204{--o-angle-composite: 204deg}.angle-205{--o-angle-composite: 205deg}.angle-206{--o-angle-composite: 206deg}.angle-207{--o-angle-composite: 207deg}.angle-208{--o-angle-composite: 208deg}.angle-209{--o-angle-composite: 209deg}.angle-210{--o-angle-composite: 210deg}.angle-211{--o-angle-composite: 211deg}.angle-212{--o-angle-composite: 212deg}.angle-213{--o-angle-composite: 213deg}.angle-214{--o-angle-composite: 214deg}.angle-215{--o-angle-composite: 215deg}.angle-216{--o-angle-composite: 216deg}.angle-217{--o-angle-composite: 217deg}.angle-218{--o-angle-composite: 218deg}.angle-219{--o-angle-composite: 219deg}.angle-220{--o-angle-composite: 220deg}.angle-221{--o-angle-composite: 221deg}.angle-222{--o-angle-composite: 222deg}.angle-223{--o-angle-composite: 223deg}.angle-224{--o-angle-composite: 224deg}.angle-225{--o-angle-composite: 225deg}.angle-226{--o-angle-composite: 226deg}.angle-227{--o-angle-composite: 227deg}.angle-228{--o-angle-composite: 228deg}.angle-229{--o-angle-composite: 229deg}.angle-230{--o-angle-composite: 230deg}.angle-231{--o-angle-composite: 231deg}.angle-232{--o-angle-composite: 232deg}.angle-233{--o-angle-composite: 233deg}.angle-234{--o-angle-composite: 234deg}.angle-235{--o-angle-composite: 235deg}.angle-236{--o-angle-composite: 236deg}.angle-237{--o-angle-composite: 237deg}.angle-238{--o-angle-composite: 238deg}.angle-239{--o-angle-composite: 239deg}.angle-240{--o-angle-composite: 240deg}.angle-241{--o-angle-composite: 241deg}.angle-242{--o-angle-composite: 242deg}.angle-243{--o-angle-composite: 243deg}.angle-244{--o-angle-composite: 244deg}.angle-245{--o-angle-composite: 245deg}.angle-246{--o-angle-composite: 246deg}.angle-247{--o-angle-composite: 247deg}.angle-248{--o-angle-composite: 248deg}.angle-249{--o-angle-composite: 249deg}.angle-250{--o-angle-composite: 250deg}.angle-251{--o-angle-composite: 251deg}.angle-252{--o-angle-composite: 252deg}.angle-253{--o-angle-composite: 253deg}.angle-254{--o-angle-composite: 254deg}.angle-255{--o-angle-composite: 255deg}.angle-256{--o-angle-composite: 256deg}.angle-257{--o-angle-composite: 257deg}.angle-258{--o-angle-composite: 258deg}.angle-259{--o-angle-composite: 259deg}.angle-260{--o-angle-composite: 260deg}.angle-261{--o-angle-composite: 261deg}.angle-262{--o-angle-composite: 262deg}.angle-263{--o-angle-composite: 263deg}.angle-264{--o-angle-composite: 264deg}.angle-265{--o-angle-composite: 265deg}.angle-266{--o-angle-composite: 266deg}.angle-267{--o-angle-composite: 267deg}.angle-268{--o-angle-composite: 268deg}.angle-269{--o-angle-composite: 269deg}.angle-270{--o-angle-composite: 270deg}.angle-271{--o-angle-composite: 271deg}.angle-272{--o-angle-composite: 272deg}.angle-273{--o-angle-composite: 273deg}.angle-274{--o-angle-composite: 274deg}.angle-275{--o-angle-composite: 275deg}.angle-276{--o-angle-composite: 276deg}.angle-277{--o-angle-composite: 277deg}.angle-278{--o-angle-composite: 278deg}.angle-279{--o-angle-composite: 279deg}.angle-280{--o-angle-composite: 280deg}.angle-281{--o-angle-composite: 281deg}.angle-282{--o-angle-composite: 282deg}.angle-283{--o-angle-composite: 283deg}.angle-284{--o-angle-composite: 284deg}.angle-285{--o-angle-composite: 285deg}.angle-286{--o-angle-composite: 286deg}.angle-287{--o-angle-composite: 287deg}.angle-288{--o-angle-composite: 288deg}.angle-289{--o-angle-composite: 289deg}.angle-290{--o-angle-composite: 290deg}.angle-291{--o-angle-composite: 291deg}.angle-292{--o-angle-composite: 292deg}.angle-293{--o-angle-composite: 293deg}.angle-294{--o-angle-composite: 294deg}.angle-295{--o-angle-composite: 295deg}.angle-296{--o-angle-composite: 296deg}.angle-297{--o-angle-composite: 297deg}.angle-298{--o-angle-composite: 298deg}.angle-299{--o-angle-composite: 299deg}.angle-300{--o-angle-composite: 300deg}.angle-301{--o-angle-composite: 301deg}.angle-302{--o-angle-composite: 302deg}.angle-303{--o-angle-composite: 303deg}.angle-304{--o-angle-composite: 304deg}.angle-305{--o-angle-composite: 305deg}.angle-306{--o-angle-composite: 306deg}.angle-307{--o-angle-composite: 307deg}.angle-308{--o-angle-composite: 308deg}.angle-309{--o-angle-composite: 309deg}.angle-310{--o-angle-composite: 310deg}.angle-311{--o-angle-composite: 311deg}.angle-312{--o-angle-composite: 312deg}.angle-313{--o-angle-composite: 313deg}.angle-314{--o-angle-composite: 314deg}.angle-315{--o-angle-composite: 315deg}.angle-316{--o-angle-composite: 316deg}.angle-317{--o-angle-composite: 317deg}.angle-318{--o-angle-composite: 318deg}.angle-319{--o-angle-composite: 319deg}.angle-320{--o-angle-composite: 320deg}.angle-321{--o-angle-composite: 321deg}.angle-322{--o-angle-composite: 322deg}.angle-323{--o-angle-composite: 323deg}.angle-324{--o-angle-composite: 324deg}.angle-325{--o-angle-composite: 325deg}.angle-326{--o-angle-composite: 326deg}.angle-327{--o-angle-composite: 327deg}.angle-328{--o-angle-composite: 328deg}.angle-329{--o-angle-composite: 329deg}.angle-330{--o-angle-composite: 330deg}.angle-331{--o-angle-composite: 331deg}.angle-332{--o-angle-composite: 332deg}.angle-333{--o-angle-composite: 333deg}.angle-334{--o-angle-composite: 334deg}.angle-335{--o-angle-composite: 335deg}.angle-336{--o-angle-composite: 336deg}.angle-337{--o-angle-composite: 337deg}.angle-338{--o-angle-composite: 338deg}.angle-339{--o-angle-composite: 339deg}.angle-340{--o-angle-composite: 340deg}.angle-341{--o-angle-composite: 341deg}.angle-342{--o-angle-composite: 342deg}.angle-343{--o-angle-composite: 343deg}.angle-344{--o-angle-composite: 344deg}.angle-345{--o-angle-composite: 345deg}.angle-346{--o-angle-composite: 346deg}.angle-347{--o-angle-composite: 347deg}.angle-348{--o-angle-composite: 348deg}.angle-349{--o-angle-composite: 349deg}.angle-350{--o-angle-composite: 350deg}.angle-351{--o-angle-composite: 351deg}.angle-352{--o-angle-composite: 352deg}.angle-353{--o-angle-composite: 353deg}.angle-354{--o-angle-composite: 354deg}.angle-355{--o-angle-composite: 355deg}.angle-356{--o-angle-composite: 356deg}.angle-357{--o-angle-composite: 357deg}.angle-358{--o-angle-composite: 358deg}.angle-359{--o-angle-composite: 359deg}.angle-360{--o-angle-composite: 360deg}o-sector.gap-1{--o-gap: 1}o-sector.gap-2{--o-gap: 2}o-sector.gap-3{--o-gap: 3}o-sector.gap-4{--o-gap: 4}o-sector.gap-5{--o-gap: 5}o-sector.gap-6{--o-gap: 6}o-sector.gap-7{--o-gap: 7}o-sector.gap-8{--o-gap: 8}o-sector.gap-9{--o-gap: 9}o-sector.gap-10{--o-gap: 10}o-sector.gap-11{--o-gap: 11}o-sector.gap-12{--o-gap: 12}o-sector.gap-13{--o-gap: 13}o-sector.gap-14{--o-gap: 14}o-sector.gap-15{--o-gap: 15}o-sector.gap-16{--o-gap: 16}o-sector.gap-17{--o-gap: 17}o-sector.gap-18{--o-gap: 18}o-sector.gap-19{--o-gap: 19}o-sector.gap-20{--o-gap: 20}o-sector.gap-21{--o-gap: 21}o-sector.gap-22{--o-gap: 22}o-sector.gap-23{--o-gap: 23}o-sector.gap-24{--o-gap: 24}.size-1fr{--o-size-ratio: 0.0833333333}.size-2fr{--o-size-ratio: 0.1666666667}.size-3fr{--o-size-ratio: 0.25}.size-4fr{--o-size-ratio: 0.3333333333}.size-5fr{--o-size-ratio: 0.4166666667}.size-6fr{--o-size-ratio: 0.5}.size-7fr{--o-size-ratio: 0.5833333333}.size-8fr{--o-size-ratio: 0.6666666667}.size-9fr{--o-size-ratio: 0.75}.size-10fr{--o-size-ratio: 0.8333333333}.size-11fr{--o-size-ratio: 0.9166666667}.size-12fr{--o-size-ratio: 1}.size-1x{--o-size-ratio: 1}.size-2x{--o-size-ratio: 2}.size-3x{--o-size-ratio: 3}.size-4x{--o-size-ratio: 4}.size-5x{--o-size-ratio: 5}.size-6x{--o-size-ratio: 6}.size-7x{--o-size-ratio: 7}.size-8x{--o-size-ratio: 8}.size-9x{--o-size-ratio: 9}.size-10x{--o-size-ratio: 10}.size-11x{--o-size-ratio: 11}.size-12x{--o-size-ratio: 12}.inner{--o-aligment: calc( var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1) ) / 2}.outer{--o-aligment: calc( var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1) ) / -2}.orbit,[class*=orbit-]{border:1px solid #007bff}.satellite{background-color:#ff0;border:1px solid #000}o-sector path{stroke-opacity:.5;border:1px solid purple}o-sector path:hover{stroke:red;cursor:pointer}.vector{border:none;background:#000}/*# sourceMappingURL=orbit.min.css.map */ \ No newline at end of file +*/.orbital-zone.top-left{align-items:flex-start !important;justify-content:flex-start !important}.orbital-zone.top-center{align-items:flex-start !important;justify-content:center !important}.orbital-zone.top-right{align-items:flex-start !important;justify-content:flex-end !important}.orbital-zone.bottom-left{align-items:flex-end !important;justify-content:flex-start !important}.orbital-zone.bottom-center{align-items:flex-end !important;justify-content:center !important}.orbital-zone.bottom-right{align-items:flex-end !important;justify-content:flex-end !important}.orbital-zone.center-left{align-items:center !important;justify-content:flex-start !important}.orbital-zone.center{align-items:center !important;justify-content:center !important}.orbital-zone.center-right{align-items:center !important;justify-content:flex-end !important}.range-0{--o-range: 0deg}.range-1{--o-range: 1deg}.range-2{--o-range: 2deg}.range-3{--o-range: 3deg}.range-4{--o-range: 4deg}.range-5{--o-range: 5deg}.range-6{--o-range: 6deg}.range-7{--o-range: 7deg}.range-8{--o-range: 8deg}.range-9{--o-range: 9deg}.range-10{--o-range: 10deg}.range-11{--o-range: 11deg}.range-12{--o-range: 12deg}.range-13{--o-range: 13deg}.range-14{--o-range: 14deg}.range-15{--o-range: 15deg}.range-16{--o-range: 16deg}.range-17{--o-range: 17deg}.range-18{--o-range: 18deg}.range-19{--o-range: 19deg}.range-20{--o-range: 20deg}.range-21{--o-range: 21deg}.range-22{--o-range: 22deg}.range-23{--o-range: 23deg}.range-24{--o-range: 24deg}.range-25{--o-range: 25deg}.range-26{--o-range: 26deg}.range-27{--o-range: 27deg}.range-28{--o-range: 28deg}.range-29{--o-range: 29deg}.range-30{--o-range: 30deg}.range-31{--o-range: 31deg}.range-32{--o-range: 32deg}.range-33{--o-range: 33deg}.range-34{--o-range: 34deg}.range-35{--o-range: 35deg}.range-36{--o-range: 36deg}.range-37{--o-range: 37deg}.range-38{--o-range: 38deg}.range-39{--o-range: 39deg}.range-40{--o-range: 40deg}.range-41{--o-range: 41deg}.range-42{--o-range: 42deg}.range-43{--o-range: 43deg}.range-44{--o-range: 44deg}.range-45{--o-range: 45deg}.range-46{--o-range: 46deg}.range-47{--o-range: 47deg}.range-48{--o-range: 48deg}.range-49{--o-range: 49deg}.range-50{--o-range: 50deg}.range-51{--o-range: 51deg}.range-52{--o-range: 52deg}.range-53{--o-range: 53deg}.range-54{--o-range: 54deg}.range-55{--o-range: 55deg}.range-56{--o-range: 56deg}.range-57{--o-range: 57deg}.range-58{--o-range: 58deg}.range-59{--o-range: 59deg}.range-60{--o-range: 60deg}.range-61{--o-range: 61deg}.range-62{--o-range: 62deg}.range-63{--o-range: 63deg}.range-64{--o-range: 64deg}.range-65{--o-range: 65deg}.range-66{--o-range: 66deg}.range-67{--o-range: 67deg}.range-68{--o-range: 68deg}.range-69{--o-range: 69deg}.range-70{--o-range: 70deg}.range-71{--o-range: 71deg}.range-72{--o-range: 72deg}.range-73{--o-range: 73deg}.range-74{--o-range: 74deg}.range-75{--o-range: 75deg}.range-76{--o-range: 76deg}.range-77{--o-range: 77deg}.range-78{--o-range: 78deg}.range-79{--o-range: 79deg}.range-80{--o-range: 80deg}.range-81{--o-range: 81deg}.range-82{--o-range: 82deg}.range-83{--o-range: 83deg}.range-84{--o-range: 84deg}.range-85{--o-range: 85deg}.range-86{--o-range: 86deg}.range-87{--o-range: 87deg}.range-88{--o-range: 88deg}.range-89{--o-range: 89deg}.range-90{--o-range: 90deg}.range-91{--o-range: 91deg}.range-92{--o-range: 92deg}.range-93{--o-range: 93deg}.range-94{--o-range: 94deg}.range-95{--o-range: 95deg}.range-96{--o-range: 96deg}.range-97{--o-range: 97deg}.range-98{--o-range: 98deg}.range-99{--o-range: 99deg}.range-100{--o-range: 100deg}.range-101{--o-range: 101deg}.range-102{--o-range: 102deg}.range-103{--o-range: 103deg}.range-104{--o-range: 104deg}.range-105{--o-range: 105deg}.range-106{--o-range: 106deg}.range-107{--o-range: 107deg}.range-108{--o-range: 108deg}.range-109{--o-range: 109deg}.range-110{--o-range: 110deg}.range-111{--o-range: 111deg}.range-112{--o-range: 112deg}.range-113{--o-range: 113deg}.range-114{--o-range: 114deg}.range-115{--o-range: 115deg}.range-116{--o-range: 116deg}.range-117{--o-range: 117deg}.range-118{--o-range: 118deg}.range-119{--o-range: 119deg}.range-120{--o-range: 120deg}.range-121{--o-range: 121deg}.range-122{--o-range: 122deg}.range-123{--o-range: 123deg}.range-124{--o-range: 124deg}.range-125{--o-range: 125deg}.range-126{--o-range: 126deg}.range-127{--o-range: 127deg}.range-128{--o-range: 128deg}.range-129{--o-range: 129deg}.range-130{--o-range: 130deg}.range-131{--o-range: 131deg}.range-132{--o-range: 132deg}.range-133{--o-range: 133deg}.range-134{--o-range: 134deg}.range-135{--o-range: 135deg}.range-136{--o-range: 136deg}.range-137{--o-range: 137deg}.range-138{--o-range: 138deg}.range-139{--o-range: 139deg}.range-140{--o-range: 140deg}.range-141{--o-range: 141deg}.range-142{--o-range: 142deg}.range-143{--o-range: 143deg}.range-144{--o-range: 144deg}.range-145{--o-range: 145deg}.range-146{--o-range: 146deg}.range-147{--o-range: 147deg}.range-148{--o-range: 148deg}.range-149{--o-range: 149deg}.range-150{--o-range: 150deg}.range-151{--o-range: 151deg}.range-152{--o-range: 152deg}.range-153{--o-range: 153deg}.range-154{--o-range: 154deg}.range-155{--o-range: 155deg}.range-156{--o-range: 156deg}.range-157{--o-range: 157deg}.range-158{--o-range: 158deg}.range-159{--o-range: 159deg}.range-160{--o-range: 160deg}.range-161{--o-range: 161deg}.range-162{--o-range: 162deg}.range-163{--o-range: 163deg}.range-164{--o-range: 164deg}.range-165{--o-range: 165deg}.range-166{--o-range: 166deg}.range-167{--o-range: 167deg}.range-168{--o-range: 168deg}.range-169{--o-range: 169deg}.range-170{--o-range: 170deg}.range-171{--o-range: 171deg}.range-172{--o-range: 172deg}.range-173{--o-range: 173deg}.range-174{--o-range: 174deg}.range-175{--o-range: 175deg}.range-176{--o-range: 176deg}.range-177{--o-range: 177deg}.range-178{--o-range: 178deg}.range-179{--o-range: 179deg}.range-180{--o-range: 180deg}.range-181{--o-range: 181deg}.range-182{--o-range: 182deg}.range-183{--o-range: 183deg}.range-184{--o-range: 184deg}.range-185{--o-range: 185deg}.range-186{--o-range: 186deg}.range-187{--o-range: 187deg}.range-188{--o-range: 188deg}.range-189{--o-range: 189deg}.range-190{--o-range: 190deg}.range-191{--o-range: 191deg}.range-192{--o-range: 192deg}.range-193{--o-range: 193deg}.range-194{--o-range: 194deg}.range-195{--o-range: 195deg}.range-196{--o-range: 196deg}.range-197{--o-range: 197deg}.range-198{--o-range: 198deg}.range-199{--o-range: 199deg}.range-200{--o-range: 200deg}.range-201{--o-range: 201deg}.range-202{--o-range: 202deg}.range-203{--o-range: 203deg}.range-204{--o-range: 204deg}.range-205{--o-range: 205deg}.range-206{--o-range: 206deg}.range-207{--o-range: 207deg}.range-208{--o-range: 208deg}.range-209{--o-range: 209deg}.range-210{--o-range: 210deg}.range-211{--o-range: 211deg}.range-212{--o-range: 212deg}.range-213{--o-range: 213deg}.range-214{--o-range: 214deg}.range-215{--o-range: 215deg}.range-216{--o-range: 216deg}.range-217{--o-range: 217deg}.range-218{--o-range: 218deg}.range-219{--o-range: 219deg}.range-220{--o-range: 220deg}.range-221{--o-range: 221deg}.range-222{--o-range: 222deg}.range-223{--o-range: 223deg}.range-224{--o-range: 224deg}.range-225{--o-range: 225deg}.range-226{--o-range: 226deg}.range-227{--o-range: 227deg}.range-228{--o-range: 228deg}.range-229{--o-range: 229deg}.range-230{--o-range: 230deg}.range-231{--o-range: 231deg}.range-232{--o-range: 232deg}.range-233{--o-range: 233deg}.range-234{--o-range: 234deg}.range-235{--o-range: 235deg}.range-236{--o-range: 236deg}.range-237{--o-range: 237deg}.range-238{--o-range: 238deg}.range-239{--o-range: 239deg}.range-240{--o-range: 240deg}.range-241{--o-range: 241deg}.range-242{--o-range: 242deg}.range-243{--o-range: 243deg}.range-244{--o-range: 244deg}.range-245{--o-range: 245deg}.range-246{--o-range: 246deg}.range-247{--o-range: 247deg}.range-248{--o-range: 248deg}.range-249{--o-range: 249deg}.range-250{--o-range: 250deg}.range-251{--o-range: 251deg}.range-252{--o-range: 252deg}.range-253{--o-range: 253deg}.range-254{--o-range: 254deg}.range-255{--o-range: 255deg}.range-256{--o-range: 256deg}.range-257{--o-range: 257deg}.range-258{--o-range: 258deg}.range-259{--o-range: 259deg}.range-260{--o-range: 260deg}.range-261{--o-range: 261deg}.range-262{--o-range: 262deg}.range-263{--o-range: 263deg}.range-264{--o-range: 264deg}.range-265{--o-range: 265deg}.range-266{--o-range: 266deg}.range-267{--o-range: 267deg}.range-268{--o-range: 268deg}.range-269{--o-range: 269deg}.range-270{--o-range: 270deg}.range-271{--o-range: 271deg}.range-272{--o-range: 272deg}.range-273{--o-range: 273deg}.range-274{--o-range: 274deg}.range-275{--o-range: 275deg}.range-276{--o-range: 276deg}.range-277{--o-range: 277deg}.range-278{--o-range: 278deg}.range-279{--o-range: 279deg}.range-280{--o-range: 280deg}.range-281{--o-range: 281deg}.range-282{--o-range: 282deg}.range-283{--o-range: 283deg}.range-284{--o-range: 284deg}.range-285{--o-range: 285deg}.range-286{--o-range: 286deg}.range-287{--o-range: 287deg}.range-288{--o-range: 288deg}.range-289{--o-range: 289deg}.range-290{--o-range: 290deg}.range-291{--o-range: 291deg}.range-292{--o-range: 292deg}.range-293{--o-range: 293deg}.range-294{--o-range: 294deg}.range-295{--o-range: 295deg}.range-296{--o-range: 296deg}.range-297{--o-range: 297deg}.range-298{--o-range: 298deg}.range-299{--o-range: 299deg}.range-300{--o-range: 300deg}.range-301{--o-range: 301deg}.range-302{--o-range: 302deg}.range-303{--o-range: 303deg}.range-304{--o-range: 304deg}.range-305{--o-range: 305deg}.range-306{--o-range: 306deg}.range-307{--o-range: 307deg}.range-308{--o-range: 308deg}.range-309{--o-range: 309deg}.range-310{--o-range: 310deg}.range-311{--o-range: 311deg}.range-312{--o-range: 312deg}.range-313{--o-range: 313deg}.range-314{--o-range: 314deg}.range-315{--o-range: 315deg}.range-316{--o-range: 316deg}.range-317{--o-range: 317deg}.range-318{--o-range: 318deg}.range-319{--o-range: 319deg}.range-320{--o-range: 320deg}.range-321{--o-range: 321deg}.range-322{--o-range: 322deg}.range-323{--o-range: 323deg}.range-324{--o-range: 324deg}.range-325{--o-range: 325deg}.range-326{--o-range: 326deg}.range-327{--o-range: 327deg}.range-328{--o-range: 328deg}.range-329{--o-range: 329deg}.range-330{--o-range: 330deg}.range-331{--o-range: 331deg}.range-332{--o-range: 332deg}.range-333{--o-range: 333deg}.range-334{--o-range: 334deg}.range-335{--o-range: 335deg}.range-336{--o-range: 336deg}.range-337{--o-range: 337deg}.range-338{--o-range: 338deg}.range-339{--o-range: 339deg}.range-340{--o-range: 340deg}.range-341{--o-range: 341deg}.range-342{--o-range: 342deg}.range-343{--o-range: 343deg}.range-344{--o-range: 344deg}.range-345{--o-range: 345deg}.range-346{--o-range: 346deg}.range-347{--o-range: 347deg}.range-348{--o-range: 348deg}.range-349{--o-range: 349deg}.range-350{--o-range: 350deg}.range-351{--o-range: 351deg}.range-352{--o-range: 352deg}.range-353{--o-range: 353deg}.range-354{--o-range: 354deg}.range-355{--o-range: 355deg}.range-356{--o-range: 356deg}.range-357{--o-range: 357deg}.range-358{--o-range: 358deg}.range-359{--o-range: 359deg}.range-360{--o-range: 360deg}.from-0{--o-from: 0deg}.from-1{--o-from: 1deg}.from-2{--o-from: 2deg}.from-3{--o-from: 3deg}.from-4{--o-from: 4deg}.from-5{--o-from: 5deg}.from-6{--o-from: 6deg}.from-7{--o-from: 7deg}.from-8{--o-from: 8deg}.from-9{--o-from: 9deg}.from-10{--o-from: 10deg}.from-11{--o-from: 11deg}.from-12{--o-from: 12deg}.from-13{--o-from: 13deg}.from-14{--o-from: 14deg}.from-15{--o-from: 15deg}.from-16{--o-from: 16deg}.from-17{--o-from: 17deg}.from-18{--o-from: 18deg}.from-19{--o-from: 19deg}.from-20{--o-from: 20deg}.from-21{--o-from: 21deg}.from-22{--o-from: 22deg}.from-23{--o-from: 23deg}.from-24{--o-from: 24deg}.from-25{--o-from: 25deg}.from-26{--o-from: 26deg}.from-27{--o-from: 27deg}.from-28{--o-from: 28deg}.from-29{--o-from: 29deg}.from-30{--o-from: 30deg}.from-31{--o-from: 31deg}.from-32{--o-from: 32deg}.from-33{--o-from: 33deg}.from-34{--o-from: 34deg}.from-35{--o-from: 35deg}.from-36{--o-from: 36deg}.from-37{--o-from: 37deg}.from-38{--o-from: 38deg}.from-39{--o-from: 39deg}.from-40{--o-from: 40deg}.from-41{--o-from: 41deg}.from-42{--o-from: 42deg}.from-43{--o-from: 43deg}.from-44{--o-from: 44deg}.from-45{--o-from: 45deg}.from-46{--o-from: 46deg}.from-47{--o-from: 47deg}.from-48{--o-from: 48deg}.from-49{--o-from: 49deg}.from-50{--o-from: 50deg}.from-51{--o-from: 51deg}.from-52{--o-from: 52deg}.from-53{--o-from: 53deg}.from-54{--o-from: 54deg}.from-55{--o-from: 55deg}.from-56{--o-from: 56deg}.from-57{--o-from: 57deg}.from-58{--o-from: 58deg}.from-59{--o-from: 59deg}.from-60{--o-from: 60deg}.from-61{--o-from: 61deg}.from-62{--o-from: 62deg}.from-63{--o-from: 63deg}.from-64{--o-from: 64deg}.from-65{--o-from: 65deg}.from-66{--o-from: 66deg}.from-67{--o-from: 67deg}.from-68{--o-from: 68deg}.from-69{--o-from: 69deg}.from-70{--o-from: 70deg}.from-71{--o-from: 71deg}.from-72{--o-from: 72deg}.from-73{--o-from: 73deg}.from-74{--o-from: 74deg}.from-75{--o-from: 75deg}.from-76{--o-from: 76deg}.from-77{--o-from: 77deg}.from-78{--o-from: 78deg}.from-79{--o-from: 79deg}.from-80{--o-from: 80deg}.from-81{--o-from: 81deg}.from-82{--o-from: 82deg}.from-83{--o-from: 83deg}.from-84{--o-from: 84deg}.from-85{--o-from: 85deg}.from-86{--o-from: 86deg}.from-87{--o-from: 87deg}.from-88{--o-from: 88deg}.from-89{--o-from: 89deg}.from-90{--o-from: 90deg}.from-91{--o-from: 91deg}.from-92{--o-from: 92deg}.from-93{--o-from: 93deg}.from-94{--o-from: 94deg}.from-95{--o-from: 95deg}.from-96{--o-from: 96deg}.from-97{--o-from: 97deg}.from-98{--o-from: 98deg}.from-99{--o-from: 99deg}.from-100{--o-from: 100deg}.from-101{--o-from: 101deg}.from-102{--o-from: 102deg}.from-103{--o-from: 103deg}.from-104{--o-from: 104deg}.from-105{--o-from: 105deg}.from-106{--o-from: 106deg}.from-107{--o-from: 107deg}.from-108{--o-from: 108deg}.from-109{--o-from: 109deg}.from-110{--o-from: 110deg}.from-111{--o-from: 111deg}.from-112{--o-from: 112deg}.from-113{--o-from: 113deg}.from-114{--o-from: 114deg}.from-115{--o-from: 115deg}.from-116{--o-from: 116deg}.from-117{--o-from: 117deg}.from-118{--o-from: 118deg}.from-119{--o-from: 119deg}.from-120{--o-from: 120deg}.from-121{--o-from: 121deg}.from-122{--o-from: 122deg}.from-123{--o-from: 123deg}.from-124{--o-from: 124deg}.from-125{--o-from: 125deg}.from-126{--o-from: 126deg}.from-127{--o-from: 127deg}.from-128{--o-from: 128deg}.from-129{--o-from: 129deg}.from-130{--o-from: 130deg}.from-131{--o-from: 131deg}.from-132{--o-from: 132deg}.from-133{--o-from: 133deg}.from-134{--o-from: 134deg}.from-135{--o-from: 135deg}.from-136{--o-from: 136deg}.from-137{--o-from: 137deg}.from-138{--o-from: 138deg}.from-139{--o-from: 139deg}.from-140{--o-from: 140deg}.from-141{--o-from: 141deg}.from-142{--o-from: 142deg}.from-143{--o-from: 143deg}.from-144{--o-from: 144deg}.from-145{--o-from: 145deg}.from-146{--o-from: 146deg}.from-147{--o-from: 147deg}.from-148{--o-from: 148deg}.from-149{--o-from: 149deg}.from-150{--o-from: 150deg}.from-151{--o-from: 151deg}.from-152{--o-from: 152deg}.from-153{--o-from: 153deg}.from-154{--o-from: 154deg}.from-155{--o-from: 155deg}.from-156{--o-from: 156deg}.from-157{--o-from: 157deg}.from-158{--o-from: 158deg}.from-159{--o-from: 159deg}.from-160{--o-from: 160deg}.from-161{--o-from: 161deg}.from-162{--o-from: 162deg}.from-163{--o-from: 163deg}.from-164{--o-from: 164deg}.from-165{--o-from: 165deg}.from-166{--o-from: 166deg}.from-167{--o-from: 167deg}.from-168{--o-from: 168deg}.from-169{--o-from: 169deg}.from-170{--o-from: 170deg}.from-171{--o-from: 171deg}.from-172{--o-from: 172deg}.from-173{--o-from: 173deg}.from-174{--o-from: 174deg}.from-175{--o-from: 175deg}.from-176{--o-from: 176deg}.from-177{--o-from: 177deg}.from-178{--o-from: 178deg}.from-179{--o-from: 179deg}.from-180{--o-from: 180deg}.from-181{--o-from: 181deg}.from-182{--o-from: 182deg}.from-183{--o-from: 183deg}.from-184{--o-from: 184deg}.from-185{--o-from: 185deg}.from-186{--o-from: 186deg}.from-187{--o-from: 187deg}.from-188{--o-from: 188deg}.from-189{--o-from: 189deg}.from-190{--o-from: 190deg}.from-191{--o-from: 191deg}.from-192{--o-from: 192deg}.from-193{--o-from: 193deg}.from-194{--o-from: 194deg}.from-195{--o-from: 195deg}.from-196{--o-from: 196deg}.from-197{--o-from: 197deg}.from-198{--o-from: 198deg}.from-199{--o-from: 199deg}.from-200{--o-from: 200deg}.from-201{--o-from: 201deg}.from-202{--o-from: 202deg}.from-203{--o-from: 203deg}.from-204{--o-from: 204deg}.from-205{--o-from: 205deg}.from-206{--o-from: 206deg}.from-207{--o-from: 207deg}.from-208{--o-from: 208deg}.from-209{--o-from: 209deg}.from-210{--o-from: 210deg}.from-211{--o-from: 211deg}.from-212{--o-from: 212deg}.from-213{--o-from: 213deg}.from-214{--o-from: 214deg}.from-215{--o-from: 215deg}.from-216{--o-from: 216deg}.from-217{--o-from: 217deg}.from-218{--o-from: 218deg}.from-219{--o-from: 219deg}.from-220{--o-from: 220deg}.from-221{--o-from: 221deg}.from-222{--o-from: 222deg}.from-223{--o-from: 223deg}.from-224{--o-from: 224deg}.from-225{--o-from: 225deg}.from-226{--o-from: 226deg}.from-227{--o-from: 227deg}.from-228{--o-from: 228deg}.from-229{--o-from: 229deg}.from-230{--o-from: 230deg}.from-231{--o-from: 231deg}.from-232{--o-from: 232deg}.from-233{--o-from: 233deg}.from-234{--o-from: 234deg}.from-235{--o-from: 235deg}.from-236{--o-from: 236deg}.from-237{--o-from: 237deg}.from-238{--o-from: 238deg}.from-239{--o-from: 239deg}.from-240{--o-from: 240deg}.from-241{--o-from: 241deg}.from-242{--o-from: 242deg}.from-243{--o-from: 243deg}.from-244{--o-from: 244deg}.from-245{--o-from: 245deg}.from-246{--o-from: 246deg}.from-247{--o-from: 247deg}.from-248{--o-from: 248deg}.from-249{--o-from: 249deg}.from-250{--o-from: 250deg}.from-251{--o-from: 251deg}.from-252{--o-from: 252deg}.from-253{--o-from: 253deg}.from-254{--o-from: 254deg}.from-255{--o-from: 255deg}.from-256{--o-from: 256deg}.from-257{--o-from: 257deg}.from-258{--o-from: 258deg}.from-259{--o-from: 259deg}.from-260{--o-from: 260deg}.from-261{--o-from: 261deg}.from-262{--o-from: 262deg}.from-263{--o-from: 263deg}.from-264{--o-from: 264deg}.from-265{--o-from: 265deg}.from-266{--o-from: 266deg}.from-267{--o-from: 267deg}.from-268{--o-from: 268deg}.from-269{--o-from: 269deg}.from-270{--o-from: 270deg}.from-271{--o-from: 271deg}.from-272{--o-from: 272deg}.from-273{--o-from: 273deg}.from-274{--o-from: 274deg}.from-275{--o-from: 275deg}.from-276{--o-from: 276deg}.from-277{--o-from: 277deg}.from-278{--o-from: 278deg}.from-279{--o-from: 279deg}.from-280{--o-from: 280deg}.from-281{--o-from: 281deg}.from-282{--o-from: 282deg}.from-283{--o-from: 283deg}.from-284{--o-from: 284deg}.from-285{--o-from: 285deg}.from-286{--o-from: 286deg}.from-287{--o-from: 287deg}.from-288{--o-from: 288deg}.from-289{--o-from: 289deg}.from-290{--o-from: 290deg}.from-291{--o-from: 291deg}.from-292{--o-from: 292deg}.from-293{--o-from: 293deg}.from-294{--o-from: 294deg}.from-295{--o-from: 295deg}.from-296{--o-from: 296deg}.from-297{--o-from: 297deg}.from-298{--o-from: 298deg}.from-299{--o-from: 299deg}.from-300{--o-from: 300deg}.from-301{--o-from: 301deg}.from-302{--o-from: 302deg}.from-303{--o-from: 303deg}.from-304{--o-from: 304deg}.from-305{--o-from: 305deg}.from-306{--o-from: 306deg}.from-307{--o-from: 307deg}.from-308{--o-from: 308deg}.from-309{--o-from: 309deg}.from-310{--o-from: 310deg}.from-311{--o-from: 311deg}.from-312{--o-from: 312deg}.from-313{--o-from: 313deg}.from-314{--o-from: 314deg}.from-315{--o-from: 315deg}.from-316{--o-from: 316deg}.from-317{--o-from: 317deg}.from-318{--o-from: 318deg}.from-319{--o-from: 319deg}.from-320{--o-from: 320deg}.from-321{--o-from: 321deg}.from-322{--o-from: 322deg}.from-323{--o-from: 323deg}.from-324{--o-from: 324deg}.from-325{--o-from: 325deg}.from-326{--o-from: 326deg}.from-327{--o-from: 327deg}.from-328{--o-from: 328deg}.from-329{--o-from: 329deg}.from-330{--o-from: 330deg}.from-331{--o-from: 331deg}.from-332{--o-from: 332deg}.from-333{--o-from: 333deg}.from-334{--o-from: 334deg}.from-335{--o-from: 335deg}.from-336{--o-from: 336deg}.from-337{--o-from: 337deg}.from-338{--o-from: 338deg}.from-339{--o-from: 339deg}.from-340{--o-from: 340deg}.from-341{--o-from: 341deg}.from-342{--o-from: 342deg}.from-343{--o-from: 343deg}.from-344{--o-from: 344deg}.from-345{--o-from: 345deg}.from-346{--o-from: 346deg}.from-347{--o-from: 347deg}.from-348{--o-from: 348deg}.from-349{--o-from: 349deg}.from-350{--o-from: 350deg}.from-351{--o-from: 351deg}.from-352{--o-from: 352deg}.from-353{--o-from: 353deg}.from-354{--o-from: 354deg}.from-355{--o-from: 355deg}.from-356{--o-from: 356deg}.from-357{--o-from: 357deg}.from-358{--o-from: 358deg}.from-359{--o-from: 359deg}.from-360{--o-from: 360deg}.angle-0{--o-angle-composite: 0deg}.angle-1{--o-angle-composite: 1deg}.angle-2{--o-angle-composite: 2deg}.angle-3{--o-angle-composite: 3deg}.angle-4{--o-angle-composite: 4deg}.angle-5{--o-angle-composite: 5deg}.angle-6{--o-angle-composite: 6deg}.angle-7{--o-angle-composite: 7deg}.angle-8{--o-angle-composite: 8deg}.angle-9{--o-angle-composite: 9deg}.angle-10{--o-angle-composite: 10deg}.angle-11{--o-angle-composite: 11deg}.angle-12{--o-angle-composite: 12deg}.angle-13{--o-angle-composite: 13deg}.angle-14{--o-angle-composite: 14deg}.angle-15{--o-angle-composite: 15deg}.angle-16{--o-angle-composite: 16deg}.angle-17{--o-angle-composite: 17deg}.angle-18{--o-angle-composite: 18deg}.angle-19{--o-angle-composite: 19deg}.angle-20{--o-angle-composite: 20deg}.angle-21{--o-angle-composite: 21deg}.angle-22{--o-angle-composite: 22deg}.angle-23{--o-angle-composite: 23deg}.angle-24{--o-angle-composite: 24deg}.angle-25{--o-angle-composite: 25deg}.angle-26{--o-angle-composite: 26deg}.angle-27{--o-angle-composite: 27deg}.angle-28{--o-angle-composite: 28deg}.angle-29{--o-angle-composite: 29deg}.angle-30{--o-angle-composite: 30deg}.angle-31{--o-angle-composite: 31deg}.angle-32{--o-angle-composite: 32deg}.angle-33{--o-angle-composite: 33deg}.angle-34{--o-angle-composite: 34deg}.angle-35{--o-angle-composite: 35deg}.angle-36{--o-angle-composite: 36deg}.angle-37{--o-angle-composite: 37deg}.angle-38{--o-angle-composite: 38deg}.angle-39{--o-angle-composite: 39deg}.angle-40{--o-angle-composite: 40deg}.angle-41{--o-angle-composite: 41deg}.angle-42{--o-angle-composite: 42deg}.angle-43{--o-angle-composite: 43deg}.angle-44{--o-angle-composite: 44deg}.angle-45{--o-angle-composite: 45deg}.angle-46{--o-angle-composite: 46deg}.angle-47{--o-angle-composite: 47deg}.angle-48{--o-angle-composite: 48deg}.angle-49{--o-angle-composite: 49deg}.angle-50{--o-angle-composite: 50deg}.angle-51{--o-angle-composite: 51deg}.angle-52{--o-angle-composite: 52deg}.angle-53{--o-angle-composite: 53deg}.angle-54{--o-angle-composite: 54deg}.angle-55{--o-angle-composite: 55deg}.angle-56{--o-angle-composite: 56deg}.angle-57{--o-angle-composite: 57deg}.angle-58{--o-angle-composite: 58deg}.angle-59{--o-angle-composite: 59deg}.angle-60{--o-angle-composite: 60deg}.angle-61{--o-angle-composite: 61deg}.angle-62{--o-angle-composite: 62deg}.angle-63{--o-angle-composite: 63deg}.angle-64{--o-angle-composite: 64deg}.angle-65{--o-angle-composite: 65deg}.angle-66{--o-angle-composite: 66deg}.angle-67{--o-angle-composite: 67deg}.angle-68{--o-angle-composite: 68deg}.angle-69{--o-angle-composite: 69deg}.angle-70{--o-angle-composite: 70deg}.angle-71{--o-angle-composite: 71deg}.angle-72{--o-angle-composite: 72deg}.angle-73{--o-angle-composite: 73deg}.angle-74{--o-angle-composite: 74deg}.angle-75{--o-angle-composite: 75deg}.angle-76{--o-angle-composite: 76deg}.angle-77{--o-angle-composite: 77deg}.angle-78{--o-angle-composite: 78deg}.angle-79{--o-angle-composite: 79deg}.angle-80{--o-angle-composite: 80deg}.angle-81{--o-angle-composite: 81deg}.angle-82{--o-angle-composite: 82deg}.angle-83{--o-angle-composite: 83deg}.angle-84{--o-angle-composite: 84deg}.angle-85{--o-angle-composite: 85deg}.angle-86{--o-angle-composite: 86deg}.angle-87{--o-angle-composite: 87deg}.angle-88{--o-angle-composite: 88deg}.angle-89{--o-angle-composite: 89deg}.angle-90{--o-angle-composite: 90deg}.angle-91{--o-angle-composite: 91deg}.angle-92{--o-angle-composite: 92deg}.angle-93{--o-angle-composite: 93deg}.angle-94{--o-angle-composite: 94deg}.angle-95{--o-angle-composite: 95deg}.angle-96{--o-angle-composite: 96deg}.angle-97{--o-angle-composite: 97deg}.angle-98{--o-angle-composite: 98deg}.angle-99{--o-angle-composite: 99deg}.angle-100{--o-angle-composite: 100deg}.angle-101{--o-angle-composite: 101deg}.angle-102{--o-angle-composite: 102deg}.angle-103{--o-angle-composite: 103deg}.angle-104{--o-angle-composite: 104deg}.angle-105{--o-angle-composite: 105deg}.angle-106{--o-angle-composite: 106deg}.angle-107{--o-angle-composite: 107deg}.angle-108{--o-angle-composite: 108deg}.angle-109{--o-angle-composite: 109deg}.angle-110{--o-angle-composite: 110deg}.angle-111{--o-angle-composite: 111deg}.angle-112{--o-angle-composite: 112deg}.angle-113{--o-angle-composite: 113deg}.angle-114{--o-angle-composite: 114deg}.angle-115{--o-angle-composite: 115deg}.angle-116{--o-angle-composite: 116deg}.angle-117{--o-angle-composite: 117deg}.angle-118{--o-angle-composite: 118deg}.angle-119{--o-angle-composite: 119deg}.angle-120{--o-angle-composite: 120deg}.angle-121{--o-angle-composite: 121deg}.angle-122{--o-angle-composite: 122deg}.angle-123{--o-angle-composite: 123deg}.angle-124{--o-angle-composite: 124deg}.angle-125{--o-angle-composite: 125deg}.angle-126{--o-angle-composite: 126deg}.angle-127{--o-angle-composite: 127deg}.angle-128{--o-angle-composite: 128deg}.angle-129{--o-angle-composite: 129deg}.angle-130{--o-angle-composite: 130deg}.angle-131{--o-angle-composite: 131deg}.angle-132{--o-angle-composite: 132deg}.angle-133{--o-angle-composite: 133deg}.angle-134{--o-angle-composite: 134deg}.angle-135{--o-angle-composite: 135deg}.angle-136{--o-angle-composite: 136deg}.angle-137{--o-angle-composite: 137deg}.angle-138{--o-angle-composite: 138deg}.angle-139{--o-angle-composite: 139deg}.angle-140{--o-angle-composite: 140deg}.angle-141{--o-angle-composite: 141deg}.angle-142{--o-angle-composite: 142deg}.angle-143{--o-angle-composite: 143deg}.angle-144{--o-angle-composite: 144deg}.angle-145{--o-angle-composite: 145deg}.angle-146{--o-angle-composite: 146deg}.angle-147{--o-angle-composite: 147deg}.angle-148{--o-angle-composite: 148deg}.angle-149{--o-angle-composite: 149deg}.angle-150{--o-angle-composite: 150deg}.angle-151{--o-angle-composite: 151deg}.angle-152{--o-angle-composite: 152deg}.angle-153{--o-angle-composite: 153deg}.angle-154{--o-angle-composite: 154deg}.angle-155{--o-angle-composite: 155deg}.angle-156{--o-angle-composite: 156deg}.angle-157{--o-angle-composite: 157deg}.angle-158{--o-angle-composite: 158deg}.angle-159{--o-angle-composite: 159deg}.angle-160{--o-angle-composite: 160deg}.angle-161{--o-angle-composite: 161deg}.angle-162{--o-angle-composite: 162deg}.angle-163{--o-angle-composite: 163deg}.angle-164{--o-angle-composite: 164deg}.angle-165{--o-angle-composite: 165deg}.angle-166{--o-angle-composite: 166deg}.angle-167{--o-angle-composite: 167deg}.angle-168{--o-angle-composite: 168deg}.angle-169{--o-angle-composite: 169deg}.angle-170{--o-angle-composite: 170deg}.angle-171{--o-angle-composite: 171deg}.angle-172{--o-angle-composite: 172deg}.angle-173{--o-angle-composite: 173deg}.angle-174{--o-angle-composite: 174deg}.angle-175{--o-angle-composite: 175deg}.angle-176{--o-angle-composite: 176deg}.angle-177{--o-angle-composite: 177deg}.angle-178{--o-angle-composite: 178deg}.angle-179{--o-angle-composite: 179deg}.angle-180{--o-angle-composite: 180deg}.angle-181{--o-angle-composite: 181deg}.angle-182{--o-angle-composite: 182deg}.angle-183{--o-angle-composite: 183deg}.angle-184{--o-angle-composite: 184deg}.angle-185{--o-angle-composite: 185deg}.angle-186{--o-angle-composite: 186deg}.angle-187{--o-angle-composite: 187deg}.angle-188{--o-angle-composite: 188deg}.angle-189{--o-angle-composite: 189deg}.angle-190{--o-angle-composite: 190deg}.angle-191{--o-angle-composite: 191deg}.angle-192{--o-angle-composite: 192deg}.angle-193{--o-angle-composite: 193deg}.angle-194{--o-angle-composite: 194deg}.angle-195{--o-angle-composite: 195deg}.angle-196{--o-angle-composite: 196deg}.angle-197{--o-angle-composite: 197deg}.angle-198{--o-angle-composite: 198deg}.angle-199{--o-angle-composite: 199deg}.angle-200{--o-angle-composite: 200deg}.angle-201{--o-angle-composite: 201deg}.angle-202{--o-angle-composite: 202deg}.angle-203{--o-angle-composite: 203deg}.angle-204{--o-angle-composite: 204deg}.angle-205{--o-angle-composite: 205deg}.angle-206{--o-angle-composite: 206deg}.angle-207{--o-angle-composite: 207deg}.angle-208{--o-angle-composite: 208deg}.angle-209{--o-angle-composite: 209deg}.angle-210{--o-angle-composite: 210deg}.angle-211{--o-angle-composite: 211deg}.angle-212{--o-angle-composite: 212deg}.angle-213{--o-angle-composite: 213deg}.angle-214{--o-angle-composite: 214deg}.angle-215{--o-angle-composite: 215deg}.angle-216{--o-angle-composite: 216deg}.angle-217{--o-angle-composite: 217deg}.angle-218{--o-angle-composite: 218deg}.angle-219{--o-angle-composite: 219deg}.angle-220{--o-angle-composite: 220deg}.angle-221{--o-angle-composite: 221deg}.angle-222{--o-angle-composite: 222deg}.angle-223{--o-angle-composite: 223deg}.angle-224{--o-angle-composite: 224deg}.angle-225{--o-angle-composite: 225deg}.angle-226{--o-angle-composite: 226deg}.angle-227{--o-angle-composite: 227deg}.angle-228{--o-angle-composite: 228deg}.angle-229{--o-angle-composite: 229deg}.angle-230{--o-angle-composite: 230deg}.angle-231{--o-angle-composite: 231deg}.angle-232{--o-angle-composite: 232deg}.angle-233{--o-angle-composite: 233deg}.angle-234{--o-angle-composite: 234deg}.angle-235{--o-angle-composite: 235deg}.angle-236{--o-angle-composite: 236deg}.angle-237{--o-angle-composite: 237deg}.angle-238{--o-angle-composite: 238deg}.angle-239{--o-angle-composite: 239deg}.angle-240{--o-angle-composite: 240deg}.angle-241{--o-angle-composite: 241deg}.angle-242{--o-angle-composite: 242deg}.angle-243{--o-angle-composite: 243deg}.angle-244{--o-angle-composite: 244deg}.angle-245{--o-angle-composite: 245deg}.angle-246{--o-angle-composite: 246deg}.angle-247{--o-angle-composite: 247deg}.angle-248{--o-angle-composite: 248deg}.angle-249{--o-angle-composite: 249deg}.angle-250{--o-angle-composite: 250deg}.angle-251{--o-angle-composite: 251deg}.angle-252{--o-angle-composite: 252deg}.angle-253{--o-angle-composite: 253deg}.angle-254{--o-angle-composite: 254deg}.angle-255{--o-angle-composite: 255deg}.angle-256{--o-angle-composite: 256deg}.angle-257{--o-angle-composite: 257deg}.angle-258{--o-angle-composite: 258deg}.angle-259{--o-angle-composite: 259deg}.angle-260{--o-angle-composite: 260deg}.angle-261{--o-angle-composite: 261deg}.angle-262{--o-angle-composite: 262deg}.angle-263{--o-angle-composite: 263deg}.angle-264{--o-angle-composite: 264deg}.angle-265{--o-angle-composite: 265deg}.angle-266{--o-angle-composite: 266deg}.angle-267{--o-angle-composite: 267deg}.angle-268{--o-angle-composite: 268deg}.angle-269{--o-angle-composite: 269deg}.angle-270{--o-angle-composite: 270deg}.angle-271{--o-angle-composite: 271deg}.angle-272{--o-angle-composite: 272deg}.angle-273{--o-angle-composite: 273deg}.angle-274{--o-angle-composite: 274deg}.angle-275{--o-angle-composite: 275deg}.angle-276{--o-angle-composite: 276deg}.angle-277{--o-angle-composite: 277deg}.angle-278{--o-angle-composite: 278deg}.angle-279{--o-angle-composite: 279deg}.angle-280{--o-angle-composite: 280deg}.angle-281{--o-angle-composite: 281deg}.angle-282{--o-angle-composite: 282deg}.angle-283{--o-angle-composite: 283deg}.angle-284{--o-angle-composite: 284deg}.angle-285{--o-angle-composite: 285deg}.angle-286{--o-angle-composite: 286deg}.angle-287{--o-angle-composite: 287deg}.angle-288{--o-angle-composite: 288deg}.angle-289{--o-angle-composite: 289deg}.angle-290{--o-angle-composite: 290deg}.angle-291{--o-angle-composite: 291deg}.angle-292{--o-angle-composite: 292deg}.angle-293{--o-angle-composite: 293deg}.angle-294{--o-angle-composite: 294deg}.angle-295{--o-angle-composite: 295deg}.angle-296{--o-angle-composite: 296deg}.angle-297{--o-angle-composite: 297deg}.angle-298{--o-angle-composite: 298deg}.angle-299{--o-angle-composite: 299deg}.angle-300{--o-angle-composite: 300deg}.angle-301{--o-angle-composite: 301deg}.angle-302{--o-angle-composite: 302deg}.angle-303{--o-angle-composite: 303deg}.angle-304{--o-angle-composite: 304deg}.angle-305{--o-angle-composite: 305deg}.angle-306{--o-angle-composite: 306deg}.angle-307{--o-angle-composite: 307deg}.angle-308{--o-angle-composite: 308deg}.angle-309{--o-angle-composite: 309deg}.angle-310{--o-angle-composite: 310deg}.angle-311{--o-angle-composite: 311deg}.angle-312{--o-angle-composite: 312deg}.angle-313{--o-angle-composite: 313deg}.angle-314{--o-angle-composite: 314deg}.angle-315{--o-angle-composite: 315deg}.angle-316{--o-angle-composite: 316deg}.angle-317{--o-angle-composite: 317deg}.angle-318{--o-angle-composite: 318deg}.angle-319{--o-angle-composite: 319deg}.angle-320{--o-angle-composite: 320deg}.angle-321{--o-angle-composite: 321deg}.angle-322{--o-angle-composite: 322deg}.angle-323{--o-angle-composite: 323deg}.angle-324{--o-angle-composite: 324deg}.angle-325{--o-angle-composite: 325deg}.angle-326{--o-angle-composite: 326deg}.angle-327{--o-angle-composite: 327deg}.angle-328{--o-angle-composite: 328deg}.angle-329{--o-angle-composite: 329deg}.angle-330{--o-angle-composite: 330deg}.angle-331{--o-angle-composite: 331deg}.angle-332{--o-angle-composite: 332deg}.angle-333{--o-angle-composite: 333deg}.angle-334{--o-angle-composite: 334deg}.angle-335{--o-angle-composite: 335deg}.angle-336{--o-angle-composite: 336deg}.angle-337{--o-angle-composite: 337deg}.angle-338{--o-angle-composite: 338deg}.angle-339{--o-angle-composite: 339deg}.angle-340{--o-angle-composite: 340deg}.angle-341{--o-angle-composite: 341deg}.angle-342{--o-angle-composite: 342deg}.angle-343{--o-angle-composite: 343deg}.angle-344{--o-angle-composite: 344deg}.angle-345{--o-angle-composite: 345deg}.angle-346{--o-angle-composite: 346deg}.angle-347{--o-angle-composite: 347deg}.angle-348{--o-angle-composite: 348deg}.angle-349{--o-angle-composite: 349deg}.angle-350{--o-angle-composite: 350deg}.angle-351{--o-angle-composite: 351deg}.angle-352{--o-angle-composite: 352deg}.angle-353{--o-angle-composite: 353deg}.angle-354{--o-angle-composite: 354deg}.angle-355{--o-angle-composite: 355deg}.angle-356{--o-angle-composite: 356deg}.angle-357{--o-angle-composite: 357deg}.angle-358{--o-angle-composite: 358deg}.angle-359{--o-angle-composite: 359deg}.angle-360{--o-angle-composite: 360deg}o-sector.gap-1{--o-gap: 1}o-sector.gap-2{--o-gap: 2}o-sector.gap-3{--o-gap: 3}o-sector.gap-4{--o-gap: 4}o-sector.gap-5{--o-gap: 5}o-sector.gap-6{--o-gap: 6}o-sector.gap-7{--o-gap: 7}o-sector.gap-8{--o-gap: 8}o-sector.gap-9{--o-gap: 9}o-sector.gap-10{--o-gap: 10}o-sector.gap-11{--o-gap: 11}o-sector.gap-12{--o-gap: 12}o-sector.gap-13{--o-gap: 13}o-sector.gap-14{--o-gap: 14}o-sector.gap-15{--o-gap: 15}o-sector.gap-16{--o-gap: 16}o-sector.gap-17{--o-gap: 17}o-sector.gap-18{--o-gap: 18}o-sector.gap-19{--o-gap: 19}o-sector.gap-20{--o-gap: 20}o-sector.gap-21{--o-gap: 21}o-sector.gap-22{--o-gap: 22}o-sector.gap-23{--o-gap: 23}o-sector.gap-24{--o-gap: 24}.reduce-0{--o-size-ratio: 1}.reduce-10{--o-size-ratio: 0.9}.reduce-20{--o-size-ratio: 0.8}.reduce-30{--o-size-ratio: 0.7}.reduce-40{--o-size-ratio: 0.6}.reduce-50{--o-size-ratio: 0.5}.reduce-60{--o-size-ratio: 0.4}.reduce-70{--o-size-ratio: 0.3}.reduce-80{--o-size-ratio: 0.2}.reduce-90{--o-size-ratio: 0.1}.reduce-100{--o-size-ratio: 0}.grow-1x{--o-size-ratio: 1}.grow-2x{--o-size-ratio: 2}.grow-3x{--o-size-ratio: 3}.grow-4x{--o-size-ratio: 4}.grow-5x{--o-size-ratio: 5}.grow-6x{--o-size-ratio: 6}.grow-7x{--o-size-ratio: 7}.grow-8x{--o-size-ratio: 8}.grow-9x{--o-size-ratio: 9}.grow-10x{--o-size-ratio: 10}.grow-11x{--o-size-ratio: 11}.grow-12x{--o-size-ratio: 12}.inner-orbit{--o-aligment: calc( var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1) ) / 2}.outer-orbit{--o-aligment: calc( var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1) ) / -2}/*! + +## Orbit support and check + +Orbit has a few but useful CSS checks and supports: + +### o-sector and o-progress only on circular orbits + +Currently Orbit doesn't support ellipse shapes, so when detected these web-components will be hidden. + +### Visual warning on invalid nested elements + +- Orbit checks and warns if `.orbital-zone` has some invalid Orbit direct child element. Only `.orbit` or `.orbit-*` are allowed + +- Orbit checks and warns if `.satellite` has some invalid Orbit direct child element. Only `.orbital-zone` is allowed. + +*/@container osector not style(--o-ellipse-x: 1){o-sector svg path,o-progress svg path{display:none}}@container osector not style(--o-ellipse-y: 1){o-sector svg path,o-progress svg path{display:none}}.orbital-zone:has(>.satellite,>.vector,>o-progress,>o-sector){border:.5px solid red !important}.orbital-zone::after{position:absolute;top:0px;left:0px;font-size:x-small;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;width:-moz-fit-content;width:fit-content;padding:5px;color:red;height:auto}.satellite::after{position:absolute;top:25px;left:0px;font-size:x-small;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;width:100px;padding:5px;color:red;height:auto}.orbital-zone>.satellite,.orbital-zone>.vector,.orbital-zone>o-sector,.orbital-zone>o-progress,.satellite>.satellite,.satellite>.orbit,.satellite>[class*=orbit-],.satellite>.vector,.satellite>o-sector,.satellite>o-progress{border:1px solid red !important;background-color:red;border-radius:50%;width:5px;height:5px;animation:pulse 1.5s infinite}.orbital-zone>o-sector path,.orbital-zone>o-progress path,.satellite>o-sector path,.satellite>o-progress path{stroke:none}.orbital-zone:has(>.satellite,>.vector,>o-sector,>o-progress)::after{content:"⚠️ Invalid nested elements on .orbital-zone!"}.satellite:has(>.satellite,>.vector,>o-sector,>o-progress,>.orbit,>[class*=orbit-])::after{content:"⚠️ Invalid nested elements on .satellite!"}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(3);opacity:.5}100%{transform:scale(1);opacity:1}}.orbit,[class*=orbit-]{border:1px solid #007bff}.satellite{background-color:#ff0;border:1px solid #000}o-sector path{stroke-opacity:.5;border:1px solid purple}o-sector path:hover{stroke:red;cursor:pointer}.vector{border:none;background:#000}/*# sourceMappingURL=orbit.min.css.map */ \ No newline at end of file diff --git a/assets/css/orbit.min.css.map b/assets/css/orbit.min.css.map index 1c96aff..788fa91 100644 --- a/assets/css/orbit.min.css.map +++ b/assets/css/orbit.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../src/scss/_settings.scss","../../src/scss/_orbital-zone.scss","../../src/scss/_orbit-class.scss","../../src/scss/_satellite.scss","../../src/scss/_vector.scss","../../src/scss/_sector.scss","../../src/scss/_progress.scss","../../src/scss/_radial-layout.scss","../../src/scss/_utilities.scss","../../src/scss/_orbit-class_theme.scss","../../src/scss/_satellite_theme.scss","../../src/scss/_sector_theme.scss","../../src/scss/_vector_theme.scss"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,CA6CA,MACE,kBAAA,CACA,kBAAA,CACA,iBAAA,CACA,gBAAA,CACA,gBAAA,CAIF,EACE,qBAAA,CCzDF;;;;;;;;;;;;;;;;;;;;;;CAAA,CAuBA,cACE,iBAAA,CACA,qBAAA,CACA,cAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,mBAAA,CACA,WAAA,CAGF,yBAEE,6BAAA,CACA,qBAAA,CACA,WAAA,CCvCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,CAmFA,uBACE,4EAAA,CACA,uCAAA,CACA,gDAAA,CACA,iDAAA,CACA,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CC5FF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,CA2DA,WACE,uDAAA,CACA,yQAAA,CAUA,mEAAA,CACA,oEAAA,CACA,iBAAA,CACA,UAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CAGF,kBACE,iBAAA,CAGF,eACE,gBAAA,CAGF,uBACE,iBAAA,CC1FF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,CAiCA,QACE,uDAAA,CACA,mEAAA,CACA,iBAAA,CACA,SAAA,CACA,gTAAA,CAaA,UAAA,CACA,mBAAA,CACA,WAAA,CACA,eAAA,CCrDF;;;;;CAAA,CAMA,SACE,uDAAA,CACA,sBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CACA,iBAAA,CACA,mBAAA,CACA,UAAA,CACA,iBAAA,CACA,0EAAA,CACA,oEAAA,CAMF,kBAEE,YAAA,CAEF,uEAEE,kBACE,aAAA,CAAA,CAIJ,aACE,mBAAA,CACA,gBAAA,CAEF,eACE,qBAAA,CCzCF;;;;;CAAA,CAMA,WACE,iBAAA,CACA,0EAAA,CACA,mCAAA,CACA,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,UAAA,CACA,iBAAA,CACA,mBAAA,CAGF,mBACE,kBAAA,CAGF,eACE,mBAAA,CACA,gBAAA,CCtBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,CAqEA,SACE,cAAA,CACA,oBAAA,CAGE,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,mCACA,eAAA,CADA,mCACA,eAAA,CADA,mCACA,eAAA,CAOA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CAKA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CC5FJ;;;;;;;;;;;;;;;;;;;;;;;CAAA,CA0BA,uBACE,iCAAA,CACA,qCAAA,CAEF,yBACE,iCAAA,CACA,iCAAA,CAEF,wBACE,iCAAA,CACA,mCAAA,CAEF,0BACE,+BAAA,CACA,qCAAA,CAEF,4BACE,+BAAA,CACA,iCAAA,CAEF,2BACE,+BAAA,CACA,mCAAA,CAEF,0BACE,6BAAA,CACA,qCAAA,CAEF,qBACE,6BAAA,CACA,iCAAA,CAEF,2BACE,6BAAA,CACA,mCAAA,CAQA,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CAIF,YACE,kBAAA,CADF,YACE,kBAAA,CADF,YACE,kBAAA,CADF,YACE,kBAAA,CADF,YACE,kBAAA,CADF,YACE,kBAAA,CADF,YACE,kBAAA,CADF,YACE,kBAAA,CADF,YACE,kBAAA,CADF,YACE,kBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,aACE,mBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CADF,cACE,oBAAA,CAIF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CAYF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CAYF,UACE,4BAAA,CADF,UACE,4BAAA,CADF,UACE,oBAAA,CADF,UACE,4BAAA,CADF,UACE,4BAAA,CADF,UACE,mBAAA,CADF,UACE,4BAAA,CADF,UACE,4BAAA,CADF,UACE,oBAAA,CADF,WACE,4BAAA,CADF,WACE,4BAAA,CADF,WACE,iBAAA,CAKF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,UACE,kBAAA,CADF,UACE,kBAAA,CADF,UACE,kBAAA,CAOJ,OACE,qFAAA,CAIF,OACE,sFAAA,CC1HF,uBACE,wBAAA,CCDF,WACE,qBAAA,CACA,qBAAA,CAAA,cCCA,iBAAA,CACA,uBAAA,CAGF,oBACE,UAAA,CACA,cAAA,CCTF,QACE,WAAA,CACA,eAAA","file":"orbit.min.css"} \ No newline at end of file +{"version":3,"sources":["orbit.min.css","../../src/scss/_settings.scss","../../src/scss/_orbital-zone.scss","../../src/scss/_orbit-class.scss","../../src/scss/_satellite.scss","../../src/scss/_vector.scss","../../src/scss/_sector.scss","../../src/scss/_progress.scss","../../src/scss/_radial-layout.scss","../../src/scss/_utilities.scss","../../src/scss/_support.scss","../../src/scss/_orbit-class_theme.scss","../../src/scss/_satellite_theme.scss","../../src/scss/_sector_theme.scss","../../src/scss/_vector_theme.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CCCA,CA0CA,MACE,cAAA,CACA,iBAAA,CACA,gBAAA,CACA,gBAAA,CAIF,EACE,qBAAA,CCpDF;;;;;;;;;;;;;;;;;;;;;;CAAA,CAuBA,cACE,0BAAA,CACA,iBAAA,CACA,qBAAA,CACA,cAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,mBAAA,CACA,WAAA,CAGF,yBAEE,6BAAA,CACA,qBAAA,CACA,WAAA,CCvCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,CAkFA,uBACE,oBAAA,CACA,2DAAA,CACA,uCAAA,CACA,gDAAA,CACA,iDAAA,CACA,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CC7FF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,CA4DA,WACE,wBAAA,CACA,uDAAA,CACA,iQAAA,CAUA,mEAAA,CACA,oEAAA,CACA,iBAAA,CACA,UAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CAGF,kBACE,iBAAA,CAGF,eACE,gBAAA,CAGF,uBACE,iBAAA,CC5FF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,CAiCA,QACE,qBAAA,CACA,uDAAA,CACA,0EAAA,CACA,iBAAA,CACA,SAAA,CACA,sTAAA,CAaA,UAAA,CACA,mBAAA,CACA,WAAA,CACA,eAAA,CCtDF;;;;;CAAA,CAMA,SACE,uDAAA,CACA,sBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CACA,iBAAA,CACA,mBAAA,CACA,UAAA,CACA,iBAAA,CACA,0EAAA,CACA,gEAAA,CAGF,aACE,mBAAA,CACA,gBAAA,CAEF,eACE,qBAAA,CC3BF;;;;;CAAA,CAMA,WACE,wBAAA,CACA,iBAAA,CACA,0EAAA,CACA,+BAAA,CACA,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,UAAA,CACA,iBAAA,CACA,mBAAA,CAGF,mBACE,kBAAA,CAGF,eACE,mBAAA,CACA,gBAAA,CCvBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,CAqEA,SACE,cAAA,CACA,oBAAA,CAGE,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,iCACA,cAAA,CADA,mCACA,eAAA,CADA,mCACA,eAAA,CADA,mCACA,eAAA,CAOA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,+EACA,eAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CADA,kFACA,gBAAA,CAKA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,qMAEA,mCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CAFA,2MAEA,oCAAA,CC5FJ;;;;;;;;;;;;;;;;;;;;;;;CAAA,CA0BA,uBACE,iCAAA,CACA,qCAAA,CAEF,yBACE,iCAAA,CACA,iCAAA,CAEF,wBACE,iCAAA,CACA,mCAAA,CAEF,0BACE,+BAAA,CACA,qCAAA,CAEF,4BACE,+BAAA,CACA,iCAAA,CAEF,2BACE,+BAAA,CACA,mCAAA,CAEF,0BACE,6BAAA,CACA,qCAAA,CAEF,qBACE,6BAAA,CACA,iCAAA,CAEF,2BACE,6BAAA,CACA,mCAAA,CAQA,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CADF,WACE,iBAAA,CAIF,QACE,cAAA,CADF,QACE,cAAA,CADF,QACE,cAAA,CADF,QACE,cAAA,CADF,QACE,cAAA,CADF,QACE,cAAA,CADF,QACE,cAAA,CADF,QACE,cAAA,CADF,QACE,cAAA,CADF,QACE,cAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,SACE,eAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CADF,UACE,gBAAA,CAIF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,SACE,yBAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,UACE,0BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CADF,WACE,2BAAA,CAYF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,eACE,UAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CADF,gBACE,WAAA,CAYF,UACE,iBAAA,CADF,WACE,mBAAA,CADF,WACE,mBAAA,CADF,WACE,mBAAA,CADF,WACE,mBAAA,CADF,WACE,mBAAA,CADF,WACE,mBAAA,CADF,WACE,mBAAA,CADF,WACE,mBAAA,CADF,WACE,mBAAA,CADF,YACE,iBAAA,CAKF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,SACE,iBAAA,CADF,UACE,kBAAA,CADF,UACE,kBAAA,CADF,UACE,kBAAA,CAOJ,aACE,qFAAA,CAIF,aACE,sFAAA,CC3HF;;;;;;;;;;;;;;;;CAAA,CAkBA,+CAEE,sCACE,YAAA,CAAA,CAGJ,+CAEE,sCACE,YAAA,CAAA,CAIJ,8DACE,gCAAA,CAGF,qBACE,iBAAA,CACA,OAAA,CACA,QAAA,CACA,iBAAA,CACA,wIAAA,CACA,sBAAA,CAAA,iBAAA,CACA,WAAA,CACA,SAAA,CACA,WAAA,CAGF,kBACE,iBAAA,CACA,QAAA,CACA,QAAA,CACA,iBAAA,CACA,wIAAA,CACA,WAAA,CACA,WAAA,CACA,SAAA,CACA,WAAA,CAIF,+NACE,+BAAA,CACA,oBAAA,CACA,iBAAA,CACA,SAAA,CACA,UAAA,CACA,6BAAA,CAGF,8GACE,WAAA,CAGF,qEACE,sDAAA,CAEF,2FACE,mDAAA,CAGF,iBACE,GACE,kBAAA,CACA,SAAA,CAEF,IACE,kBAAA,CACA,UAAA,CAEF,KACE,kBAAA,CACA,SAAA,CAAA,CC1FJ,uBACE,wBAAA,CCDF,WACE,qBAAA,CACA,qBAAA,CAAA,cCCA,iBAAA,CACA,uBAAA,CAGF,oBACE,UAAA,CACA,cAAA,CCTF,QACE,WAAA,CACA,eAAA","file":"orbit.min.css"} \ No newline at end of file diff --git a/docs/docs.md b/docs/docs.md deleted file mode 100644 index 89c460e..0000000 --- a/docs/docs.md +++ /dev/null @@ -1,372 +0,0 @@ -## _settings - - - -## Orbit initial css variable declaration - -When start a new Orbit project following css variables are declared: - -```css -:root { - --o-max-orbits: 12; - --o-begin-at: 0deg; - --o-range: 360deg; - --o-ellipse-x: 1; - --o-ellipse-y: 1; -} -``` - -**Important:** Orbit can have multiples instances in same project. If your want different initial setup for some instances css variables can be redeclare at first `.orbital-zone` - -```css -.instance-1 { - --o-max-orbits: 6; - --o-begin-at: 90deg; - --o-range: 360deg; - --o-ellipse-x: 1; - --o-ellipse-y: 1; -} - -.instance-2 { - --o-max-orbits: 10; - --o-begin-at: 0deg; - --o-range: 1800deg; - --o-ellipse-x: 0.8; - --o-ellipse-y: 1; -} -``` - -```html -<div class="orbital-zone instance-1"> -</div> - -<div class="orbital-zone instance-2"> -</div> -``` - - - -## _orbital-zone - - -## .orbital-zone - -Orbital zone is a functional class that groups `.orbit` classes. It serves as a container with a length defined once by `--o-length` when the Orbit app is initialized. When the Orbital zone is nested within a `.satellite`, its length will depend on the `.satellite`'s `.orbit` diameter. - -**Important:** The `orbital-zone` class can only be nested into a `.satellite`. - -### Usage - -```html -<div class="orbital-zone"> - <div class="orbit"></div> - <div class="orbit"> - <div class="satellite"> - <div class="orbital-zone"> <!-- Nested --> - <div class="orbit"></div> - </div> - </div> - </div> -</div> -``` - - - -## _orbit-class - - -## .orbit or .orbit-* - -This class renders a circumsference around a .orbital-zone center and allows other elements to be -distributed along width. By default there are 12 orbits. The number of orbits can be change on --o-max-orbits, -or in scss source $max-orbits var. - -**Important:** .orbit or .orbit-* is a direct child element of .orbital-zone. - -### Usage: - -```html -<div class="orbital-zone"> - <div class="orbit"></div> - <div class="orbit"></div> -</div> -``` - -### Examples: - -- This renders three orbits equally distributed - ```html - <div class="orbit"></div> - <div class="orbit"></div> - <div class="orbit"></div> - ``` - -- This renders three orbits with custom distribution - ```html - <div class="orbit-2"></div> - <div class="orbit-9"></div> - <div class="orbit-12"></div> - ``` - -- This renders nested orbits around a satellite - ```html - <div class="orbital-zone"> - <div class="orbit"> - <div class="satellite"> - <div class="orbital-zone"> - <div class="orbit"></div> - <div class="orbit"></div> - </div> - </div> - </div> - </div> - ``` - -### Customization: - -It has some special attributes and css variables to customize it or its children elements: - - - Class `.gap-*` applied on `.orbit` or `.orbit-*` set a `o-sector` gap space. Default '0' - - Class utility `.range-*` applied on `.orbit` or `.orbit-*`: Default '360deg' - - Class utility `.begint-at-*` applied on `.orbit` or `.orbit-*`: Default '0deg' - - Class utility `.inner`: To place `o-sector` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `o-sector` at a "high-orbit". Default midle-orbit - - - CSS styles. User can customize `.orbit` by adding CSS properties. - -Besides css properties that user can change according his needs, there two css variables to turn `.orbit`or `.orbit-*` into -an ellipse (`--o-ellipse-x`, and `--o-ellipse-y`). This will affect orbit and its childs, with an excepcion of `<o-sector>` -web component that will be hide when orbit is an ellipse. Values range from 0 to 1. - -**Important**: Ckecking `--o-ellipse-x` and `--o-ellipse-y` doesn't work currently on Firefox and Safari. - -```html -<div class="orbital-zone" style="--o-ellipse-x: 0.6"> - <div class="orbit"> - <div class="satellite"> - <div class="orbital-zone"> - <div class="orbit"></div> - <div class="orbit"></div> - </div> - </div> - </div> -</div> -``` - -There are some utility classes that are set on orbit element and affect its child radial layout (`.begin-at-*`, `.range-*`). -Please see **Radial Layout section**. - - - -## _satellite - - -## .satellite - -Elements with `.satellite` are placed along an `.orbit` or `.orbit-*` arc serving as content place and/or to nest an `.orbital-zone`. - -### Shapes - -By default a satellite provides an unstyled circle shape, but it can be easily changed according project needs. - -A few set of shapes utilities are provided (`.circle`, `.box`, `.rounded-box`). Nevertheless, users can set any shapes using svg, images, etc. At this instance, Orbit is focused on setting a radial layout, not in UI styles. - -### Customization - -It has some special classes and css variables to customize it: - - - Class utility `.range-*`: Default '360deg' - - Class utility `.begint-at-*`: Default '0deg' - - Class utility `.size-*x`: To increase size according number of orbits. Default 1. - - Class utility `.size-*fr`: To decrease size according a fracction of orbit width. Default 1. - - Class utility `.inner`: To place `.satellite` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `.satellite` at a "high-orbit". Default midle-orbit - - - CSS styles. User can customize `.satellite` by adding CSS properties to it. - -### Usage - -- This renders six satellites with different properties -```html -<div class="orbit"> - <div class="satellite"></div> - <div class="satellite inner"></div> - <div class="satellite outer"></div> - <div class="satellite rounded-box"></div> - <div class="satellite size-2x"></div> - <div class="satellite size-6fr"></div> -</div> -``` - -- This renders two satellites. One of which nest `.orbital-zone` with some orbits -```html -<div class="orbit"> - <div class="satellite"></div> - <div class="satellite"> - <div class="orbital-zone"> - <div class="orbit"></div> - <div class="orbit"></div> - <div class="orbit"></div> - </div> - </div> -</div> -``` - -**Important:** - -- `.satellite` can only be placed into a parent `.orbit` or `.orbit-*` -- There is no limit for nesting orbita-zone in satellites. - - - - -## _vector - - -## .vector - -This class renders a perpendicular segment along an orbit. - -### Customization - -It has some special classes and css variables to customize it: - - - Class utility `.range-*`: Default '360deg' - - Class utility `.begint-at-*`: Default '0deg' - - Class utility `.size-*x`: To increase size according number of orbits. Default 1. - - Class utility `.size-*fr`: To decrease size according a fracction of orbit width. Default 1. - - Class utility `.inner`: To place `.vector` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `.vector` at a "high-orbit". Default midle-orbit - - - CSS styles. User can customize `.vector` by adding CSS properties to it. - -### Usage - -```html -<div class="orbit"> - <div class="vector"><div> - <div class="vector x5"><div> <!-- 50% of orbit radius --> - <div class="vector x01"><div> <!-- 1% of orbit radius --> - <div class="vector"><div> -</div> -``` - -**Important:** `.vector` can only be placed into a parent `.orbit` or `.orbit-*` - - - -## _sector - - -## <o-sector> - -See o-sector docs in web-component file. - - - -## _progress - - -## <o-progress> - -See o-progress docs in web-component file. - - - -## _radial-layout - - -## Orbit Radial Layout - -Orbit radial layout is the core of Orbit library, offering a flexible, clean and simple way to design radial apps using just CSS. - -### Overview - -`.orbit` and `.orbit-*` have `--orbit-nth` to individualize their position according to the maximum number of orbits (e.g., `orbit-4` has `--orbit-nth: 4`). Similarly, other elements such as `satellites`, `vectors`, and `sectors` use `--o-position` to be individualized. - -`.orbit` and `.orbit-*` hold a unique `--o-angle` calculated by counting their children. This allows for some calculations to distribute such elements along an orbit. - -### Mechanism - -The mechanism is straightforward: - -- `--orbit-nth` gives a radius that informs where each `orbit` is placed, according to both the `.orbital-zone` length and the maximum number of orbits. For example, with an `.orbital-zone` length of 500px and a maximum of 12 orbits, `orbit-4` will have 166.66 pixels of radius. - -- According to child number in an orbit, `--o-angle` is calculated (if one orbit has 3 satellites, `--o-angle` is 120deg). Finally, `--o-angle` is multiplied by `--o-positions`. For example, satellite one will have 120deg, satellite two 240deg, and satellite three 360deg, and each satellite will be placed along its orbit at 166.66px. - -### Modifiers - -There are some modifiers to adjust orbit child distribution: - -- `--o-range`: This variable allows the user to set an arbitrary arc length. Values can range from 0 to 360deg. For convenience, there are utility classes `range-*` (.range-0 to .range-360). - -- `--o-begin-at`: This variable allows the user to set an arbitrary starting point. Values can range from 0 to 360deg. For convenience, there are utility classes `begin-at-*` (.begin-at-0 to .begin-at-360). - -### Usage and Examples - -```html -<!-- Example usage of Orbit Radial Layout --> -<div class="orbital-zone"> - <div class="orbit-3"></div> - <div class="orbit-4"> - <div class="satellite"></div> - <div class="satellite"></div> - <div class="satellite"></div> - </div> -</div> -``` - -```html -<!-- Example usage of Orbit Radial Layout with custom range --> -<div class="orbit range-270"> - <o-sector> - <o-sector> - <o-sector> -</div> -``` - -```html -<!-- Example usage of Orbit Radial Layout with custom starting point --> -<div class="orbit-3 begin-at-90"> - <div class="vector"></div> - <div class="vector"></div> - <div class="vector"></div> - <div class="vector"></div> - <div class="vector"></div> -</div> -``` - -#### To-do - -- Check `--orbit-nth` and `--o-position` -- Check behaviour when nested mix elements inside an orbit -- Add @container check - - -## _utilities - - -## Orbit utilities - -There is a small set of CSS utilities to use with some orbit classes and componentes: - - - **.orbital-zone aligment utilities** - - `.center`, `center-left`, `.center-right`, `.top-left`, `.top-center`, `.top-right`, `.bottom-left`, `.bottom-center`, `.bottom-right` - - **.orbit or .orbit-* child elements utilities (satellite, vector, o-sector, o-progress)** - - `.begin-at-*`: To set a starting angle point. From 0 - 360deg. Default 0deg. - - `.range-*`: To set a limit to distribute elements. From 0 - 360deg. Default 360deg. - - `.angle-*`: To set an angle poijt to place elements. From 0 - 360deg. (not applies to o-progress) - - **Satellite, vector, o-sector, o-progress utilites** - - `.size-*x`: To increase size according number of orbits. Default 1. - - `.size-*fr`: To decrease size according a fracction of orbit width. Default 1. - - `.inner`: To place element at a "low-orbit". Default midle-orbit - - `.outer`: To place element at a "high-orbit". Default midle-orbit - - **satellite utilities** - - `.circle` to render a circle shape. Default - - `.rounded-box` to render a rounded box shape. - - `.box` to render a box shape. - - **o-sector utilities** - - `.gap-*` applied on `.orbit` or `.orbit-*` or in `<o-sector>`: to set a gap space. Default '0' - - - diff --git a/docsjs/docs.md b/docsjs/docs.md deleted file mode 100644 index d9ebe7d..0000000 --- a/docsjs/docs.md +++ /dev/null @@ -1,68 +0,0 @@ -## orbit-progress - - -## o-progress - -`<o-progress>` is a standard web-component for rendering a radial progress bar. -It has a progress bar and a range bar. - -It has some special attributes and css variables to customize it: - - Attribute `value`: To set a number that represents the progress bar value. - - Attribute `max`: To set the max allowed `value`. - - Attribute `bar-color`: To set a color for progress bar. Default `orange` - - Attribute `bg-color`: To set a color for range bar. Default `transparent` - - - Class `.rounded`: to set ending caps. Default 'butt' - - Class utility `.range-*`: Default '360deg' - - Class utility `.begint-at-*`: Default '0deg' - - Class utility `.inner`: To place `o-progress` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `o-progress` at a "high-orbit". Default midle-orbit - - - CSS styles. User can customize `o-progress` by adding CSS properties to `o-progress path` - -**Important:** `<o-progress>` can only be used into `.orbit` or `.orbit-*` - -### Usage - -```html -<div class="orbit"> - <o-progress value="75" max="100" class="rounded" /> -</div> -``` - - -## orbit-sector - - -## o-sector - -`<o-sector>` is a standard web-component for rendering a radial slices or pies . - -It has some special attributes and css variables to customize it: - - Attribute `sector-color`: To set a color for sector. Default `orange` - - - Class `.gap-*` applied on `.orbit` or `.orbit-*` or in `<o-sector>`: to set gap space. Default '0' - - Class utility `.range-*` applied on `.orbit` or `.orbit-*`: Default '360deg' - - Class utility `.begint-at-*` applied on `.orbit` or `.orbit-*`: Default '0deg' - - Class utility `.inner`: To place `o-sector` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `o-sector` at a "high-orbit". Default midle-orbit - - - CSS styles. User can customize `o-sector` by adding CSS properties to `o-sector path` - -**Important:** - - - `<o-sector>` can only be used into `.orbit` or `.orbit-*`. - - `<o-sector>` doesn't support ellipse shape. See `.orbit` section for more information. - -### Usage - -```html -<div class="orbit range-180"> - <o-sector /> - <o-sector class="gap-5" /> - <o-sector class="gap-10" /> - <o-sector class="gap-5" /> -</div> -``` - - diff --git a/examples/orbit/index.html b/examples/orbit/index.html index 7e15d68..dbf0681 100644 --- a/examples/orbit/index.html +++ b/examples/orbit/index.html @@ -29,6 +29,7 @@ <body> <div class="orbital-zone"> + <div class="satellite"></div> <div class="orbit-2"> <o-sector></o-sector> <o-sector></o-sector> @@ -71,16 +72,17 @@ <div class="satellite"></div> </div> <div class="orbit-6"> - <div class="satellite inner"></div> + <div class="satellite inner"> + <o-sector></o-sector> + </div> <div class="satellite outer"></div> <div class="satellite angle-20"></div> <div class="satellite"> <div class="orbital-zone"> - <div class="orbit-2"> - <o-sector class="outer"></o-sector> - <o-sector></o-sector> - <o-sector></o-sector> - </div> + <div class="vector"></div> + <o-sector class="outer"></o-sector> + <o-sector></o-sector> + <o-sector></o-sector> </div> </div> <div class="satellite"></div> diff --git a/old/base/_base-css-variables.scss b/old/base/_base-css-variables.scss deleted file mode 100644 index 1773fab..0000000 --- a/old/base/_base-css-variables.scss +++ /dev/null @@ -1,65 +0,0 @@ -@use '../settings/sass-variables' as *; - -/* ======== Orbit - variables ========= */ - -/* -All CSS Custom Vars are defined inside this container element -This allows var isolation for Orbit. If you have mutiple containers -on same page, you can override some vars in specific class or style tags -Ej: .custom { - --o-arc: 180; -} -*/ - -.container { - /* Layout vars */ - --o-arc: var(--o-a360); - --o-offset-angle: 0; - --o-direction: 1; - --o-angle: 1; - --o-radius: 50px; - --o-orbiter-number: 1; - @for $i from $min-orbits through $max-orbits { - --o-radius-#{$i}: var(--o-radius) * #{$i}; - } - - @for $i from $min-orbits through $max-orbits { - // diameter - --o-orbit-size-#{$i}: calc(var(--o-radius) * #{$i} * 2); - } - --o-ellipse-rate: 1; - /* Shape sizes */ - --o-xxs: 8px; - --o-xs: 24px; - --o-sm: 44px; - --o-md: 68px; - --o-lg: 110px; - --o-xl: 180px; - --o-xxl: 288px; - - /* angles */ - --o-a0: 0; - --o-a45: 45; - --o-a90: 90; - --o-a135: 135; - --o-a180: 180; - --o-a225: 225; - --o-a270: 270; - --o-a315: 315; - --o-a360: 360; - - /* sector */ - --o-sector-gap: -1px; - --o-width: 40px; - --o-sector-lateral: 0%; - --o-sector-point: 50%; - - /* width connector */ - --o-connector-width: 40px; - --o-label-width: 50px; - - /* svg */ - --o-val: 0; - --o-stroke: 10; - --o-π: 3.14159265359; -} diff --git a/old/base/_reset.scss b/old/base/_reset.scss deleted file mode 100644 index e7ce45e..0000000 --- a/old/base/_reset.scss +++ /dev/null @@ -1,38 +0,0 @@ -/* Basic reset for each Orbit container */ -.container, .container * { - box-sizing: border-box; - padding: 0; - margin: 0; - border-width: 0; - border-style: solid; - border-color: rgb(0, 0, 0); -} - -/* Check Firefox has() support */ -@supports not selector(:has(a)) { - .container { - border: 1px solid black !important; - text-shadow: 0 0 2px red; - margin: 10px; - } - .container .orbit, .container .core, .container .sector { - display: none; - } - - .container::before { - content: 'Orbit is not yet supported by 🦊 Firefox'; - text-shadow: 0 0 2px red; - font-size: 18px; - background-color: yellow; - padding: 10px; - text-align: center; - } - - .container::after { - content: "To experience Orbit, activate 'layout.css.has-selector.enabled' in 'about:config'"; - text-shadow: 0 0 2px rgba(253, 2, 2, 0.384); - font-size: 12px; - text-align: center; - } -} - diff --git a/old/base/_theme-css-variables.scss b/old/base/_theme-css-variables.scss deleted file mode 100644 index bb710cb..0000000 --- a/old/base/_theme-css-variables.scss +++ /dev/null @@ -1,108 +0,0 @@ -:root{ -/* CSS HSL */ ---lilac: hsla(296, 19%, 67%, 1); ---slate-blue: hsla(238, 32%, 56%, 1); ---violet-blue: hsla(237, 43%, 45%, 1); ---amaranth-purple: hsla(344, 61%, 42%, 1); ---magenta-haze: hsla(326, 44%, 39%, 1); ---old-rose: hsla(358, 43%, 61%, 1); ---lion: hsla(32, 46%, 63%, 1); -} - - -:root { - --o-red:hsl(3, 100%, 61%); - --o-orange:hsl(36, 100%, 51%); - --o-yellow:hsl(49, 100%, 51%); - --o-green:hsl(129, 67%, 51%); - --o-cyan:hsl(197, 88%, 65%); - --o-blue:hsl(210, 100%, 51%); - --o-indigo:hsl(240, 73%, 63%); - --o-purple:hsl(279, 85%, 65%); - --o-pink:hsl(348, 100%, 60%); - --o-gray:hsl(240, 2%, 60%); - - --o-hue: 70; /* 0 - 360 */ - --o-saturation: 70%; /* 0 - 100% */ - --o-light: 70%; /* 0 - 100% */ - --o-color: hsl(var(--o-hue), var(--o-saturation), var(--o-light)); - - --o-color-white:color-mix(in oklab, var(--o-color), white 95%); - --o-color-lighter:color-mix(in oklab, var(--o-color), white 75%); - --o-color-light:color-mix(in oklab, var(--o-color), white 30%); - --o-color-dark:color-mix(in oklab, var(--o-color), black 20%); - --o-color-darker:color-mix(in oklab, var(--o-color), black 40%); - --o-color-black:color-mix(in oklab, var(--o-color), black 78%); - ---o-red-white:color-mix(in oklab, var(--o-red), white 95%); ---o-red-lighter:color-mix(in oklab, var(--o-red), white 75%); ---o-red-light:color-mix(in oklab, var(--o-red), white 30%); ---o-red-dark:color-mix(in oklab, var(--o-red), black 20%); ---o-red-darker:color-mix(in oklab, var(--o-red), black 40%); ---o-red-black:color-mix(in oklab, var(--o-red), black 78%); - ---o-orange-white:color-mix(in oklab, var(--o-orange), white 95%); ---o-orange-lighter:color-mix(in oklab, var(--o-orange), white 75%); ---o-orange-light:color-mix(in oklab, var(--o-orange), white 30%); ---o-orange-dark:color-mix(in oklab, var(--o-orange), black 20%); ---o-orange-darker:color-mix(in oklab, var(--o-orange), black 40%); ---o-orange-black:color-mix(in oklab, var(--o-orange), black 78%); - ---o-yellow-white:color-mix(in oklab, var(--o-yellow), white 95%); ---o-yellow-lighter:color-mix(in oklab, var(--o-yellow), white 75%); ---o-yellow-light:color-mix(in oklab, var(--o-yellow), white 30%); ---o-yellow-dark:color-mix(in oklab, var(--o-yellow), black 20%); ---o-yellow-darker:color-mix(in oklab, var(--o-yellow), black 40%); ---o-yellow-black:color-mix(in oklab, var(--o-yellow), black 78%); - ---o-green-white:color-mix(in oklab, var(--o-green), white 95%); ---o-green-lighter:color-mix(in oklab, var(--o-green), white 75%); ---o-green-light:color-mix(in oklab, var(--o-green), white 30%); ---o-green-dark:color-mix(in oklab, var(--o-green), black 20%); ---o-green-darker:color-mix(in oklab, var(--o-green), black 40%); ---o-green-black:color-mix(in oklab, var(--o-green), black 78%); - ---o-cyan-white:color-mix(in oklab, var(--o-cyan), white 95%); ---o-cyan-lighter:color-mix(in oklab, var(--o-cyan), white 75%); ---o-cyan-light:color-mix(in oklab, var(--o-cyan), white 30%); ---o-cyan-dark:color-mix(in oklab, var(--o-cyan), black 20%); ---o-cyan-darker:color-mix(in oklab, var(--o-cyan), black 40%); ---o-cyan-black:color-mix(in oklab, var(--o-cyan), black 78%); - ---o-blue-white:color-mix(in oklab, var(--o-blue), white 95%); ---o-blue-lighter:color-mix(in oklab, var(--o-blue), white 75%); ---o-blue-light:color-mix(in oklab, var(--o-blue), white 30%); ---o-blue-dark:color-mix(in oklab, var(--o-blue), black 20%); ---o-blue-darker:color-mix(in oklab, var(--o-blue), black 40%); ---o-blue-black:color-mix(in oklab, var(--o-color), black 78%); - ---o-indigo-white:color-mix(in oklab, var(--o-indigo), white 95%); ---o-indigo-lighter:color-mix(in oklab, var(--o-indigo), white 75%); ---o-indigo-light:color-mix(in oklab, var(--o-indigo), white 30%); ---o-indigo-dark:color-mix(in oklab, var(--o-indigo), black 20%); ---o-indigo-darker:color-mix(in oklab, var(--o-indigo), black 40%); ---o-indigo-black:color-mix(in oklab, var(--o-indigo), black 78%); - ---o-purple-white:color-mix(in oklab, var(--o-purple), white 95%); ---o-purple-lighter:color-mix(in oklab, var(--o-purple), white 75%); ---o-purple-light:color-mix(in oklab, var(--o-purple), white 30%); ---o-purple-dark:color-mix(in oklab, var(--o-purple), black 20%); ---o-purple-darker:color-mix(in oklab, var(--o-purple), black 40%); ---o-purple-black:color-mix(in oklab, var(--o-purple), black 78%); - ---o-pink-white:color-mix(in oklab, var(--o-pink), white 95%); ---o-pink-lighter:color-mix(in oklab, var(--o-pink), white 75%); ---o-pink-light:color-mix(in oklab, var(--o-pink), white 30%); ---o-pink-dark:color-mix(in oklab, var(--o-pink), black 20%); ---o-pink-darker:color-mix(in oklab, var(--o-pink), black 40%); ---o-pink-black:color-mix(in oklab, var(--o-pink), black 78%); - - ---o-gray-white:color-mix(in oklab, var(--o-gray), white 95%); ---o-gray-lighter:color-mix(in oklab, var(--o-gray), white 75%); ---o-gray-light:color-mix(in oklab, var(--o-gray), white 30%); ---o-gray-dark:color-mix(in oklab, var(--o-gray), black 20%); ---o-gray-darker:color-mix(in oklab, var(--o-gray), black 40%); ---o-gray-black: color-mix(in oklab, var(--o-gray), black 78%); - -} \ No newline at end of file diff --git a/old/components/__base.scss b/old/components/__base.scss deleted file mode 100644 index 01987cb..0000000 --- a/old/components/__base.scss +++ /dev/null @@ -1,9 +0,0 @@ -@use './container-base'; -@use './core-base'; -@use './orbit-base'; -@use './sector-base'; -@use './orbiter-base'; -@use './label-base'; -@use './svg-markers-base'; -@use './svg-progress-base'; -@use './progress-base'; diff --git a/old/components/__theme.scss b/old/components/__theme.scss deleted file mode 100644 index f0e55ef..0000000 --- a/old/components/__theme.scss +++ /dev/null @@ -1,9 +0,0 @@ -@use './container-theme'; -@use './core-theme'; -@use './orbit-theme'; -@use './sector-theme'; -@use './orbiter-theme'; -@use './label-theme'; -@use './svg-markers-theme'; -@use './svg-progress-theme'; -@use './progress-theme'; diff --git a/old/components/_container-base.scss b/old/components/_container-base.scss deleted file mode 100644 index da6b6b2..0000000 --- a/old/components/_container-base.scss +++ /dev/null @@ -1,10 +0,0 @@ -/* container */ - -.container { - - display: grid; - width: 100%; - min-height: 100%; - place-items: center; -} - diff --git a/old/components/_container-theme.scss b/old/components/_container-theme.scss deleted file mode 100644 index dafb4de..0000000 --- a/old/components/_container-theme.scss +++ /dev/null @@ -1,5 +0,0 @@ -/* container */ -.container { - border: 0px solid; - padding: 30px; -} diff --git a/old/components/_core-base.scss b/old/components/_core-base.scss deleted file mode 100644 index 9bb5c56..0000000 --- a/old/components/_core-base.scss +++ /dev/null @@ -1,14 +0,0 @@ -@use '../settings/sass-variables' as *; - -.core { - width: 0px; - height: 0px; - display: grid; - border-radius: 50%; - grid-area: 1/1/1/1; - z-index: $max-orbits; -} - -.core > .orbiter { - transform: rotate(var(--o-rotate)); -} diff --git a/old/components/_core-theme.scss b/old/components/_core-theme.scss deleted file mode 100644 index 3f570a3..0000000 --- a/old/components/_core-theme.scss +++ /dev/null @@ -1,4 +0,0 @@ - -.core { - border:1px solid var(--o-secondary-color); -} diff --git a/old/components/_label-base.scss b/old/components/_label-base.scss deleted file mode 100644 index 2f48605..0000000 --- a/old/components/_label-base.scss +++ /dev/null @@ -1,79 +0,0 @@ -@use '../settings/sass-variables' as *; -@use '../settings/mixins' as *; - - /* element structure */ -.label { - display: block; - border: 1px solid; - border-radius: 50%; - background-color: inherit; - width: 4px; - height: 4px; - --o-x-coords: calc(var(--o-size) / 1.8); -} - -.label::before { - content: ''; - display: block; - border-bottom: 1px solid; - width: var(--o-connector-width); - height: 1px; -} - -/* Set size variable for each orbiter */ -@each $size, $var in $sizes { - .orbiter#{$size} > .label { - @if $size != null { - --o-size: #{$var}; - } - } -} - -/* Set size variable for each orbiter */ -@each $pos, $angle in $offsets { - .label#{$pos} { - - @if $pos == '.offset-180' { - --o-label-box: -5px; - --o-len: 100%; - --o-label-dir: 1; - --o-label-angle: calc(#{$angle} * 1deg); - } @else if $pos == '.offset-45' { - --o-label-box: 5px; - --o-len: 0%; - --o-label-dir: 1; - --o-label-angle: calc(#{$angle} * 1deg); - } @else if $pos == '.offset-90' { - --o-label-box: 5px; - --o-len: 0%; - --o-label-dir: -58; - --o-label-angle: 91deg; - } @else if $pos == '.offset-135' { - --o-label-box: 5px; - --o-len: 100%; - --o-label-dir: -1; - --o-label-angle: calc(#{$angle} * 1deg); - } @else if $pos == '.offset-225' { - --o-label-box: 5px; - --o-len: 100%; - --o-label-dir: 2; - --o-label-angle: calc(#{$angle} * 1deg); - } @else if $pos == '.offset-270' { - --o-label-box: 5px; - --o-len: 100%; - --o-label-dir: -125; - --o-label-angle: 271deg; - } @else if $pos == '.offset-315' { - --o-label-box: 5px; - --o-len: 0%; - --o-label-dir: -3; - --o-label-angle: calc(#{$angle} * 1deg); - } - - } -} - -/* element radial setup*/ -.orbiter > .label, .content > .label { - transform: rotate(var(--o-label-angle)) translate(var(--o-x-coords), 0); -} diff --git a/old/components/_label-theme.scss b/old/components/_label-theme.scss deleted file mode 100644 index 65337dd..0000000 --- a/old/components/_label-theme.scss +++ /dev/null @@ -1,14 +0,0 @@ -/* element theme */ -.label { - border-color: var(--o-quaternary-color); -} - -.label::before { - border-bottom-color: var(--o-quaternary-color); -} - -.label > .text { - background-color: var(--o-background-color); - border-color: var(--o-quaternary-color); - color: var(--o-quaternary-color); -} diff --git a/old/components/_orbit-base.scss b/old/components/_orbit-base.scss deleted file mode 100644 index bc6ac11..0000000 --- a/old/components/_orbit-base.scss +++ /dev/null @@ -1,15 +0,0 @@ -.orbit { - --o-arc: var(--o-a360); // ensure reset to default. useful for nested - --o-offset-angle: var(--o-a0); // ensure reset to default. useful for nested - position: relative; - display: grid; - border-radius: 50%; - grid-area: 1/1/1/1; - place-items: center; - box-sizing: content-box; - width: var(--o-diameter); - height: calc(var(--o-diameter) / var(--o-ellipse-rate)); - z-index: var(--o-z-index); - pointer-events: none; -} - diff --git a/old/components/_orbit-theme.scss b/old/components/_orbit-theme.scss deleted file mode 100644 index 235b87a..0000000 --- a/old/components/_orbit-theme.scss +++ /dev/null @@ -1,4 +0,0 @@ - -.orbit { - border: 0px solid var(--o-secondary-color); -} \ No newline at end of file diff --git a/old/components/_orbiter-base.scss b/old/components/_orbiter-base.scss deleted file mode 100644 index 6d9a442..0000000 --- a/old/components/_orbiter-base.scss +++ /dev/null @@ -1,62 +0,0 @@ -@use '../settings/mixins' as *; - -.orbiter { - position: absolute; - --o-size: var(--o-md); // default - border-radius: 50%; //default - --o-rotation-angle: calc(var(--o-angle) * var(--o-orbiter-number) + var(--o-offset-angle) - var(--o-angle)); - --o-rotate: calc(var(--o-rotation-angle) * 1deg); - --o-rotate-invert: calc(var(--o-rotation-angle) * -1deg); - display: grid; - grid-area: 1/1/1/1; - place-content: center; - width: var(--o-size); - height: var(--o-size); - transform: translate(calc(var(--o-x-coords) * cos(var(--o-rotate))), calc(var(--o-x-coords) / var(--o-ellipse-rate) * sin(var(--o-rotate)))); - pointer-events: auto; -} - -.orbiter.stationary { - transform: translate(calc(var(--o-x-coords) * cos(var(--o-rotate))), calc(var(--o-x-coords) / var(--o-ellipse-rate) * sin(var(--o-rotate)))) rotate(var(--o-rotate)); -} - -/* ========== Shapes ========= */ - -/* - All shapes are based on orbiter element. - Some shapes can be applied to orbit element but take into account that Zumer only works with - radial grid, so if you have a boexed orbit its child elements still will be placed - using radial grid. -*/ - -.orbiter.circle { - border-radius: 50% !important; /* Default shape */ -} - -.orbiter.line { - transform-origin: 0 50% !important; - height: 0; - width: calc(var(--o-radius-3)); // esto no es lo mas adecuado - border-radius: 0%; - border: none; - border-top: 1px dashed var(--o-dark); -} - -.orbiter.box { - border-radius: 0% !important; -} - -.orbiter.rounded { - border-radius: 25% !important; -} - -/* TODO: add blob variants */ -.orbiter.blob { - border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% !important; -} - -.orbiter.transparent { - border: none !important; - background-color: var(--o-transparent) !important; -} - diff --git a/old/components/_orbiter-theme.scss b/old/components/_orbiter-theme.scss deleted file mode 100644 index 6e7fa5b..0000000 --- a/old/components/_orbiter-theme.scss +++ /dev/null @@ -1,6 +0,0 @@ -/* orbiter */ -.orbiter { - background-color: var(--o-background-color); - border-color: var(--o-primary-color); - border: 0px solid; -} diff --git a/old/components/_progress-base.scss b/old/components/_progress-base.scss deleted file mode 100644 index 54b91b4..0000000 --- a/old/components/_progress-base.scss +++ /dev/null @@ -1,17 +0,0 @@ - -/* progress */ -.progress { - --o-percentage: calc(var(--o-progress) * 3.6); - display: grid; - border-radius: 50%; - grid-area: 1/1/1/1; - place-items: center; - width: 100%; - height: 100%; -} - // https://codepen.io/chandrashekhar/pen/RvMVey?editors=1100 - -.progress + .orbiter { - --o-orbiter-number: 2; - --o-angle: calc(-90 + var(--o-progress) * 3.6); -} diff --git a/old/components/_progress-theme.scss b/old/components/_progress-theme.scss deleted file mode 100644 index e230b00..0000000 --- a/old/components/_progress-theme.scss +++ /dev/null @@ -1,12 +0,0 @@ -/* progress */ -.progress { - --o-base: white; - --o-progress: red; - --o-base-progress: gray; - --o-progress-width: 64; - background-image: radial-gradient(circle, var(--o-base) calc(var(--o-progress-width) * 1%), transparent calc((1 + var(--o-progress-width)) * 1%)), - conic-gradient( - var(--o-progress) calc((var(--o-percentage) - 1) * 1deg), - var(--o-base-progress) calc(var(--o-percentage) * 1deg) - ); -} diff --git a/old/components/_sector-base.scss b/old/components/_sector-base.scss deleted file mode 100644 index 93f6dd6..0000000 --- a/old/components/_sector-base.scss +++ /dev/null @@ -1,34 +0,0 @@ -.sector { - --o-half: calc(var(--o-diameter) / 2); - --o-quarter: calc(var(--o-half) / 2); - --o-semi: calc(var(--o-angle) / 2 * 1deg); // ademas del offset el angulo debe dividirse por 2, distinto de orbiter - --o-gap: var(--o-sector-gap); - --o-lateral: var(--o-sector-lateral); - --o-point: var(--o-sector-point); - --o-diameter-percent: calc( - var(--o-half) + (var(--o-gap) * (var(--o-current-orbit) / var(--o-max-orbits))) - var(--o-half) * tan(var(--o-semi)) - ); - --o-width: 49px; - --o-rotate: calc( - (var(--o-angle) * var(--o-orbiter-number) + var(--o-offset-angle) - (var(--o-angle) / 2)) * 1deg - ); - - /*position: absolute;*/ - display: grid; - grid-area: 1/1/1/1; - height: var(--o-diameter); - width: var(--o-half); - border: var(--o-width) solid; - border-left: none; - border-radius: 0% 100% 100% 0% / 100% 51% 51% 0%; - clip-path: polygon( - var(--o-lateral) var(--o-point) /* left center pivot*/, - 100% calc(100% - var(--o-diameter-percent)) /* right to bottom sector increase*/, - 100% 100% /* right top corner*/, - 100% 0 /* right bottom corner*/, - 100% var(--o-diameter-percent) /* right to top ar decrease*/ - ); - transform: rotate(var(--o-rotate)) translate(var(--o-quarter), 0); - pointer-events: auto; -} - diff --git a/old/components/_sector-theme.scss b/old/components/_sector-theme.scss deleted file mode 100644 index 8d3b484..0000000 --- a/old/components/_sector-theme.scss +++ /dev/null @@ -1,7 +0,0 @@ -.sector { - border-color: var(--o-secundary-color); - background-color: transparent; -} -.sector:hover { - border-color: var(--o-tertiary-color); -} \ No newline at end of file diff --git a/old/components/_svg-markers-base.scss b/old/components/_svg-markers-base.scss deleted file mode 100644 index 6f3d188..0000000 --- a/old/components/_svg-markers-base.scss +++ /dev/null @@ -1,13 +0,0 @@ - -.svg > .svg-markers { - --o-svg-markers: 12; - --o-marker-width: 1px; - --o-circumference: calc(var(--o-r) * var(--o-π) * 2); - --o-dash: calc(var(--o-circumference) / var(--o-svg-markers) - var(--o-marker-width)); - --o-r: calc(var(--o-diameter) / 2); - cx: var(--o-r); - cy: var(--o-r); - r: var(--o-r); - stroke-width: calc(var(--o-radius) * 2); - stroke-dasharray: var(--o-marker-width) var(--o-dash); -} diff --git a/old/components/_svg-markers-theme.scss b/old/components/_svg-markers-theme.scss deleted file mode 100644 index f7575f9..0000000 --- a/old/components/_svg-markers-theme.scss +++ /dev/null @@ -1,5 +0,0 @@ -/* svg */ -.svg > .svg-markers { - fill: none; - stroke: var(--o-accent-color); -} diff --git a/old/components/_svg-progress-base.scss b/old/components/_svg-progress-base.scss deleted file mode 100644 index 081c075..0000000 --- a/old/components/_svg-progress-base.scss +++ /dev/null @@ -1,10 +0,0 @@ -/* svg progress */ -.svg> .svg-progress { - --o-r: calc(var(--o-diameter) / 2); - cx: var(--o-r); - cy: var(--o-r); - r: calc(var(--o-r)); - stroke-width: var(--o-stroke); - stroke-dasharray: calc(var(--o-r) * var(--o-π) * 2); - stroke-dashoffset: calc((100 - var(--o-val)) / 100 * (var(--o-r) * var(--o-π) * 2)); -} diff --git a/old/components/_svg-progress-theme.scss b/old/components/_svg-progress-theme.scss deleted file mode 100644 index 000d642..0000000 --- a/old/components/_svg-progress-theme.scss +++ /dev/null @@ -1,4 +0,0 @@ - -.svg > .svg-progress { - fill: none; -} diff --git a/old/layouts/_media-queries.scss b/old/layouts/_media-queries.scss deleted file mode 100644 index a02f418..0000000 --- a/old/layouts/_media-queries.scss +++ /dev/null @@ -1,80 +0,0 @@ - - -.container-query-enabled { - container-type: inline-size; - } -//@container (min-width: 481px) and (max-width: 767px) { -/* Media Query for Mobile Devices */ -@media (max-width: 480px) { - .container { - --o-radius: 50px; - } -} -/* Media Query for low resolution Tablets, Ipads */ -@media (min-width: 481px) and (max-width: 767px) { - .container { - --o-radius: 60px; - } -} -//} - -/* Media Query for Tablets Ipads portrait mode */ -@media (min-width: 768px) and (max-width: 1024px){ - .container { - --o-radius: 70px; - } -} - -/* Media Query for Laptops and Desktops */ -@media (min-width: 1025px) and (max-width: 1280px){ - .container { - --o-radius: 80px; - } -} - -/* Media Query for Large screens */ -@media (min-width: 1281px) { - .container { - --o-radius: 90px; - } -} - -/* container media query */ - - - - -/* Media Query for Mobile Devices */ -@container (max-width: 480px) { - .container { - --o-radius: 50px; - } -} - -/* Media Query for low resolution Tablets, Ipads */ -@container (min-width: 481px) and (max-width: 767px) { - .container { - --o-radius: 60px; - } -} - -/* Media Query for Tablets Ipads portrait mode */ -@container (min-width: 768px) and (max-width: 1024px){ - .container { - --o-radius: 70px; - } -} - -/* Media Query for Laptops and Desktops */ -@container (min-width: 1025px) and (max-width: 1280px){ - .container { - --o-radius: 80px; - } -} - -/* Media Query for Large screens */ -@container (min-width: 1281px) { - .container { - --o-radius: 90px; - } -} diff --git a/old/layouts/_radial-grid.scss b/old/layouts/_radial-grid.scss deleted file mode 100644 index 742cba9..0000000 --- a/old/layouts/_radial-grid.scss +++ /dev/null @@ -1,352 +0,0 @@ -// Import Sass variables from utility module -@use '../settings/sass-variables' as *; - -/* - ====== Radial Grid ======= - Next the structure of a radial grid, - specifying interactions between elements such as pod, orbits, orbiters, sectors, and SVG. - It also manages the behavior of these elements when properties change, like sizes, arc-length limits, and alignment. -*/ -/* ====== Radial Grid - Core ======== */ -.core >.orbiter:only-child { - transform: translate(-50%, -50%); -} - - -/* ====== Radial Grid - Orbit ======== */ - -/* - Set diameter and z-index variables for each orbit - having into account due orbit is nestable --o-diameter is affected by - parent orbiter size. -*/ -@for $i from $min-orbits through $max-orbits { - $z-index: #{$max-orbits - $i}; - - - @each $orbit-size, $orbit-value in $orbit-sizes { - - .container > :nth-child(#{$i} of .orbit#{$orbit-size}) { - @if $orbit-size != null { - - --o-diameter: #{$orbit-value}; - } @else { - --o-diameter: calc(var(--o-radius-#{$i}) * 2); - } - --o-z-index: #{$z-index}; - - } - } - - - // @each $size, $var in $sizes { - .orbiter > :nth-child(#{$i} of .orbit) { - // @if $size == null { - // --o-diameter: calc(var(--o-m) * #{$i}); - // } @else { - --o-diameter: calc(var(--o-size) * #{$i}); - // } - --o-z-index: #{$z-index}; - // } - } - - @each $orbit-size, $orbit-value in $orbit-sizes { - - .orbiter > :nth-child(#{$i} of .orbit#{$orbit-size}) { - @if $orbit-size != null { - - --o-diameter: #{$orbit-value}; - } @else { - --o-diameter: calc(var(--o-size) * #{$i}); - } - --o-z-index: #{$z-index}; - - } - } - -} - -/* ====== Radial Grid - Sub-orbit ======== */ - -/* - Set diameter and z-index variables for each suborbit. -*/ -@for $i from $min-orbits through $max-orbits { - $z-index: #{$max-orbits - $i}; - - - @each $orbit-size, $orbit-value in $orbit-sizes { - - .container > :nth-child(#{$i} of .orbit#{$orbit-size}) > .orbit { - @if $orbit-size != null { - --o-diameter: #{$orbit-value}; - --o-x-coords: calc( #{$orbit-value} / 2); - } @else { - --o-diameter: calc(var(--o-radius-#{$i}) * 2); - --o-x-coords: calc(var(--o-radius-#{$i})); - } - - --o-z-index: #{$z-index}; - border: none; - - } -} - - - @each $orbit-size, $orbit-value in $orbit-sizes { - .container > :nth-child(#{$i} of .orbit#{$orbit-size}) > .orbit > .sector { - @if $orbit-size != null { - --o-diameter: #{$orbit-value}; - } @else { - --o-diameter: calc(var(--o-radius-#{$i}) * 2); - } - - --o-current-orbit: #{$i}; - --o-max-orbits: #{$max-orbits}; - } - } - - - - @each $orbit-size, $orbit-value in $orbit-sizes { - - .container > :nth-child(#{$i} of .orbit#{$orbit-size}) > .sector{ - @if $orbit-size != null { - --o-diameter: #{$orbit-value}; - } @else { - --o-diameter: calc(var(--o-radius-#{$i}) * 2); - } - - } - } - @each $orbit-size, $orbit-value in $orbit-sizes { - - @each $class in $align { - $math: ''; - - @if $class == '.upper' { - $math: '+ (calc(var(--o-size) / 2))'; - } - @if $class == '.lower' { - $math: '- (calc(var(--o-size) / 2))'; - } - - .container > :nth-child(#{$i} of .orbit#{$orbit-size}) > .orbiter#{$class} { - @if $orbit-size != null { - --o-x-coords: calc( #{$orbit-value} / 2 #{$math}); - } - } -} -} - - .orbiter > .orbit:nth-child(#{$i}) > .orbit { - --o-diameter: calc(var(--o-size) * #{$i}); - --o-z-index: #{$z-index}; - --o-x-coords: calc(var(--o-radius-#{$i})); - border: none !important; - } - - .orbiter > .orbit:nth-child(#{$i}) > .orbit > .sector { - --o-diameter: calc(var(--o-size) * #{$i}); - --o-width: calc(var(--o-size) / 4); - --o-current-orbit: #{$i}; - --o-max-orbits: #{$max-orbits}; - } - -} - -/* Set different offset angles. - This allows orbit child elements to start at different points, overriding the default 0º. - $offsets are defined in ./base/_variables.scss. - For example, .offset-45 implies that orbiters or sectors start at a 45º angle. -*/ -@each $offset, $angle in $offsets { - .orbit#{$offset}, .core#{$offset} { - --o-offset-angle: #{$angle}; /* Set --o-offset-angle variable for a specific offset */ - } -} - -@each $limit, $angle in $limits { - .orbit#{$limit}, .core#{$limit} { - --o-arc: #{$angle}; /* Set lengyh variable for a specific arc limit */ - } -} - - - -/* Counter-clockwise direction - By default, orbit child elements are arranged clockwise. - Use this class to change this behavior. -*/ -.orbit.ccw { - --o-direction: -1; /* Set --o-direction variable to -1 for counter-clockwise direction */ -} - -/* ====== Radial Grid - Orbiters ======== */ - -/* Set size variable for each orbiter */ -@each $size, $var in $sizes { - .orbiter#{$size} { - @if $size != null { - --o-size: #{$var}; - } - } -} - -/* 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, - 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})) { - $number: $i - 1; - @if $i < 1 { - $number: 1; - } - --o-angle: calc((var(--o-arc) / #{$number}) * var(--o-direction)); - } -} -@for $i from $min-orbiters through $max-orbiters { - .orbit:not([class*=" limit-"]):has(> :nth-child(#{$i} of .orbiter)) { - $number: $i; - @if $i < 1 { - $number: 1; - } - --o-angle: calc((var(--o-arc) / #{$number}) * var(--o-direction)); - } -} - -@for $i from $min-orbiters through $max-orbiters { - .orbit[class*=" limit-"]:has(> .orbiter:nth-child(#{$i})) { - $number: $i - 1; - @if $i < 1 { - $number: 1; - } - --o-angle: calc((var(--o-arc) / #{$number}) * var(--o-direction)); - } -} - -/* Set orbiter-number variable for each orbiter in each orbit */ -@for $i from $min-orbiters through $max-orbiters { - .orbiter:nth-child(#{$i}) { - --o-orbiter-number: #{$i}; - } -} - -/* Set x custom var for each orbiter - This value is used to calculate its radius. - Aligment options ares included. -*/ -@for $i from $min-orbits through $max-orbits { - - - @each $class in $align { - $math: ''; - - @if $class == '.upper' { - $math: '+ (calc(var(--o-size) / 2))'; - } - - - @if $class == '.lower' { - $math: '- (calc(var(--o-size) / 2))'; - } - - - .container > :nth-child(#{$i} of .orbit) > .orbiter#{$class} { - --o-x-coords: calc(var(--o-radius-#{$i}) #{$math}); - } - - } -} - -/* Set variables for each orbiter in each orbit based on size and alignment - Accordng its diameter named sizes each orbiter has a radius to be elingned with its orbit. - By deafult orbiter are aligned in the middle of it orbit, but it is possible - to place it tangencialy upper or lower. - Example: orbiter.upper -*/ -@for $i from $min-orbits through $max-orbits { - - @each $class in $align { - - $math: ''; - @if $class == '.upper' { - $math: '+ (calc(var(--o-size) / 2))'; - } - - @if $class == '.lower' { - $math: '- (calc(var(--o-size) / 2))'; - } - - - .orbiter > .orbit:nth-child(#{$i}) > .orbiter#{$class}, .orbit > .orbit:nth-child(#{$i}) > .orbiter#{$class} { - --o-x-coords: calc((var(--o-diameter) / 2) #{$math}); - } - } -} - -/* ========= Radial Grid - Sectors ============= */ - -/* Set orbiter-number variable for each sector in each orbit */ -@for $i from $min-orbiters through $max-orbiters { - .sector:nth-child(#{$i}) { - --o-orbiter-number: #{$i}; - } -} - -/* Calculate and set angle for each orbiter and sector. - 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})) { - --o-angle: calc((var(--o-arc) / #{$i}) * var(--o-direction)); - } -} - - -@for $i from $min-orbits through $max-orbits { - - .container > :nth-child(#{$i} of .orbit) > .sector { - --o-diameter: calc(var(--o-radius-#{$i}) * 2); - --o-current-orbit: #{$i}; - --o-max-orbits: #{$max-orbits}; - } - - - .orbiter > :nth-child(#{$i} of .orbit) > .sector { - --o-diameter: calc(var(--o-size) * #{$i}); - --o-width: calc(var(--o-size) / 4); - --o-current-orbit: #{$i}; - --o-max-orbits: #{$max-orbits}; - } -} - -/* ========= Radial Grid - SVG ============= */ - -@for $i from $min-orbits through $max-orbits { - - .container > :nth-child(#{$i} of .orbit) > svg { - --o-diameter: calc(var(--o-radius-#{$i}) * 2); - } -} - -/* Set variables for each orbiter in each orbit based on size and alignment - Accordng its diameter named sizes each orbiter has a radius to be elingned with its orbit. - By deafult orbiter are aligned in the middle of it orbit, but it is possible - to place it tangencialy upper or lower. - Example: orbiter.upper -*/ -@for $i from $min-orbits through $max-orbits { - - - .orbiter > :nth-child(#{$i} of .orbit) > svg { - - --o-diameter: calc(var(--o-size) * #{$i}); - - - } -} diff --git a/old/orbit-base.scss b/old/orbit-base.scss deleted file mode 100644 index 30ed380..0000000 --- a/old/orbit-base.scss +++ /dev/null @@ -1,8 +0,0 @@ -@import './base/reset'; -@import './base/base-css-variables'; -@import './components/_base'; -@import './layouts/radial-grid'; -@import './utilities/content'; -@import './utilities/filter-gooey'; -@import './layouts/media-queries'; - diff --git a/old/orbit-theme.scss b/old/orbit-theme.scss deleted file mode 100644 index d438b32..0000000 --- a/old/orbit-theme.scss +++ /dev/null @@ -1,3 +0,0 @@ -@import './base/theme-css-variables'; -@import './components/_theme'; - diff --git a/old/orbit.scss b/old/orbit.scss deleted file mode 100644 index 386788a..0000000 --- a/old/orbit.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import './orbit-base'; -@import './orbit-theme'; diff --git a/old/settings/_mixins.scss b/old/settings/_mixins.scss deleted file mode 100644 index 4b548ee..0000000 --- a/old/settings/_mixins.scss +++ /dev/null @@ -1,6 +0,0 @@ -@mixin alignment { - align-items: center; - justify-items: center; - align-content: center; - justify-content: center; -} diff --git a/old/settings/_sass-variables.scss b/old/settings/_sass-variables.scss deleted file mode 100644 index 00b47ea..0000000 --- a/old/settings/_sass-variables.scss +++ /dev/null @@ -1,30 +0,0 @@ -// Sass variables -$prefix: ' '; - -$sizes: null, '.xxs' var(--o-xxs), '.xs' var(--o-xs), '.sm' var(--o-sm), '.md' var(--o-md), - '.lg' var(--o-lg), '.xl' var(--o-xl), '.xxl' var(--o-xxl); - -$align: null, '.upper', '.lower'; - -$min-orbits: 1; -$max-orbits: 6; - -$min-orbiters: 1; -$max-orbiters: 24; - -$offsets: '.offset-45' var(--o-a45), '.offset-90' var(--o-a90), '.offset-135' var(--o-a135), '.offset-180' var(--o-a180), - '.offset-225' var(--o-a225), '.offset-270' var(--o-a270), '.offset-315' var(--o-a315); - -$content-position: '.face-up' var(--o-a270), '.face-down' var(--o-a90), '.face-left' var(--o-a0), '.face-right' var(--o-a180); - -$limits: '.limit-45' var(--o-a45), '.limit-90' var(--o-a90), '.limit-135' var(--o-a135), '.limit-180' var(--o-a180), -'.limit-225' var(--o-a225), '.limit-270' var(--o-a270), '.limit-315' var(--o-a315); - -$orbit-sizes: null, '.size-1' var(--o-orbit-size-1),'.size-2' var(--o-orbit-size-2),'.size-3' var(--o-orbit-size-3),'.size-4' var(--o-orbit-size-4),'.size-5' var(--o-orbit-size-5),'.size-6' var(--o-orbit-size-6); - -$border-width: 0; -$border-style: solid; -$border-color: var(--o-dark, black); -$background-color: var(--o-transparent, transparent); -$fill-color: var(--o-info, #7085b7); -$stroke-color: var(--o-accent1, #a0dbf7); diff --git a/old/utilities/_content.scss b/old/utilities/_content.scss deleted file mode 100644 index e48d486..0000000 --- a/old/utilities/_content.scss +++ /dev/null @@ -1,62 +0,0 @@ -@use '../settings/mixins' as *; -@use '../settings/sass-variables' as *; - -.orbiter > .content { - position:absolute; - padding: 5px; - width: inherit; - height: inherit; - display: grid; - border-radius: inherit; - @include alignment; - text-align: center; - overflow: hidden; - z-index: 10; -} - - -//sector cont.content -.sector > .content { - display: grid; - place-items: center right; - color: white; - width: var(--o-half); - /* paddgin right para qeudar fuera de bordeo*/ - padding-right: calc(var(--o-width) + 10px); - - } - .sector > .content.at-border { - padding-right: 8px; - } - - .sector > .content > * { - rotate: calc(var(--o-rotate) * -1); - } - - @each $position, $angle in $content-position { - .content#{$position} > * { - rotate: calc(#{$angle} * 1deg); - } -} - -// svg -.svg { - position: absolute; - border-radius: inherit; - rotate: -90deg; - width: calc(var(--o-diameter)); - height: calc(var(--o-diameter)); -} - -//label -.label > .content { - transform-origin: 0 0; - border: 1px solid; - border-radius: 4px; - min-width: 100px; - height:auto; - --o-label-box: 5px; - rotate: (calc(var(--o-label-angle) * -1)); - transform: translate(calc(var(--o-connector-width) * cos(var(--o-label-angle)) - var(--o-len)), calc(cos(var(--o-label-angle)) * var(--o-connector-width) * var(--o-label-dir))); -} - \ No newline at end of file diff --git a/old/utilities/_filter-gooey.scss b/old/utilities/_filter-gooey.scss deleted file mode 100644 index 63de55f..0000000 --- a/old/utilities/_filter-gooey.scss +++ /dev/null @@ -1,11 +0,0 @@ -.orbit.filter-gooey{ - filter: url('data:image/svg+xml,\ - <svg xmlns="http://www.w3.org/2000/svg">\ - <filter id="fancy-goo">\ - <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />\ - <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="goo" />\ - <feComposite in="SourceGraphic" in2="goo" operator="atop" />\ - </filter>\ - </svg>#fancy-goo') -} - diff --git a/package.json b/package.json index a473f49..39d9fdd 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,10 @@ "example": "examples" }, "scripts": { - "build": "npx @zumerbox/build" + "build": "npx @zumerbox/build", + "doc:scss": "npx @zumerbox/doc-extractor src/orbit.scss -folder docs-one-scss -scss-imports -public-folder https://github.com/zumerlab/orbit/blob/main/src/scss", + "doc:scssx": "npx @zumerbox/doc-extractor src/scss -folder docs-scss-mutiple -multiple -public-folder https://github.com/zumerlab/orbit/blob/main/src/scss", + "doc:js": "npx @zumerbox/doc-extractor src/web-components -folder docs-js-mutiple -multiple -public-folder https://github.com/zumerlab/orbit/blob/main/src/web-components" }, "repository": { "type": "git", diff --git a/src/orbit.scss b/src/orbit.scss index 3855cb3..b11ac2e 100644 --- a/src/orbit.scss +++ b/src/orbit.scss @@ -11,6 +11,11 @@ @import './scss/_radial-layout.scss'; @import './scss/_utilities.scss'; +/*================ + ORBIT SUPPORTS +==================*/ +@import './scss/_support.scss'; + /*================= ORBIT THEME ===================*/ diff --git a/src/scss/_orbit-class.scss b/src/scss/_orbit-class.scss index 31ecdf6..de26d1b 100644 --- a/src/scss/_orbit-class.scss +++ b/src/scss/_orbit-class.scss @@ -1,9 +1,9 @@ +@use './variables' as *; /*! ## .orbit or .orbit-* This class renders a circumsference around a .orbital-zone center and allows other elements to be -distributed along width. By default there are 12 orbits. The number of orbits can be change on --o-max-orbits, -or in scss source $max-orbits var. +distributed along width. By default there are 12 orbits. The number can be modify with `$max-orbits` var at `_variables.scss`. **Important:** .orbit or .orbit-* is a direct child element of .orbital-zone. @@ -52,9 +52,9 @@ It has some special attributes and css variables to customize it or its children - Class `.gap-*` applied on `.orbit` or `.orbit-*` set a `o-sector` gap space. Default '0' - Class utility `.range-*` applied on `.orbit` or `.orbit-*`: Default '360deg' - - Class utility `.begint-at-*` applied on `.orbit` or `.orbit-*`: Default '0deg' - - Class utility `.inner`: To place `o-sector` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `o-sector` at a "high-orbit". Default midle-orbit + - Class utility `.from-*` applied on `.orbit` or `.orbit-*`: Default '0deg' + - Class utility `.inner-orbit`: To place `o-sector` just below its orbit + - Class utility `.outer-orbit`: To place `o-sector` just above its orbit - CSS styles. User can customize `.orbit` by adding CSS properties. @@ -77,12 +77,13 @@ web component that will be hide when orbit is an ellipse. Values range from 0 to </div> ``` -There are some utility classes that are set on orbit element and affect its child radial layout (`.begin-at-*`, `.range-*`). +There are some utility classes that are set on orbit element and affect its child radial layout (`.from-*`, `.range-*`). Please see **Radial Layout section**. */ .orbit, [class*='orbit-'] { - --o-diameter: calc(var(--orbit-nth) * var(--o-lenght) / var(--o-max-orbits)); + container-name: orbit; + --o-diameter: calc(var(--orbit-nth) * var(--o-lenght) / #{$max-orbits}); --o-radius: calc(var(--o-diameter) / 2); width: calc(var(--o-diameter) / var(--o-ellipse-x)); height: calc(var(--o-diameter) / var(--o-ellipse-y)); diff --git a/src/scss/_orbital-zone.scss b/src/scss/_orbital-zone.scss index 69827a2..f8b9b2b 100644 --- a/src/scss/_orbital-zone.scss +++ b/src/scss/_orbital-zone.scss @@ -22,6 +22,7 @@ Orbital zone is a functional class that groups `.orbit` classes. It serves as a */ .orbital-zone { + container-name: orbitalzone; --o-lenght: 500px; width: var(--o-lenght); aspect-ratio: 1; diff --git a/src/scss/_progress.scss b/src/scss/_progress.scss index d039729..bf2c7b6 100644 --- a/src/scss/_progress.scss +++ b/src/scss/_progress.scss @@ -5,9 +5,10 @@ See o-progress docs in web-component file. */ o-progress { + container-name: oprogress; r: var(--o-radius); stroke-width: calc(var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1)); - transform: rotate(var(--o-begin-at)); + transform: rotate(var(--o-from)); position: absolute; display: flex; justify-content: center; diff --git a/src/scss/_radial-layout.scss b/src/scss/_radial-layout.scss index a163508..de0ed80 100644 --- a/src/scss/_radial-layout.scss +++ b/src/scss/_radial-layout.scss @@ -26,7 +26,7 @@ There are some modifiers to adjust orbit child distribution: - `--o-range`: This variable allows the user to set an arbitrary arc length. Values can range from 0 to 360deg. For convenience, there are utility classes `range-*` (.range-0 to .range-360). -- `--o-begin-at`: This variable allows the user to set an arbitrary starting point. Values can range from 0 to 360deg. For convenience, there are utility classes `begin-at-*` (.begin-at-0 to .begin-at-360). +- `--o-from`: This variable allows the user to set an arbitrary starting point. Values can range from 0 to 360deg. For convenience, there are utility classes `begin-at-*` (.from-0 to .from-360). ### Usage and Examples diff --git a/src/scss/_satellite.scss b/src/scss/_satellite.scss index c65f741..3073256 100644 --- a/src/scss/_satellite.scss +++ b/src/scss/_satellite.scss @@ -2,6 +2,7 @@ ## .satellite Elements with `.satellite` are placed along an `.orbit` or `.orbit-*` arc serving as content place and/or to nest an `.orbital-zone`. +By default there are 24 satellites per orbit. The number can be modify with `$max-orbiters` var at `_variables.scss`. ### Shapes @@ -14,11 +15,11 @@ A few set of shapes utilities are provided (`.circle`, `.box`, `.rounded-box`). It has some special classes and css variables to customize it: - Class utility `.range-*`: Default '360deg' - - Class utility `.begint-at-*`: Default '0deg' - - Class utility `.size-*x`: To increase size according number of orbits. Default 1. - - Class utility `.size-*fr`: To decrease size according a fracction of orbit width. Default 1. - - Class utility `.inner`: To place `.satellite` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `.satellite` at a "high-orbit". Default midle-orbit + - Class utility `.from-*`: Default '0deg' + - Class utility `.grow-*x`: To increase size according number of orbits. Default 1. + - Class utility `.reduce-*`: To decrease size according an orbit fracction percentage. Default 1. + - Class utility `.inner-orbit`: To place `.satellite` just below its orbit + - Class utility `.outer-orbit`: To place `.satellite` just above its orbit - CSS styles. User can customize `.satellite` by adding CSS properties to it. @@ -58,15 +59,16 @@ It has some special classes and css variables to customize it: */ .satellite { + container-name: satellite; --o-angle-composite: var(--o-angle) * var(--o-position); transform: translate( calc( (var(--o-radius) - var(--o-aligment, 0px)) / var(--o-ellipse-x) * - cos(var(--o-begin-at) + var(--o-angle-composite)) + cos(var(--o-from) + var(--o-angle-composite)) ), calc( (var(--o-radius) - var(--o-aligment, 0px)) / var(--o-ellipse-y) * - sin(var(--o-begin-at) + var(--o-angle-composite)) + sin(var(--o-from) + var(--o-angle-composite)) ) ); width: calc(var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1)); diff --git a/src/scss/_sector.scss b/src/scss/_sector.scss index a782c66..af93649 100644 --- a/src/scss/_sector.scss +++ b/src/scss/_sector.scss @@ -7,7 +7,7 @@ See o-sector docs in web-component file. */ o-sector { --o-angle-composite: var(--o-angle) * var(--o-position); - container-name: sectors; + container-name: osector; display: flex; justify-content: center; align-items: center; @@ -17,21 +17,7 @@ o-sector { width: 100%; r: var(--o-radius); stroke-width: calc(var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1)); - transform: rotate(calc(var(--o-begin-at) + var(--o-angle-composite))); -} - -/* - Conditional render sector if ratio equals 1 -*/ -o-sector svg path { - /* By default is hidden */ - display: none; -} -@container sectors style(--o-ellipse-x: 1) and style(--o-ellipse-y: 1) { - /* Shown if ratio equals 1*/ - o-sector svg path { - display: block; - } + transform: rotate(calc(var(--o-from) + var(--o-angle-composite))); } o-sector svg { diff --git a/src/scss/_settings.scss b/src/scss/_settings.scss index 842545f..9222125 100644 --- a/src/scss/_settings.scss +++ b/src/scss/_settings.scss @@ -1,5 +1,4 @@ @use './variables' as *; - /*! ## Orbit initial css variable declaration @@ -8,8 +7,7 @@ When start a new Orbit project following css variables are declared: ```css :root { - --o-max-orbits: 12; - --o-begin-at: 0deg; + --o-from: 0deg; --o-range: 360deg; --o-ellipse-x: 1; --o-ellipse-y: 1; @@ -20,16 +18,14 @@ When start a new Orbit project following css variables are declared: ```css .instance-1 { - --o-max-orbits: 6; - --o-begin-at: 90deg; + --o-from: 90deg; --o-range: 360deg; --o-ellipse-x: 1; --o-ellipse-y: 1; } .instance-2 { - --o-max-orbits: 10; - --o-begin-at: 0deg; + --o-from: 0deg; --o-range: 1800deg; --o-ellipse-x: 0.8; --o-ellipse-y: 1; @@ -46,8 +42,7 @@ When start a new Orbit project following css variables are declared: */ :root { - --o-max-orbits: #{$max-orbits}; - --o-begin-at: 0deg; + --o-from: 0deg; --o-range: 360deg; --o-ellipse-x: 1; --o-ellipse-y: 1; diff --git a/src/scss/_support.scss b/src/scss/_support.scss new file mode 100644 index 0000000..c06b739 --- /dev/null +++ b/src/scss/_support.scss @@ -0,0 +1,96 @@ +@use './variables' as *; + +/*! + +## Orbit support and check + +Orbit has a few but useful CSS checks and supports: + +### o-sector and o-progress only on circular orbits + +Currently Orbit doesn't support ellipse shapes, so when detected these web-components will be hidden. + +### Visual warning on invalid nested elements + +- Orbit checks and warns if `.orbital-zone` has some invalid Orbit direct child element. Only `.orbit` or `.orbit-*` are allowed + +- Orbit checks and warns if `.satellite` has some invalid Orbit direct child element. Only `.orbital-zone` is allowed. + +*/ + +@container osector not style(--o-ellipse-x: 1) { + /* Shown if ratio equals 1*/ + o-sector svg path, o-progress svg path { + display: none; + } +} +@container osector not style(--o-ellipse-y: 1) { + /* Shown if ratio equals 1*/ + o-sector svg path, o-progress svg path { + display: none; + } +} + +.orbital-zone:has(>.satellite, >.vector, >o-progress, >o-sector) { + border: 0.5px solid red!important; +} + +.orbital-zone::after{ + position: absolute; + top: 0px; + left: 0px; + font-size: x-small; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + width: fit-content; + padding: 5px; + color: red; + height: auto; +} + +.satellite::after{ + position: absolute; + top: 25px; + left: 0px; + font-size: x-small; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + width: 100px; + padding: 5px; + color: red; + height: auto; +} + + +.orbital-zone>.satellite, .orbital-zone>.vector, .orbital-zone>o-sector,.orbital-zone>o-progress, .satellite>.satellite,.satellite>.orbit,.satellite>[class*='orbit-'], .satellite>.vector, .satellite>o-sector,.satellite>o-progress { + border: 1px solid red!important; + background-color: red; + border-radius: 50%; + width: 5px; + height: 5px; + animation: pulse 1.5s infinite; +} + +.orbital-zone>o-sector path, .orbital-zone>o-progress path, .satellite>o-sector path, .satellite>o-progress path { + stroke:none +} + +.orbital-zone:has(>.satellite,>.vector,>o-sector,>o-progress)::after { + content: "⚠️ Invalid nested elements on .orbital-zone!"; +} +.satellite:has(>.satellite,>.vector,>o-sector,>o-progress,>.orbit, >[class*='orbit-'])::after { + content: "⚠️ Invalid nested elements on .satellite!"; +} + +@keyframes pulse { + 0% { + transform: scale(1); + opacity: 1; + } + 50% { + transform: scale(3); + opacity: 0.5; + } + 100% { + transform: scale(1); + opacity: 1; + } +} diff --git a/src/scss/_utilities.scss b/src/scss/_utilities.scss index 5a24c60..e34cacb 100644 --- a/src/scss/_utilities.scss +++ b/src/scss/_utilities.scss @@ -7,14 +7,14 @@ There is a small set of CSS utilities to use with some orbit classes and compone - **.orbital-zone aligment utilities** - `.center`, `center-left`, `.center-right`, `.top-left`, `.top-center`, `.top-right`, `.bottom-left`, `.bottom-center`, `.bottom-right` - **.orbit or .orbit-* child elements utilities (satellite, vector, o-sector, o-progress)** - - `.begin-at-*`: To set a starting angle point. From 0 - 360deg. Default 0deg. + - `.from-*`: To set a starting angle point. From 0 - 360deg. Default 0deg. - `.range-*`: To set a limit to distribute elements. From 0 - 360deg. Default 360deg. - - `.angle-*`: To set an angle poijt to place elements. From 0 - 360deg. (not applies to o-progress) + - `.angle-*`: To set an angle point to place elements. From 0 - 360deg. (not applies to o-progress) - **Satellite, vector, o-sector, o-progress utilites** - - `.size-*x`: To increase size according number of orbits. Default 1. - - `.size-*fr`: To decrease size according a fracction of orbit width. Default 1. - - `.inner`: To place element at a "low-orbit". Default midle-orbit - - `.outer`: To place element at a "high-orbit". Default midle-orbit + - `.grow-*x`: To increase size according number of orbits. Default 1. + - `.reduce-*`: To decrease size according an orbit fracction percentage. Default 1. + - `.inner-orbit`: To place element just below its orbit. + - `.outer-orbit`: To place element just above its orbit. - **satellite utilities** - `.circle` to render a circle shape. Default - `.rounded-box` to render a rounded box shape. @@ -72,8 +72,8 @@ $max-grade: 360; } } @for $i from 0 through $max-grade { - .begin-at-#{$i} { - --o-begin-at: #{$i}deg; + .from-#{$i} { + --o-from: #{$i}deg; } } @for $i from 0 through $max-grade { @@ -96,20 +96,20 @@ $max-grade: 360; } /* - Sector, Progress and Vector width-factor USE GROW-FACTOR -Ca n be used in parent elements or in each orbiter class +Sector, Progress and Vector size-ratio +Can be used in parent elements or in each orbiter class */ -@for $i from 1 through $max-orbits { - - $value: calc($i / $max-orbits ); - .size-#{$i}fr { +@for $i from 0 through 10 { + $percent: calc($i * 10); + $value: if($i == 0, 1, 1 - ($i / 10)); + .reduce-#{$percent} { --o-size-ratio: #{$value}; } } @for $i from 1 through $max-orbits { - .size-#{$i}x { + .grow-#{$i}x { --o-size-ratio: #{$i}; } } @@ -117,12 +117,12 @@ Ca n be used in parent elements or in each orbiter class /* Orbit child elements could be placed at low / middle / high-orbit */ -.inner { +.inner-orbit { --o-aligment: calc( var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1) ) / 2; } -.outer { +.outer-orbit { --o-aligment: calc( var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1) ) / -2; diff --git a/src/scss/_vector.scss b/src/scss/_vector.scss index 228b3d9..eeae5a8 100644 --- a/src/scss/_vector.scss +++ b/src/scss/_vector.scss @@ -1,18 +1,18 @@ /*! ## .vector -This class renders a perpendicular segment along an orbit. +This class renders a perpendicular segment along an orbit. By default there are 24 vectors per orbit. The number can be modify with `$max-orbiters` var at `_variables.scss`. ### Customization It has some special classes and css variables to customize it: - Class utility `.range-*`: Default '360deg' - - Class utility `.begint-at-*`: Default '0deg' - - Class utility `.size-*x`: To increase size according number of orbits. Default 1. - - Class utility `.size-*fr`: To decrease size according a fracction of orbit width. Default 1. - - Class utility `.inner`: To place `.vector` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `.vector` at a "high-orbit". Default midle-orbit + - Class utility `.from-*`: Default '0deg' + - Class utility `.grow-*x`: To increase size according number of orbits. Default 1. + - Class utility `.reduce-*`: To decrease size according an orbit fracction percentage. Default 1. + - Class utility `.inner-orbit`: To place `.vector` just below its orbit + - Class utility `.outer-orbit`: To place `.vector` just above its orbit - CSS styles. User can customize `.vector` by adding CSS properties to it. @@ -32,18 +32,19 @@ It has some special classes and css variables to customize it: */ .vector { + container-name: vector; --o-angle-composite: var(--o-angle) * var(--o-position); - width: calc(var(--o-radius) / var(--orbit-nth) * var(--o-size-ratio, 1)); + width: calc(var(--o-radius, 500px) / var(--orbit-nth) * var(--o-size-ratio, 1)); position: absolute; padding: 0; transform: translate( calc( - (var(--o-radius) - var(--o-aligment, 1px)) / var(--o-ellipse-x) * - cos(var(--o-begin-at) + var(--o-angle-composite)) + (var(--o-radius, 500px) - var(--o-aligment, 1px)) / var(--o-ellipse-x) * + cos(var(--o-from) + var(--o-angle-composite)) ), calc( - (var(--o-radius) - var(--o-aligment, 1px)) / var(--o-ellipse-y) * - sin(var(--o-begin-at) + var(--o-angle-composite)) + (var(--o-radius, 500px) - var(--o-aligment, 1px)) / var(--o-ellipse-y) * + sin(var(--o-from) + var(--o-angle-composite)) ) ) rotate( diff --git a/src/web-components/orbit-progress.js b/src/web-components/orbit-progress.js index 099a81e..4b13192 100644 --- a/src/web-components/orbit-progress.js +++ b/src/web-components/orbit-progress.js @@ -1,8 +1,8 @@ /*! ## o-progress -`<o-progress>` is a standard web-component for rendering a radial progress bar. -It has a progress bar and a range bar. +`<o-progress>` is a standard web-component for rendering a radial progress bar. Just one o-progress can be used per orbit. +It has a progress and range bar. It has some special attributes and css variables to customize it: - Attribute `value`: To set a number that represents the progress bar value. @@ -10,14 +10,17 @@ It has some special attributes and css variables to customize it: - Attribute `bar-color`: To set a color for progress bar. Default `orange` - Attribute `bg-color`: To set a color for range bar. Default `transparent` + - Class `.rounded`: to set ending caps. Default 'butt' - Class utility `.range-*`: Default '360deg' - - Class utility `.begint-at-*`: Default '0deg' - - Class utility `.inner`: To place `o-progress` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `o-progress` at a "high-orbit". Default midle-orbit + - Class utility `.from-*`: Default '0deg' + - Class utility `.inner-orbit`: To place `o-progress` just below its orbit + - Class utility `.outer-orbit`: To place `o-progress` just above its orbit + - CSS styles. User can customize `o-progress` by adding CSS properties to `o-progress path` + **Important:** `<o-progress>` can only be used into `.orbit` or `.orbit-*` ### Usage @@ -104,10 +107,12 @@ export class OrbitProgress extends HTMLElement { ) const lineCap = getComputedStyle(this).getPropertyValue('--o-linecap') || 'butt' - const ellipseX = + const ellipseX = parseFloat( getComputedStyle(this).getPropertyValue('--o-ellipse-x') || 1 - const ellipseY = + ) + const ellipseY = parseFloat( getComputedStyle(this).getPropertyValue('--o-ellipse-y') || 1 + ) const progress = parseFloat( getComputedStyle(this).getPropertyValue('--o-progress') || this.getAttribute('value') || diff --git a/src/web-components/orbit-sector.js b/src/web-components/orbit-sector.js index 4a0ca58..460ba15 100644 --- a/src/web-components/orbit-sector.js +++ b/src/web-components/orbit-sector.js @@ -13,16 +13,17 @@ function calcularExpresionCSS(cssExpression) { /*! ## o-sector -`<o-sector>` is a standard web-component for rendering a radial slices or pies . +`<o-sector>` is a standard web-component for rendering a radial slices or pies. +By default there are 24 sector per orbit. The number can be modify with `$max-orbiters` var at `_variables.scss`. It has some special attributes and css variables to customize it: - Attribute `sector-color`: To set a color for sector. Default `orange` - Class `.gap-*` applied on `.orbit` or `.orbit-*` or in `<o-sector>`: to set gap space. Default '0' - Class utility `.range-*` applied on `.orbit` or `.orbit-*`: Default '360deg' - - Class utility `.begint-at-*` applied on `.orbit` or `.orbit-*`: Default '0deg' - - Class utility `.inner`: To place `o-sector` at a "low-orbit". Default midle-orbit - - Class utility `.outer`: To place `o-sector` at a "high-orbit". Default midle-orbit + - Class utility `.from-*` applied on `.orbit` or `.orbit-*`: Default '0deg' + - Class utility `.inner-orbit`: To place `o-sector` just below its orbit + - Class utility `.outer-orbit`: To place `o-sector` just above its orbit - CSS styles. User can customize `o-sector` by adding CSS properties to `o-sector path`