@fpkit/acss 0.4.4

package/src/styles/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../sass/_reset.scss","../sass/_properties.scss","../sass/_globals.scss","../sass/_elements.scss","../components/buttons/button.scss","../components/tag/tag.scss","../components/images/img.scss","../components/cards/card.scss","../components/progress/progress.scss","../components/details/details.scss","../components/link/link.scss","../sass/_mixins.scss","../components/layout/_header.scss","../components/layout/landmarks.scss","../components/badge/badge.scss","../components/nav/nav.scss","../components/form/form.scss","../components/breadcrumbs/breadcrumb.scss","../components/text-to-speech/text-to-speech.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;;;AAGF;AACE;AACA;EACA;AAEA;AACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AAWA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;IACE;;EAGF;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;AAIJ;AACA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;AAEA;AAGA;EACA;;AAEA;EACE;EACA;EACA;;;ACpLJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAGA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;ACxGF;EACE;AAAA;AAAA;EAGA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACE;;;AAKN;AAAA;AAAA;EAGE;;;AAGF;AAAA;AAAA;AAAA;EAIE;;AACA;AAAA;AAAA;AAAA;EACE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;;;AAKF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAEE;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1JA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;;AAGF;EAEE;;AAGA;EACE;;AAOJ;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAGE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AC/GN;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;;;AAGJ;EACE;EACA;;;ACtDF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvCN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAEF;AAAA;EACE;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAIJ;EACE;;;ACzCF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AACA;AACA;AA8BA;;AA7BA;EAEE;EACA;EACA;EACA;AAgBA;;AAbA;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAKJ;EAEE;EACA;EAEA;AAcA;;AAZA;AACE;EAEA;;AAGF;EAGE;;AAIF;AACE;EAEA;;;ACjEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAMA;;AAJA;EACE;;AAKF;EACE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAEF;EACE;;;ACrEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EClEF;EACA;EACA;EACA;EACA;;AD+DE;EACE;EACA;;AAEF;EACE;;ACnEJ;EACE;;ADsEF;EAEE;EACA;EACA;;AACA;EAEE;;;AAKN;EACE;;;AE1FF;AAAA;AAAA;EAIE;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;AAAA;AAAA;EACE;;;AAEF;AAAA;AAAA;EACE;EAEA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AChEN;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;;;AAON;EACE;EACA;EACA;EACA;EACA;;;AChDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;;ACjBJ;AAAA;EAEE;EACA;;AAEA;EALF;AAAA;IAMI;IACA;IACA;IACA;IACA;;;AAGA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAEF;AAAA;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAKF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;ACvFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;;AAKA;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;EACE;;AAKN;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrFF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAEF;AAAA;EACE;;AACA;AAAA;EACE;EACA;;;AC7BV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;AAAA;EAEE;;AACA;AAAA;EACE","file":"index.css"}

package/src/styles/layout/landmarks.css

@@ -0,0 +1,155 @@
+header,
+[data-hero],
+[data-grid~=overlay] {
+  --overlay-grid-area: overlay;
+  --overlay-placement: center;
+  --overlay-display: grid;
+  --overlay-padding: 2rem;
+  --overlay-w: 100%;
+  --overlay-h: 40vh;
+  --overlay-max-h: 500px;
+  --overlay-color: currentColor;
+  --overlay-content-w: 80%;
+  --overlay-gap: 2rem;
+  --overlay-bg: whitesmoke;
+  --overlay-px: auto;
+  --overlay-py: auto;
+  --overlay-mx: auto;
+  --overlay-my: auto;
+  grid-template-areas: "overlay";
+  display: var(--overlay-display);
+  place-items: var(--overlay-placement);
+  align-items: var(--overlay-placement);
+  min-height: var(--overlay-h);
+  width: var(--overlay-w);
+  color: var(--overlay-color);
+  background-color: var(--overlay-bg);
+  min-width: 20rem;
+}
+header > *,
+[data-hero] > *,
+[data-grid~=overlay] > * {
+  grid-area: overlay;
+}
+header > img,
+[data-hero] > img,
+[data-grid~=overlay] > img {
+  width: var(--overlay-w);
+  background-size: contain;
+}
+header > div,
+header > section,
+[data-hero] > div,
+[data-hero] > section,
+[data-grid~=overlay] > div,
+[data-grid~=overlay] > section {
+  --overlay-display: flex;
+  max-width: var(--overlay-content-w);
+  padding-inline: var(--spc-4);
+  margin-inline: var(--overlay-mx);
+  gap: var(--overlay-gap);
+  text-align: center;
+}
+header > div p,
+header > section p,
+[data-hero] > div p,
+[data-hero] > section p,
+[data-grid~=overlay] > div p,
+[data-grid~=overlay] > section p {
+  width: auto;
+  max-width: 60ch;
+  font-size: var(--fs-8);
+  line-height: 1.4;
+}
+header > div > h1,
+header > div > h2,
+header > section > h1,
+header > section > h2,
+[data-hero] > div > h1,
+[data-hero] > div > h2,
+[data-hero] > section > h1,
+[data-hero] > section > h2,
+[data-grid~=overlay] > div > h1,
+[data-grid~=overlay] > div > h2,
+[data-grid~=overlay] > section > h1,
+[data-grid~=overlay] > section > h2 {
+  line-height: var(--header-lh, 1.1);
+  font-weight: 500;
+}
+header > div > h1,
+header > section > h1,
+[data-hero] > div > h1,
+[data-hero] > section > h1,
+[data-grid~=overlay] > div > h1,
+[data-grid~=overlay] > section > h1 {
+  font-size: var(--fs-12);
+}
+header > div > h2,
+header > section > h2,
+[data-hero] > div > h2,
+[data-hero] > section > h2,
+[data-grid~=overlay] > div > h2,
+[data-grid~=overlay] > section > h2 {
+  font-size: var(--fs-11);
+}
+header > div > h3,
+header > section > h3,
+[data-hero] > div > h3,
+[data-hero] > section > h3,
+[data-grid~=overlay] > div > h3,
+[data-grid~=overlay] > section > h3 {
+  font-size: var(--fs-10);
+}
+
+main,
+footer {
+  --content-w: min(100%, 1480px);
+  --content-mx: auto;
+  --content-px: 1rem;
+  --content-gap: 2rem;
+  padding-block: var(--overlay-padding);
+}
+main > section,
+footer > section {
+  width: var(--content-w);
+  margin-inline: var(--content-mx);
+  padding-inline: var(--spc-6);
+}
+
+main {
+  flex: 1;
+  font-size: var(--fs-3);
+}
+main > section[aria-label],
+main > section {
+  width: var(--content-w);
+  margin-inline: var(--content-mx);
+}
+main > section[aria-label]:has(> article, > aside),
+main > section:has(> article, > aside) {
+  display: flex;
+  flex-wrap: wrap;
+  flex: 1;
+  gap: var(--content-gap);
+}
+main > section[aria-label]:has(> article, > aside) > article,
+main > section:has(> article, > aside) > article {
+  flex-basis: 0;
+  flex-grow: 999;
+  min-inline-size: 50%;
+}
+main > section[aria-label]:has(> article, > aside) > aside,
+main > section:has(> article, > aside) > aside {
+  flex-basis: 20rem;
+  flex-grow: 1;
+}
+
+footer > div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 5rem;
+  text-align: center;
+}
+
+/*# sourceMappingURL=landmarks.css.map */

package/src/styles/layout/landmarks.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../components/layout/_header.scss","../../components/layout/landmarks.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAIE;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EAEA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AChEN;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;;;AAON;EACE;EACA;EACA;EACA;EACA","file":"landmarks.css"}

package/src/styles/link/link.css

@@ -0,0 +1,88 @@
+a[href] {
+  --link-decoration: none;
+  --link-color: #085ab7;
+  --link-bg: transparent;
+  --link-px: 0;
+  --link-py: 0;
+  --link-transition: all 0.75s ease-in-out;
+  --link-fs: 1rem;
+  --link-radius: 0.25rem;
+  --link-skip-ink: auto;
+  --link-decoration-offset: 1.5px;
+  --link-decoration-thickness: 3px;
+  --link-decoration: color: var(--link-color) var(--link-decoration-offset)
+    var(--link-decoration-thickness) var(--link-skip-ink);
+  --link-decoration-thickness: 3px;
+  --link-decoration: color: var(--link-color) var(--link-decoration-offset)
+    var(--link-decoration-thickness) var(--link-skip-ink);
+  color: var(--link-color);
+  font-size: var(--link-fs);
+  text-decoration: var(--link-decoration);
+  text-underline-offset: var(--link-decoration-offset);
+  text-decoration-skip-ink: var(--link-skip-ink);
+  background-color: var(--link-bg);
+  border-radius: var(--link-radius);
+  background-color: var(--link-bg);
+  border-radius: var(--link-radius);
+  font-weight: var(--link-weight);
+}
+a[href] > i,
+a[href] > b {
+  font-weight: var(--link-weight);
+  font-style: normal;
+}
+a[href]:hover {
+  --link-decoration: underline;
+}
+a[href]:focus {
+  outline: none;
+  --link-decoration: underline;
+}
+a[href]:visited, a[href]:active {
+  --link-color: currentColor;
+}
+a[href]:has(> b), a[href][data-link~=btn], a[href]:has(> i) {
+  --link-button-color: var(--link-color);
+  --link-bg: transparent;
+  --link-decoration: none;
+  --link-border: 2px currentColor solid;
+  --link-fs: 0.9rem;
+  background-color: var(--link-bg);
+  font-style: normal;
+  font-size: var(--link-fs);
+  color: var(--link-button-color);
+  padding-inline: var(--link-fs);
+  padding-block: calc(var(--link-fs) - 0.4rem);
+  border-radius: var(--link-radius, 99rem);
+  display: inline-flex;
+  outline: var(--link-border);
+  --scale-transition: transform 0.25s ease;
+  --scale: scale(1);
+  --scale-to: scale(1.05);
+  transform: var(--scale);
+  transition: var(--scale-transition);
+}
+a[href]:has(> b):focus, a[href][data-link~=btn]:focus, a[href]:has(> i):focus {
+  outline: var(--link-border);
+  --link-decoration: none;
+}
+a[href]:has(> b):hover, a[href][data-link~=btn]:hover, a[href]:has(> i):hover {
+  --link-decoration: none;
+}
+a[href]:has(> b):hover, a[href][data-link~=btn]:hover, a[href]:has(> i):hover {
+  transform: var(--scale-to);
+}
+a[href][data-link~=pill], a[href]:has(> i) {
+  --link-radius: 99rem;
+  --link-decoration: none;
+  font-style: normal;
+}
+a[href][data-link~=pill]:hover, a[href][data-link~=pill]:focus, a[href]:has(> i):hover, a[href]:has(> i):focus {
+  --link-decoration: none;
+}
+
+header > section {
+  width: auto;
+}
+
+/*# sourceMappingURL=link.css.map */

package/src/styles/link/link.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../components/link/link.scss","../../sass/_mixins.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EClEF;EACA;EACA;EACA;EACA;;AD+DE;EACE;EACA;;AAEF;EACE;;ACnEJ;EACE;;ADsEF;EAEE;EACA;EACA;;AACA;EAEE;;;AAKN;EACE","file":"link.css"}

package/src/styles/nav/nav.css

@@ -0,0 +1,85 @@
+body > nav,
+[aria-label~=navbar], .navbar {
+  padding-inline: var(--nav-px, 1rem);
+  min-height: var(--nav-h, fit-content);
+}
+@media (max-width: 580px) {
+  body > nav,
+  [aria-label~=navbar], .navbar {
+    flex-direction: column;
+    height: fit-content;
+    min-height: fit-content;
+    padding-block: unset;
+    gap: 0.5rem;
+  }
+}
+body > nav ul > li,
+[aria-label~=navbar] ul > li, .navbar ul > li {
+  display: flex;
+  align-items: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  min-height: 100%;
+  padding-inline: var(--nav-px, 0.75rem);
+}
+body > nav ul > li:hover,
+[aria-label~=navbar] ul > li:hover, .navbar ul > li:hover {
+  background-color: var(--nav-hov-bg, whitesmoke);
+}
+body > nav ul > li:hover:where(img),
+[aria-label~=navbar] ul > li:hover:where(img), .navbar ul > li:hover:where(img) {
+  background-color: transparent;
+}
+
+nav {
+  display: var(--nav-dsp, flex);
+  flex-direction: var(--nav-direction, row);
+  width: var(--nav-w, auto);
+  place-items: var(--nav-align, center);
+  justify-content: var(--nav-justify, space-between);
+  margin-inline: var(--nav-mx, 0);
+  background-color: var(--nav-bg, initial);
+}
+nav > section,
+nav > ul {
+  --nav-dsp: flex;
+  flex-direction: var(--nav-direction, row);
+  display: var(--nav-dsp, flex);
+  gap: var(--nav-gap, 0);
+  font-size: var(--nav-fs, 0.9rem);
+  align-items: var(--nav-align, center);
+  padding-inline: var(--nav-px, 1rem);
+  padding-block: var(--nav-py, 0);
+  height: 100%;
+}
+nav > section[data-list~=block],
+nav > ul[data-list~=block] {
+  --nav-direction: column;
+}
+nav > section > div {
+  --py: 0;
+}
+nav ul > li {
+  display: flex;
+  align-items: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  min-height: 100%;
+  padding-inline: var(--nav-px, 1rem);
+}
+nav img[alt] {
+  --px: 0 var(--s1);
+  --w: var(--brand-w, 3.6rem);
+}
+nav[data-variant] {
+  background-color: var(--nav-bg);
+  color: var(--nav-cl);
+  font-size: var(--nav-fs, 0.9rem);
+}
+nav > div {
+  margin-block-start: 0;
+}
+
+/*# sourceMappingURL=nav.css.map */

package/src/styles/nav/nav.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../components/nav/nav.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;EACA;;AAEA;EALF;AAAA;IAMI;IACA;IACA;IACA;IACA;;;AAGA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAEF;AAAA;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAKF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE","file":"nav.css"}

package/src/styles/progress/progress.css

@@ -0,0 +1,54 @@
+progress {
+  /* Revert all styles */
+  all: revert;
+  --progress-w: 100%;
+  --progress-h: 1rem;
+  --progress-bg: #cccccc;
+  --progress-color: rgb(71, 71, 245);
+  --progress-accent-color: var(--progress-color);
+  /* This code changes the color of the progress bar. */
+  /* The variable names indicate the colors that are used. */
+  /* The colors are used in the progress bar. */
+  /* If the progress element is busy, remove the revert styles */
+}
+progress[value] {
+  width: var(--progress-w);
+  height: var(--progress-h);
+  background-color: var(--progress-bg);
+  accent-color: var(--progress-accent-color);
+  /* Styling for the remaining part of the& bar */
+}
+progress[value]::-webkit-progress-value {
+  /* Color for Chrome, Safari, and newer Opera */
+  background-color: var(--progress-accent-color);
+  accent-color: var(--progress-accent-color);
+}
+progress[value]::-moz-progress-bar {
+  /* Color for Firefox */
+  background-color: var(--progress-accent-color);
+  accent-color: var(--progress-accent-color);
+}
+progress[value]::-webkit-progress-bar {
+  /* Background for Chrome, Safari, and newer Opera */
+  background-color: var(--progress-background-color);
+  accent-color: var(--progress-accent-color);
+}
+progress[aria-busy] {
+  width: var(--progress-w);
+  height: var(--progress-h);
+  accent-color: var(--progress-accent-color);
+  /* Styling for the remaining part of the& bar */
+}
+progress[aria-busy]::-webkit-progress-value {
+  /* Color for Chrome, Safari, and newer Opera */
+  accent-color: var(--progress-accent-color);
+}
+progress[aria-busy]::-moz-progress-bar {
+  accent-color: var(--progress-accent-color);
+}
+progress[aria-busy]::-webkit-progress-bar {
+  /* Background for Chrome, Safari, and newer Opera */
+  accent-color: var(--progress-accent-color);
+}
+
+/*# sourceMappingURL=progress.css.map */

package/src/styles/progress/progress.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../components/progress/progress.scss"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AACA;AACA;AA8BA;;AA7BA;EAEE;EACA;EACA;EACA;AAgBA;;AAbA;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAKJ;EAEE;EACA;EAEA;AAcA;;AAZA;AACE;EAEA;;AAGF;EAGE;;AAIF;AACE;EAEA","file":"progress.css"}

package/src/styles/progress/sass/progress.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../components/progress/sass/progress.scss"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AACA;AACA;AA+BA;;AA9BA;EAEE;EACA;EACA;EACA;AAgBA;;AAbA;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;AAcA;;AAZA;AACE;EACA;EACA;;AAGF;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA","file":"progress.css"}