@iroco/ui 0.19.7 → 0.19.8

package/lib/index.mjs.css

@@ -1,3 +1,21 @@
+.rotate.svelte-1dns1yx {
+  animation: svelte-1dns1yx-rotation 2s; }
+
+.linear.svelte-1dns1yx {
+  animation-timing-function: linear; }
+
+.infinite.svelte-1dns1yx {
+  animation-iteration-count: infinite; }
+
+@keyframes svelte-1dns1yx-rotation {
+  from {
+    transform: rotate(0deg); }
+  to {
+    transform: rotate(359deg); } }
+
+svg.svelte-1cuxg7m {
+  overflow: visible; }
+
 .iroco-ui-radio.svelte-167k2qc.svelte-167k2qc.svelte-167k2qc {
   color: #f2ebe3;
   position: relative;
@@ -104,6 +122,49 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
 .font-color-lightGrey.svelte-7ix6l6 {
   color: #f5f5f5; }
 
+.navigation.svelte-z8zucs.svelte-z8zucs {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%; }
+
+.navigation--mobile.svelte-z8zucs.svelte-z8zucs {
+  display: none; }
+
+.navigation__title-container.svelte-z8zucs.svelte-z8zucs {
+  display: flex;
+  align-items: center;
+  padding-left: 1em; }
+
+.navigation__title-container.svelte-z8zucs h1.svelte-z8zucs {
+  padding-left: 1em; }
+
+@media all and (max-width: 768px) {
+  .navigation.svelte-z8zucs.svelte-z8zucs {
+    display: none;
+    color: #f2ebe3; }
+  .navigation--mobile.svelte-z8zucs.svelte-z8zucs {
+    display: flex;
+    padding: 0 1em;
+    justify-content: space-between;
+    position: fixed;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    border-bottom: 1px solid #464452; }
+  .navigation--mobile.svelte-z8zucs h1.svelte-z8zucs {
+    font-size: 2em; }
+  .navigation--mobile__button.svelte-z8zucs.svelte-z8zucs {
+    background-color: transparent;
+    border: none;
+    color: #464452; }
+  .navigation--mobile__title-container.svelte-z8zucs.svelte-z8zucs {
+    display: flex;
+    align-items: center; }
+  .navigation--mobile__title-container.svelte-z8zucs h1.svelte-z8zucs {
+    padding-left: 0.5em; } }
+
 .font-color-blue.svelte-nd22lv {
   color: #00B9FF; }
 
@@ -317,168 +378,40 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
 .iroco-ui-button.disabled.svelte-nd22lv:hover {
   box-shadow: none; }
 
-svg.svelte-1cuxg7m {
-  overflow: visible; }
-
-.rotate.svelte-1dns1yx {
-  animation: svelte-1dns1yx-rotation 2s; }
-
-.linear.svelte-1dns1yx {
-  animation-timing-function: linear; }
-
-.infinite.svelte-1dns1yx {
-  animation-iteration-count: infinite; }
-
-@keyframes svelte-1dns1yx-rotation {
-  from {
-    transform: rotate(0deg); }
-  to {
-    transform: rotate(359deg); } }
-
-.data-table.svelte-d69ajf {
-  border: 1px solid #464452;
-  width: 100%; }
-
-.data-table__header.svelte-d69ajf {
-  font-size: 1.5em;
-  height: 4rem; }
-
-.data-table__header__cell.svelte-d69ajf {
-  border-bottom: 1px solid #464452; }
-
-.data-table__body__cell.svelte-d69ajf {
-  text-align: center;
-  vertical-align: middle; }
-
-.font-color-blue.svelte-xrcxsu {
+.font-color-blue.svelte-1ktk61y.svelte-1ktk61y {
   color: #00B9FF; }
 
-.font-color-darkBlue.svelte-xrcxsu {
+.font-color-darkBlue.svelte-1ktk61y.svelte-1ktk61y {
   color: #211D28; }
 
-.font-color-nightBlue.svelte-xrcxsu {
+.font-color-nightBlue.svelte-1ktk61y.svelte-1ktk61y {
   color: #18151E; }
 
-.font-color-green.svelte-xrcxsu {
+.font-color-green.svelte-1ktk61y.svelte-1ktk61y {
   color: #00D692; }
 
-.font-color-red.svelte-xrcxsu {
+.font-color-red.svelte-1ktk61y.svelte-1ktk61y {
   color: #ff504d; }
 
-.font-color-yellow.svelte-xrcxsu {
+.font-color-yellow.svelte-1ktk61y.svelte-1ktk61y {
   color: #FFE032; }
 
-.font-color-beige.svelte-xrcxsu {
+.font-color-beige.svelte-1ktk61y.svelte-1ktk61y {
   color: #f2ebe3; }
 
-.font-color-darkBeige.svelte-xrcxsu {
+.font-color-darkBeige.svelte-1ktk61y.svelte-1ktk61y {
   color: #a9a29e; }
 
-.font-color-mediumGrey.svelte-xrcxsu {
+.font-color-mediumGrey.svelte-1ktk61y.svelte-1ktk61y {
   color: #464452; }
 
-.font-color-darkGrey.svelte-xrcxsu {
+.font-color-darkGrey.svelte-1ktk61y.svelte-1ktk61y {
   color: #33323a; }
 
-.font-color-lightGrey.svelte-xrcxsu {
+.font-color-lightGrey.svelte-1ktk61y.svelte-1ktk61y {
   color: #f5f5f5; }
 
-.alert.svelte-xrcxsu {
-  min-height: 2em;
-  display: inline-flex;
-  align-items: center;
-  border-radius: 0.3em;
-  padding: 0 1em 0 1em;
-  font-size: 1.2em;
-  justify-content: center;
-  margin-bottom: 1em;
-  cursor: pointer; }
-
-.alert--danger.svelte-xrcxsu {
-  background-color: rgba(255, 80, 77, 0.5);
-  border: 1px solid #ff504d; }
-
-.alert--success.svelte-xrcxsu {
-  background-color: rgba(0, 214, 146, 0.5);
-  border: 1px solid #00D692; }
-
-.navigation.svelte-z8zucs.svelte-z8zucs {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%; }
-
-.navigation--mobile.svelte-z8zucs.svelte-z8zucs {
-  display: none; }
-
-.navigation__title-container.svelte-z8zucs.svelte-z8zucs {
-  display: flex;
-  align-items: center;
-  padding-left: 1em; }
-
-.navigation__title-container.svelte-z8zucs h1.svelte-z8zucs {
-  padding-left: 1em; }
-
-@media all and (max-width: 768px) {
-  .navigation.svelte-z8zucs.svelte-z8zucs {
-    display: none;
-    color: #f2ebe3; }
-  .navigation--mobile.svelte-z8zucs.svelte-z8zucs {
-    display: flex;
-    padding: 0 1em;
-    justify-content: space-between;
-    position: fixed;
-    top: 0;
-    z-index: 1;
-    width: 100%;
-    border-bottom: 1px solid #464452; }
-  .navigation--mobile.svelte-z8zucs h1.svelte-z8zucs {
-    font-size: 2em; }
-  .navigation--mobile__button.svelte-z8zucs.svelte-z8zucs {
-    background-color: transparent;
-    border: none;
-    color: #464452; }
-  .navigation--mobile__title-container.svelte-z8zucs.svelte-z8zucs {
-    display: flex;
-    align-items: center; }
-  .navigation--mobile__title-container.svelte-z8zucs h1.svelte-z8zucs {
-    padding-left: 0.5em; } }
-
-.font-color-blue.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #00B9FF; }
-
-.font-color-darkBlue.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #211D28; }
-
-.font-color-nightBlue.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #18151E; }
-
-.font-color-green.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #00D692; }
-
-.font-color-red.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #ff504d; }
-
-.font-color-yellow.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #FFE032; }
-
-.font-color-beige.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #f2ebe3; }
-
-.font-color-darkBeige.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #a9a29e; }
-
-.font-color-mediumGrey.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #464452; }
-
-.font-color-darkGrey.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #33323a; }
-
-.font-color-lightGrey.svelte-1c7weh9.svelte-1c7weh9 {
-  color: #f5f5f5; }
-
-.container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+.container-wide.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 2360px;
   margin-left: auto;
@@ -486,42 +419,42 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 2560px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 1620px; } }
 
 @media all and (max-width: 1800px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 1280px; } }
 
 @media all and (max-width: 1440px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.container-large.svelte-1c7weh9.svelte-1c7weh9 {
+.container-large.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 1280px;
   margin-left: auto;
@@ -529,34 +462,34 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1440px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+.container-medium.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 884px;
   margin-left: auto;
@@ -564,30 +497,30 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1024px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.container-small.svelte-1c7weh9.svelte-1c7weh9 {
+.container-small.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 496px;
   margin-left: auto;
@@ -595,51 +528,51 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 425px) {
-  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-small.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-small.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-small.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.font-color-blue.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-blue.svelte-1ktk61y.svelte-1ktk61y {
   color: #00B9FF; }
 
-.font-color-darkBlue.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-darkBlue.svelte-1ktk61y.svelte-1ktk61y {
   color: #211D28; }
 
-.font-color-nightBlue.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-nightBlue.svelte-1ktk61y.svelte-1ktk61y {
   color: #18151E; }
 
-.font-color-green.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-green.svelte-1ktk61y.svelte-1ktk61y {
   color: #00D692; }
 
-.font-color-red.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-red.svelte-1ktk61y.svelte-1ktk61y {
   color: #ff504d; }
 
-.font-color-yellow.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-yellow.svelte-1ktk61y.svelte-1ktk61y {
   color: #FFE032; }
 
-.font-color-beige.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-beige.svelte-1ktk61y.svelte-1ktk61y {
   color: #f2ebe3; }
 
-.font-color-darkBeige.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-darkBeige.svelte-1ktk61y.svelte-1ktk61y {
   color: #a9a29e; }
 
-.font-color-mediumGrey.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-mediumGrey.svelte-1ktk61y.svelte-1ktk61y {
   color: #464452; }
 
-.font-color-darkGrey.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-darkGrey.svelte-1ktk61y.svelte-1ktk61y {
   color: #33323a; }
 
-.font-color-lightGrey.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-lightGrey.svelte-1ktk61y.svelte-1ktk61y {
   color: #f5f5f5; }
 
-.container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+.container-wide.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 2360px;
   margin-left: auto;
@@ -647,42 +580,42 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 2560px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 1620px; } }
 
 @media all and (max-width: 1800px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 1280px; } }
 
 @media all and (max-width: 1440px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.container-large.svelte-1c7weh9.svelte-1c7weh9 {
+.container-large.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 1280px;
   margin-left: auto;
@@ -690,34 +623,34 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1440px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+.container-medium.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 884px;
   margin-left: auto;
@@ -725,30 +658,30 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1024px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.container-small.svelte-1c7weh9.svelte-1c7weh9 {
+.container-small.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 496px;
   margin-left: auto;
@@ -756,18 +689,18 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 425px) {
-  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-small.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-small.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-small.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.iroco-ui-button.svelte-1c7weh9.svelte-1c7weh9 {
+.iroco-ui-button.svelte-1ktk61y.svelte-1ktk61y {
   cursor: pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -782,77 +715,77 @@ svg.svelte-1cuxg7m {
   text-transform: uppercase;
   border-radius: 0.3em; }
 
-.iroco-ui-button--basic.svelte-1c7weh9.svelte-1c7weh9 {
+.iroco-ui-button--basic.svelte-1ktk61y.svelte-1ktk61y {
   background: #f2ebe3;
   border: 1px solid #18151E; }
 
-.iroco-ui-button--dark.svelte-1c7weh9.svelte-1c7weh9 {
+.iroco-ui-button--dark.svelte-1ktk61y.svelte-1ktk61y {
   background: #18151E;
   color: #f2ebe3; }
 
-.iroco-ui-button--success.svelte-1c7weh9.svelte-1c7weh9 {
+.iroco-ui-button--success.svelte-1ktk61y.svelte-1ktk61y {
   background: #00D692;
   color: #18151E; }
 
-.iroco-ui-button--danger.svelte-1c7weh9.svelte-1c7weh9 {
+.iroco-ui-button--danger.svelte-1ktk61y.svelte-1ktk61y {
   background: #ff504d; }
 
-.iroco-ui-button--regular.svelte-1c7weh9.svelte-1c7weh9 {
+.iroco-ui-button--regular.svelte-1ktk61y.svelte-1ktk61y {
   padding: 1em 2em; }
 
-.iroco-ui-button--small.svelte-1c7weh9.svelte-1c7weh9 {
+.iroco-ui-button--small.svelte-1ktk61y.svelte-1ktk61y {
   padding: 0.5em 1em; }
 
-.iroco-ui-button--basic.svelte-1c7weh9.svelte-1c7weh9:hover, .iroco-ui-button--success.svelte-1c7weh9.svelte-1c7weh9:hover, .iroco-ui-button--danger.svelte-1c7weh9.svelte-1c7weh9:hover {
+.iroco-ui-button--basic.svelte-1ktk61y.svelte-1ktk61y:hover, .iroco-ui-button--success.svelte-1ktk61y.svelte-1ktk61y:hover, .iroco-ui-button--danger.svelte-1ktk61y.svelte-1ktk61y:hover {
   box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
 
-.iroco-ui-button--dark.svelte-1c7weh9.svelte-1c7weh9:hover {
+.iroco-ui-button--dark.svelte-1ktk61y.svelte-1ktk61y:hover {
   box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
 
-.iroco-ui-button.svelte-1c7weh9.svelte-1c7weh9:active {
+.iroco-ui-button.svelte-1ktk61y.svelte-1ktk61y:active {
   box-shadow: none; }
 
-.iroco-ui-button.disabled.svelte-1c7weh9.svelte-1c7weh9 {
+.iroco-ui-button.disabled.svelte-1ktk61y.svelte-1ktk61y {
   background-color: #f5f5f5;
   cursor: default; }
 
-.iroco-ui-button.disabled.svelte-1c7weh9.svelte-1c7weh9:hover {
+.iroco-ui-button.disabled.svelte-1ktk61y.svelte-1ktk61y:hover {
   box-shadow: none; }
 
-.font-color-blue.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-blue.svelte-1ktk61y.svelte-1ktk61y {
   color: #00B9FF; }
 
-.font-color-darkBlue.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-darkBlue.svelte-1ktk61y.svelte-1ktk61y {
   color: #211D28; }
 
-.font-color-nightBlue.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-nightBlue.svelte-1ktk61y.svelte-1ktk61y {
   color: #18151E; }
 
-.font-color-green.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-green.svelte-1ktk61y.svelte-1ktk61y {
   color: #00D692; }
 
-.font-color-red.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-red.svelte-1ktk61y.svelte-1ktk61y {
   color: #ff504d; }
 
-.font-color-yellow.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-yellow.svelte-1ktk61y.svelte-1ktk61y {
   color: #FFE032; }
 
-.font-color-beige.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-beige.svelte-1ktk61y.svelte-1ktk61y {
   color: #f2ebe3; }
 
-.font-color-darkBeige.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-darkBeige.svelte-1ktk61y.svelte-1ktk61y {
   color: #a9a29e; }
 
-.font-color-mediumGrey.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-mediumGrey.svelte-1ktk61y.svelte-1ktk61y {
   color: #464452; }
 
-.font-color-darkGrey.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-darkGrey.svelte-1ktk61y.svelte-1ktk61y {
   color: #33323a; }
 
-.font-color-lightGrey.svelte-1c7weh9.svelte-1c7weh9 {
+.font-color-lightGrey.svelte-1ktk61y.svelte-1ktk61y {
   color: #f5f5f5; }
 
-.container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+.container-wide.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 2360px;
   margin-left: auto;
@@ -860,42 +793,42 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 2560px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 1620px; } }
 
 @media all and (max-width: 1800px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 1280px; } }
 
 @media all and (max-width: 1440px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-wide.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.container-large.svelte-1c7weh9.svelte-1c7weh9 {
+.container-large.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 1280px;
   margin-left: auto;
@@ -903,34 +836,34 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1440px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-large.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+.container-medium.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 884px;
   margin-left: auto;
@@ -938,30 +871,30 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1024px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-medium.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.container-small.svelte-1c7weh9.svelte-1c7weh9 {
+.container-small.svelte-1ktk61y.svelte-1ktk61y {
   width: calc(100% - 20px);
   max-width: 496px;
   margin-left: auto;
@@ -969,54 +902,55 @@ svg.svelte-1cuxg7m {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 425px) {
-  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-small.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-small.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
+  .container-small.svelte-1ktk61y.svelte-1ktk61y {
     max-width: calc(100% - 20px); } }
 
-.iroco-ui-form.svelte-1c7weh9 .iroco-ui-input.svelte-1c7weh9 {
+.iroco-ui-form.svelte-1ktk61y .iroco-ui-input.svelte-1ktk61y {
   display: flex;
   flex-direction: column; }
 
-.iroco-ui-form.svelte-1c7weh9 .iroco-ui-label.svelte-1c7weh9 {
+.iroco-ui-form.svelte-1ktk61y .iroco-ui-label.svelte-1ktk61y {
   color: rgba(242, 235, 227, 0.6);
   font-weight: bold;
   padding-bottom: 10px;
   display: inline-block; }
 
-.iroco-ui-form.svelte-1c7weh9 .field.svelte-1c7weh9 {
+.iroco-ui-form.svelte-1ktk61y .field.svelte-1ktk61y {
   margin-top: 20px; }
 
-.iroco-ui-form.svelte-1c7weh9 .field.svelte-1c7weh9:first-child {
+.iroco-ui-form.svelte-1ktk61y .field.svelte-1ktk61y:first-child {
   margin: 0; }
 
-.iroco-ui-form.svelte-1c7weh9 > .submit.svelte-1c7weh9 {
+.iroco-ui-form.svelte-1ktk61y > .submit.svelte-1ktk61y {
   margin-top: 40px; }
 
-.svelte-1c7weh9.svelte-1c7weh9, .svelte-1c7weh9.svelte-1c7weh9::before, .svelte-1c7weh9.svelte-1c7weh9::after {
+.svelte-1ktk61y.svelte-1ktk61y, .svelte-1ktk61y.svelte-1ktk61y::before, .svelte-1ktk61y.svelte-1ktk61y::after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
 
-a.svelte-1c7weh9.svelte-1c7weh9, a.svelte-1c7weh9.svelte-1c7weh9:visited, a.svelte-1c7weh9.svelte-1c7weh9:active, button.svelte-1c7weh9.svelte-1c7weh9 {
+a.svelte-1ktk61y.svelte-1ktk61y, a.svelte-1ktk61y.svelte-1ktk61y:visited, a.svelte-1ktk61y.svelte-1ktk61y:active, button.svelte-1ktk61y.svelte-1ktk61y {
   outline: none;
   text-decoration: none;
   font-size: 14px;
   color: #f2ebe3; }
 
-.nav__sidebar__item.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar__item.svelte-1c7weh9.svelte-1c7weh9 {
+.nav__sidebar__item.svelte-1ktk61y.svelte-1ktk61y, .nav__topbar__item.svelte-1ktk61y.svelte-1ktk61y {
   text-decoration: none;
-  display: block; }
+  display: block;
+  font-size: 1em; }
 
-.nav__sidebar__close.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar__close.svelte-1c7weh9.svelte-1c7weh9 {
+.nav__sidebar__close.svelte-1ktk61y.svelte-1ktk61y, .nav__topbar__close.svelte-1ktk61y.svelte-1ktk61y {
   display: none; }
 
-.nav__sidebar.svelte-1c7weh9.svelte-1c7weh9 {
+.nav__sidebar.svelte-1ktk61y.svelte-1ktk61y {
   height: 100%;
   width: 300px;
   position: absolute;
@@ -1024,38 +958,38 @@ a.svelte-1c7weh9.svelte-1c7weh9, a.svelte-1c7weh9.svelte-1c7weh9:visited, a.svel
   left: 0;
   overflow-x: hidden; }
 
-.nav__sidebar__item-container.svelte-1c7weh9.svelte-1c7weh9 {
+.nav__sidebar__item-container.svelte-1ktk61y.svelte-1ktk61y {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%; }
 
-.nav__sidebar__item.svelte-1c7weh9.svelte-1c7weh9 {
+.nav__sidebar__item.svelte-1ktk61y.svelte-1ktk61y {
   padding: 2em;
   border-top: 1px solid #464452; }
 
-.nav__sidebar__item.svelte-1c7weh9.svelte-1c7weh9:first-child {
+.nav__sidebar__item.svelte-1ktk61y.svelte-1ktk61y:first-child {
   border-top: none; }
 
-.nav__sidebar.svelte-1c7weh9 .active.svelte-1c7weh9 {
+.nav__sidebar.svelte-1ktk61y .active.svelte-1ktk61y {
   border-top: 1px solid #00D692;
   border-bottom: 1px solid #00D692; }
 
-.nav__topbar.svelte-1c7weh9.svelte-1c7weh9 {
+.nav__topbar.svelte-1ktk61y.svelte-1ktk61y {
   flex-grow: 1;
   display: flex;
   justify-content: flex-end; }
 
-.nav__topbar.svelte-1c7weh9 ul.svelte-1c7weh9, .nav__topbar.svelte-1c7weh9 li.svelte-1c7weh9 {
+.nav__topbar.svelte-1ktk61y ul.svelte-1ktk61y, .nav__topbar.svelte-1ktk61y li.svelte-1ktk61y {
   display: inline; }
 
-.nav__topbar.svelte-1c7weh9 ul.svelte-1c7weh9 {
+.nav__topbar.svelte-1ktk61y ul.svelte-1ktk61y {
   display: flex;
   flex-grow: 1;
   justify-content: space-around; }
 
 @media all and (max-width: 768px) {
-  .nav__sidebar.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar.svelte-1c7weh9.svelte-1c7weh9 {
+  .nav__sidebar.svelte-1ktk61y.svelte-1ktk61y, .nav__topbar.svelte-1ktk61y.svelte-1ktk61y {
     position: fixed;
     background-color: #211D28;
     top: 0;
@@ -1065,12 +999,12 @@ a.svelte-1c7weh9.svelte-1c7weh9, a.svelte-1c7weh9.svelte-1c7weh9:visited, a.svel
     padding-top: 2em;
     margin: 0;
     border-right: none; }
-  .nav__sidebar__item-container.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar__item-container.svelte-1c7weh9.svelte-1c7weh9 {
+  .nav__sidebar__item-container.svelte-1ktk61y.svelte-1ktk61y, .nav__topbar__item-container.svelte-1ktk61y.svelte-1ktk61y {
     padding: 0em;
     margin-top: 2rem; }
-  .nav__sidebar.svelte-1c7weh9 ul.svelte-1c7weh9, .nav__sidebar.svelte-1c7weh9 li.svelte-1c7weh9, .nav__topbar.svelte-1c7weh9 ul.svelte-1c7weh9, .nav__topbar.svelte-1c7weh9 li.svelte-1c7weh9 {
+  .nav__sidebar.svelte-1ktk61y ul.svelte-1ktk61y, .nav__sidebar.svelte-1ktk61y li.svelte-1ktk61y, .nav__topbar.svelte-1ktk61y ul.svelte-1ktk61y, .nav__topbar.svelte-1ktk61y li.svelte-1ktk61y {
     display: block; }
-  .nav__sidebar__close.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar__close.svelte-1c7weh9.svelte-1c7weh9 {
+  .nav__sidebar__close.svelte-1ktk61y.svelte-1ktk61y, .nav__topbar__close.svelte-1ktk61y.svelte-1ktk61y {
     display: block;
     position: absolute;
     right: 0;
@@ -1078,14 +1012,14 @@ a.svelte-1c7weh9.svelte-1c7weh9, a.svelte-1c7weh9.svelte-1c7weh9:visited, a.svel
     background-color: transparent;
     border: none;
     color: #a9a29e; }
-  .nav__sidebar.svelte-1c7weh9.svelte-1c7weh9 {
+  .nav__sidebar.svelte-1ktk61y.svelte-1ktk61y {
     top: 0;
     left: 0; }
-  .nav__sidebar__item.svelte-1c7weh9.svelte-1c7weh9:first-child {
+  .nav__sidebar__item.svelte-1ktk61y.svelte-1ktk61y:first-child {
     border-top: 1px solid #464452; }
-  .nav__topbar.svelte-1c7weh9.svelte-1c7weh9 {
+  .nav__topbar.svelte-1ktk61y.svelte-1ktk61y {
     height: 100%; }
-  .nav__topbar__item.svelte-1c7weh9.svelte-1c7weh9 {
+  .nav__topbar__item.svelte-1ktk61y.svelte-1ktk61y {
     padding: 2em;
     border-top: 1px solid #464452; } }
 
@@ -1094,3 +1028,69 @@ a.svelte-1c7weh9.svelte-1c7weh9, a.svelte-1c7weh9.svelte-1c7weh9:visited, a.svel
 @use "fonts";
 @use "forms";
 @use "layouts";
+.data-table.svelte-d69ajf {
+  border: 1px solid #464452;
+  width: 100%; }
+
+.data-table__header.svelte-d69ajf {
+  font-size: 1.5em;
+  height: 4rem; }
+
+.data-table__header__cell.svelte-d69ajf {
+  border-bottom: 1px solid #464452; }
+
+.data-table__body__cell.svelte-d69ajf {
+  text-align: center;
+  vertical-align: middle; }
+
+.font-color-blue.svelte-xrcxsu {
+  color: #00B9FF; }
+
+.font-color-darkBlue.svelte-xrcxsu {
+  color: #211D28; }
+
+.font-color-nightBlue.svelte-xrcxsu {
+  color: #18151E; }
+
+.font-color-green.svelte-xrcxsu {
+  color: #00D692; }
+
+.font-color-red.svelte-xrcxsu {
+  color: #ff504d; }
+
+.font-color-yellow.svelte-xrcxsu {
+  color: #FFE032; }
+
+.font-color-beige.svelte-xrcxsu {
+  color: #f2ebe3; }
+
+.font-color-darkBeige.svelte-xrcxsu {
+  color: #a9a29e; }
+
+.font-color-mediumGrey.svelte-xrcxsu {
+  color: #464452; }
+
+.font-color-darkGrey.svelte-xrcxsu {
+  color: #33323a; }
+
+.font-color-lightGrey.svelte-xrcxsu {
+  color: #f5f5f5; }
+
+.alert.svelte-xrcxsu {
+  min-height: 2em;
+  display: inline-flex;
+  align-items: center;
+  border-radius: 0.3em;
+  padding: 0 1em 0 1em;
+  font-size: 1.2em;
+  justify-content: center;
+  margin-bottom: 1em;
+  cursor: pointer; }
+
+.alert--danger.svelte-xrcxsu {
+  background-color: rgba(255, 80, 77, 0.5);
+  border: 1px solid #ff504d; }
+
+.alert--success.svelte-xrcxsu {
+  background-color: rgba(0, 214, 146, 0.5);
+  border: 1px solid #00D692; }