@iroco/ui 0.19.1 → 0.19.3

package/lib/index.mjs.css

@@ -16,6 +16,21 @@ svg.svelte-1cuxg7m {
   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; }
+
 .iroco-ui-radio.svelte-167k2qc.svelte-167k2qc.svelte-167k2qc {
   color: #f2ebe3;
   position: relative;
@@ -122,6 +137,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; }
 
@@ -335,155 +393,40 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
 .iroco-ui-button.disabled.svelte-nd22lv:hover {
   box-shadow: none; }
 
-@use "colors";
-@use "containers";
-@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 {
+.font-color-blue.svelte-1c7weh9.svelte-1c7weh9 {
   color: #00B9FF; }
 
-.font-color-darkBlue.svelte-xrcxsu {
+.font-color-darkBlue.svelte-1c7weh9.svelte-1c7weh9 {
   color: #211D28; }
 
-.font-color-nightBlue.svelte-xrcxsu {
+.font-color-nightBlue.svelte-1c7weh9.svelte-1c7weh9 {
   color: #18151E; }
 
-.font-color-green.svelte-xrcxsu {
+.font-color-green.svelte-1c7weh9.svelte-1c7weh9 {
   color: #00D692; }
 
-.font-color-red.svelte-xrcxsu {
+.font-color-red.svelte-1c7weh9.svelte-1c7weh9 {
   color: #ff504d; }
 
-.font-color-yellow.svelte-xrcxsu {
+.font-color-yellow.svelte-1c7weh9.svelte-1c7weh9 {
   color: #FFE032; }
 
-.font-color-beige.svelte-xrcxsu {
+.font-color-beige.svelte-1c7weh9.svelte-1c7weh9 {
   color: #f2ebe3; }
 
-.font-color-darkBeige.svelte-xrcxsu {
+.font-color-darkBeige.svelte-1c7weh9.svelte-1c7weh9 {
   color: #a9a29e; }
 
-.font-color-mediumGrey.svelte-xrcxsu {
+.font-color-mediumGrey.svelte-1c7weh9.svelte-1c7weh9 {
   color: #464452; }
 
-.font-color-darkGrey.svelte-xrcxsu {
+.font-color-darkGrey.svelte-1c7weh9.svelte-1c7weh9 {
   color: #33323a; }
 
-.font-color-lightGrey.svelte-xrcxsu {
+.font-color-lightGrey.svelte-1c7weh9.svelte-1c7weh9 {
   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-mn7z70.svelte-mn7z70 {
-  color: #00B9FF; }
-
-.font-color-darkBlue.svelte-mn7z70.svelte-mn7z70 {
-  color: #211D28; }
-
-.font-color-nightBlue.svelte-mn7z70.svelte-mn7z70 {
-  color: #18151E; }
-
-.font-color-green.svelte-mn7z70.svelte-mn7z70 {
-  color: #00D692; }
-
-.font-color-red.svelte-mn7z70.svelte-mn7z70 {
-  color: #ff504d; }
-
-.font-color-yellow.svelte-mn7z70.svelte-mn7z70 {
-  color: #FFE032; }
-
-.font-color-beige.svelte-mn7z70.svelte-mn7z70 {
-  color: #f2ebe3; }
-
-.font-color-darkBeige.svelte-mn7z70.svelte-mn7z70 {
-  color: #a9a29e; }
-
-.font-color-mediumGrey.svelte-mn7z70.svelte-mn7z70 {
-  color: #464452; }
-
-.font-color-darkGrey.svelte-mn7z70.svelte-mn7z70 {
-  color: #33323a; }
-
-.font-color-lightGrey.svelte-mn7z70.svelte-mn7z70 {
-  color: #f5f5f5; }
-
-.container-wide.svelte-mn7z70.svelte-mn7z70 {
+.container-wide.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 2360px;
   margin-left: auto;
@@ -491,42 +434,42 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 2560px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 1620px; } }
 
 @media all and (max-width: 1800px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 1280px; } }
 
 @media all and (max-width: 1440px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.container-large.svelte-mn7z70.svelte-mn7z70 {
+.container-large.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 1280px;
   margin-left: auto;
@@ -534,34 +477,34 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1440px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.container-medium.svelte-mn7z70.svelte-mn7z70 {
+.container-medium.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 884px;
   margin-left: auto;
@@ -569,30 +512,30 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1024px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.container-small.svelte-mn7z70.svelte-mn7z70 {
+.container-small.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 496px;
   margin-left: auto;
@@ -600,51 +543,51 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 425px) {
-  .container-small.svelte-mn7z70.svelte-mn7z70 {
+  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-small.svelte-mn7z70.svelte-mn7z70 {
+  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-small.svelte-mn7z70.svelte-mn7z70 {
+  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.font-color-blue.svelte-mn7z70.svelte-mn7z70 {
+.font-color-blue.svelte-1c7weh9.svelte-1c7weh9 {
   color: #00B9FF; }
 
-.font-color-darkBlue.svelte-mn7z70.svelte-mn7z70 {
+.font-color-darkBlue.svelte-1c7weh9.svelte-1c7weh9 {
   color: #211D28; }
 
-.font-color-nightBlue.svelte-mn7z70.svelte-mn7z70 {
+.font-color-nightBlue.svelte-1c7weh9.svelte-1c7weh9 {
   color: #18151E; }
 
-.font-color-green.svelte-mn7z70.svelte-mn7z70 {
+.font-color-green.svelte-1c7weh9.svelte-1c7weh9 {
   color: #00D692; }
 
-.font-color-red.svelte-mn7z70.svelte-mn7z70 {
+.font-color-red.svelte-1c7weh9.svelte-1c7weh9 {
   color: #ff504d; }
 
-.font-color-yellow.svelte-mn7z70.svelte-mn7z70 {
+.font-color-yellow.svelte-1c7weh9.svelte-1c7weh9 {
   color: #FFE032; }
 
-.font-color-beige.svelte-mn7z70.svelte-mn7z70 {
+.font-color-beige.svelte-1c7weh9.svelte-1c7weh9 {
   color: #f2ebe3; }
 
-.font-color-darkBeige.svelte-mn7z70.svelte-mn7z70 {
+.font-color-darkBeige.svelte-1c7weh9.svelte-1c7weh9 {
   color: #a9a29e; }
 
-.font-color-mediumGrey.svelte-mn7z70.svelte-mn7z70 {
+.font-color-mediumGrey.svelte-1c7weh9.svelte-1c7weh9 {
   color: #464452; }
 
-.font-color-darkGrey.svelte-mn7z70.svelte-mn7z70 {
+.font-color-darkGrey.svelte-1c7weh9.svelte-1c7weh9 {
   color: #33323a; }
 
-.font-color-lightGrey.svelte-mn7z70.svelte-mn7z70 {
+.font-color-lightGrey.svelte-1c7weh9.svelte-1c7weh9 {
   color: #f5f5f5; }
 
-.container-wide.svelte-mn7z70.svelte-mn7z70 {
+.container-wide.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 2360px;
   margin-left: auto;
@@ -652,42 +595,42 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 2560px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 1620px; } }
 
 @media all and (max-width: 1800px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 1280px; } }
 
 @media all and (max-width: 1440px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.container-large.svelte-mn7z70.svelte-mn7z70 {
+.container-large.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 1280px;
   margin-left: auto;
@@ -695,34 +638,34 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1440px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.container-medium.svelte-mn7z70.svelte-mn7z70 {
+.container-medium.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 884px;
   margin-left: auto;
@@ -730,30 +673,30 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1024px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.container-small.svelte-mn7z70.svelte-mn7z70 {
+.container-small.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 496px;
   margin-left: auto;
@@ -761,18 +704,18 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 425px) {
-  .container-small.svelte-mn7z70.svelte-mn7z70 {
+  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-small.svelte-mn7z70.svelte-mn7z70 {
+  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-small.svelte-mn7z70.svelte-mn7z70 {
+  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.iroco-ui-button.svelte-mn7z70.svelte-mn7z70 {
+.iroco-ui-button.svelte-1c7weh9.svelte-1c7weh9 {
   cursor: pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -787,77 +730,77 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   text-transform: uppercase;
   border-radius: 0.3em; }
 
-.iroco-ui-button--basic.svelte-mn7z70.svelte-mn7z70 {
+.iroco-ui-button--basic.svelte-1c7weh9.svelte-1c7weh9 {
   background: #f2ebe3;
   border: 1px solid #18151E; }
 
-.iroco-ui-button--dark.svelte-mn7z70.svelte-mn7z70 {
+.iroco-ui-button--dark.svelte-1c7weh9.svelte-1c7weh9 {
   background: #18151E;
   color: #f2ebe3; }
 
-.iroco-ui-button--success.svelte-mn7z70.svelte-mn7z70 {
+.iroco-ui-button--success.svelte-1c7weh9.svelte-1c7weh9 {
   background: #00D692;
   color: #18151E; }
 
-.iroco-ui-button--danger.svelte-mn7z70.svelte-mn7z70 {
+.iroco-ui-button--danger.svelte-1c7weh9.svelte-1c7weh9 {
   background: #ff504d; }
 
-.iroco-ui-button--regular.svelte-mn7z70.svelte-mn7z70 {
+.iroco-ui-button--regular.svelte-1c7weh9.svelte-1c7weh9 {
   padding: 1em 2em; }
 
-.iroco-ui-button--small.svelte-mn7z70.svelte-mn7z70 {
+.iroco-ui-button--small.svelte-1c7weh9.svelte-1c7weh9 {
   padding: 0.5em 1em; }
 
-.iroco-ui-button--basic.svelte-mn7z70.svelte-mn7z70:hover, .iroco-ui-button--success.svelte-mn7z70.svelte-mn7z70:hover, .iroco-ui-button--danger.svelte-mn7z70.svelte-mn7z70:hover {
+.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 {
   box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
 
-.iroco-ui-button--dark.svelte-mn7z70.svelte-mn7z70:hover {
+.iroco-ui-button--dark.svelte-1c7weh9.svelte-1c7weh9:hover {
   box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
 
-.iroco-ui-button.svelte-mn7z70.svelte-mn7z70:active {
+.iroco-ui-button.svelte-1c7weh9.svelte-1c7weh9:active {
   box-shadow: none; }
 
-.iroco-ui-button.disabled.svelte-mn7z70.svelte-mn7z70 {
+.iroco-ui-button.disabled.svelte-1c7weh9.svelte-1c7weh9 {
   background-color: #f5f5f5;
   cursor: default; }
 
-.iroco-ui-button.disabled.svelte-mn7z70.svelte-mn7z70:hover {
+.iroco-ui-button.disabled.svelte-1c7weh9.svelte-1c7weh9:hover {
   box-shadow: none; }
 
-.font-color-blue.svelte-mn7z70.svelte-mn7z70 {
+.font-color-blue.svelte-1c7weh9.svelte-1c7weh9 {
   color: #00B9FF; }
 
-.font-color-darkBlue.svelte-mn7z70.svelte-mn7z70 {
+.font-color-darkBlue.svelte-1c7weh9.svelte-1c7weh9 {
   color: #211D28; }
 
-.font-color-nightBlue.svelte-mn7z70.svelte-mn7z70 {
+.font-color-nightBlue.svelte-1c7weh9.svelte-1c7weh9 {
   color: #18151E; }
 
-.font-color-green.svelte-mn7z70.svelte-mn7z70 {
+.font-color-green.svelte-1c7weh9.svelte-1c7weh9 {
   color: #00D692; }
 
-.font-color-red.svelte-mn7z70.svelte-mn7z70 {
+.font-color-red.svelte-1c7weh9.svelte-1c7weh9 {
   color: #ff504d; }
 
-.font-color-yellow.svelte-mn7z70.svelte-mn7z70 {
+.font-color-yellow.svelte-1c7weh9.svelte-1c7weh9 {
   color: #FFE032; }
 
-.font-color-beige.svelte-mn7z70.svelte-mn7z70 {
+.font-color-beige.svelte-1c7weh9.svelte-1c7weh9 {
   color: #f2ebe3; }
 
-.font-color-darkBeige.svelte-mn7z70.svelte-mn7z70 {
+.font-color-darkBeige.svelte-1c7weh9.svelte-1c7weh9 {
   color: #a9a29e; }
 
-.font-color-mediumGrey.svelte-mn7z70.svelte-mn7z70 {
+.font-color-mediumGrey.svelte-1c7weh9.svelte-1c7weh9 {
   color: #464452; }
 
-.font-color-darkGrey.svelte-mn7z70.svelte-mn7z70 {
+.font-color-darkGrey.svelte-1c7weh9.svelte-1c7weh9 {
   color: #33323a; }
 
-.font-color-lightGrey.svelte-mn7z70.svelte-mn7z70 {
+.font-color-lightGrey.svelte-1c7weh9.svelte-1c7weh9 {
   color: #f5f5f5; }
 
-.container-wide.svelte-mn7z70.svelte-mn7z70 {
+.container-wide.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 2360px;
   margin-left: auto;
@@ -865,42 +808,42 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 2560px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 1620px; } }
 
 @media all and (max-width: 1800px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 1280px; } }
 
 @media all and (max-width: 1440px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-wide.svelte-mn7z70.svelte-mn7z70 {
+  .container-wide.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.container-large.svelte-mn7z70.svelte-mn7z70 {
+.container-large.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 1280px;
   margin-left: auto;
@@ -908,34 +851,34 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1440px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-large.svelte-mn7z70.svelte-mn7z70 {
+  .container-large.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.container-medium.svelte-mn7z70.svelte-mn7z70 {
+.container-medium.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 884px;
   margin-left: auto;
@@ -943,30 +886,30 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1024px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-medium.svelte-mn7z70.svelte-mn7z70 {
+  .container-medium.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.container-small.svelte-mn7z70.svelte-mn7z70 {
+.container-small.svelte-1c7weh9.svelte-1c7weh9 {
   width: calc(100% - 20px);
   max-width: 496px;
   margin-left: auto;
@@ -974,59 +917,54 @@ input.svelte-1r94s7.svelte-1r94s7:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 425px) {
-  .container-small.svelte-mn7z70.svelte-mn7z70 {
+  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-small.svelte-mn7z70.svelte-mn7z70 {
+  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-small.svelte-mn7z70.svelte-mn7z70 {
+  .container-small.svelte-1c7weh9.svelte-1c7weh9 {
     max-width: calc(100% - 20px); } }
 
-.iroco-ui-form.svelte-mn7z70 .iroco-ui-input.svelte-mn7z70 {
+.iroco-ui-form.svelte-1c7weh9 .iroco-ui-input.svelte-1c7weh9 {
   display: flex;
   flex-direction: column; }
 
-.iroco-ui-form.svelte-mn7z70 .iroco-ui-label.svelte-mn7z70 {
+.iroco-ui-form.svelte-1c7weh9 .iroco-ui-label.svelte-1c7weh9 {
   color: rgba(242, 235, 227, 0.6);
   font-weight: bold;
   padding-bottom: 10px;
   display: inline-block; }
 
-.iroco-ui-form.svelte-mn7z70 .field.svelte-mn7z70 {
+.iroco-ui-form.svelte-1c7weh9 .field.svelte-1c7weh9 {
   margin-top: 20px; }
 
-.iroco-ui-form.svelte-mn7z70 .field.svelte-mn7z70:first-child {
+.iroco-ui-form.svelte-1c7weh9 .field.svelte-1c7weh9:first-child {
   margin: 0; }
 
-.iroco-ui-form.svelte-mn7z70 > .submit.svelte-mn7z70 {
+.iroco-ui-form.svelte-1c7weh9 > .submit.svelte-1c7weh9 {
   margin-top: 40px; }
 
-.svelte-mn7z70.svelte-mn7z70, .svelte-mn7z70.svelte-mn7z70::before, .svelte-mn7z70.svelte-mn7z70::after {
+.svelte-1c7weh9.svelte-1c7weh9, .svelte-1c7weh9.svelte-1c7weh9::before, .svelte-1c7weh9.svelte-1c7weh9::after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
 
-a.svelte-mn7z70.svelte-mn7z70, a.svelte-mn7z70.svelte-mn7z70:visited, a.svelte-mn7z70.svelte-mn7z70:active, button.svelte-mn7z70.svelte-mn7z70 {
+a.svelte-1c7weh9.svelte-1c7weh9, a.svelte-1c7weh9.svelte-1c7weh9:visited, a.svelte-1c7weh9.svelte-1c7weh9:active, button.svelte-1c7weh9.svelte-1c7weh9 {
   outline: none;
   text-decoration: none;
   font-size: 14px;
   color: #f2ebe3; }
 
-.nav__sidebar__item.svelte-mn7z70.svelte-mn7z70, .nav__topbar__item.svelte-mn7z70.svelte-mn7z70 {
+.nav__sidebar__item.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar__item.svelte-1c7weh9.svelte-1c7weh9 {
   text-decoration: none;
-  font-size: 0.75em;
   display: block; }
 
-.nav__sidebar__item.svelte-mn7z70 a.svelte-mn7z70, .nav__topbar__item.svelte-mn7z70 a.svelte-mn7z70 {
-  font-size: 2em;
-  text-transform: uppercase; }
-
-.nav__sidebar__close.svelte-mn7z70.svelte-mn7z70, .nav__topbar__close.svelte-mn7z70.svelte-mn7z70 {
+.nav__sidebar__close.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar__close.svelte-1c7weh9.svelte-1c7weh9 {
   display: none; }
 
-.nav__sidebar.svelte-mn7z70.svelte-mn7z70 {
+.nav__sidebar.svelte-1c7weh9.svelte-1c7weh9 {
   height: 100%;
   width: 300px;
   position: absolute;
@@ -1034,39 +972,38 @@ a.svelte-mn7z70.svelte-mn7z70, a.svelte-mn7z70.svelte-mn7z70:visited, a.svelte-m
   left: 0;
   overflow-x: hidden; }
 
-.nav__sidebar__item-container.svelte-mn7z70.svelte-mn7z70 {
+.nav__sidebar__item-container.svelte-1c7weh9.svelte-1c7weh9 {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%; }
 
-.nav__sidebar__item.svelte-mn7z70.svelte-mn7z70 {
+.nav__sidebar__item.svelte-1c7weh9.svelte-1c7weh9 {
   padding: 2em;
   border-top: 1px solid #464452; }
 
-.nav__sidebar__item.svelte-mn7z70.svelte-mn7z70:first-child {
+.nav__sidebar__item.svelte-1c7weh9.svelte-1c7weh9:first-child {
   border-top: none; }
 
-.nav__sidebar.svelte-mn7z70 .active.svelte-mn7z70 {
+.nav__sidebar.svelte-1c7weh9 .active.svelte-1c7weh9 {
   border-top: 1px solid #00D692;
   border-bottom: 1px solid #00D692; }
 
-.nav__topbar.svelte-mn7z70.svelte-mn7z70 {
+.nav__topbar.svelte-1c7weh9.svelte-1c7weh9 {
   flex-grow: 1;
   display: flex;
-  justify-content: flex-end;
-  transform: translateY(0.3em); }
+  justify-content: flex-end; }
 
-.nav__topbar.svelte-mn7z70 ul.svelte-mn7z70, .nav__topbar.svelte-mn7z70 li.svelte-mn7z70 {
+.nav__topbar.svelte-1c7weh9 ul.svelte-1c7weh9, .nav__topbar.svelte-1c7weh9 li.svelte-1c7weh9 {
   display: inline; }
 
-.nav__topbar.svelte-mn7z70 ul.svelte-mn7z70 {
+.nav__topbar.svelte-1c7weh9 ul.svelte-1c7weh9 {
   display: flex;
   flex-grow: 1;
   justify-content: space-around; }
 
 @media all and (max-width: 768px) {
-  .nav__sidebar.svelte-mn7z70.svelte-mn7z70, .nav__topbar.svelte-mn7z70.svelte-mn7z70 {
+  .nav__sidebar.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar.svelte-1c7weh9.svelte-1c7weh9 {
     position: fixed;
     background-color: #211D28;
     top: 0;
@@ -1076,12 +1013,12 @@ a.svelte-mn7z70.svelte-mn7z70, a.svelte-mn7z70.svelte-mn7z70:visited, a.svelte-m
     padding-top: 2em;
     margin: 0;
     border-right: none; }
-  .nav__sidebar__item-container.svelte-mn7z70.svelte-mn7z70, .nav__topbar__item-container.svelte-mn7z70.svelte-mn7z70 {
+  .nav__sidebar__item-container.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar__item-container.svelte-1c7weh9.svelte-1c7weh9 {
     padding: 0em;
     margin-top: 2rem; }
-  .nav__sidebar.svelte-mn7z70 ul.svelte-mn7z70, .nav__sidebar.svelte-mn7z70 li.svelte-mn7z70, .nav__topbar.svelte-mn7z70 ul.svelte-mn7z70, .nav__topbar.svelte-mn7z70 li.svelte-mn7z70 {
+  .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 {
     display: block; }
-  .nav__sidebar__close.svelte-mn7z70.svelte-mn7z70, .nav__topbar__close.svelte-mn7z70.svelte-mn7z70 {
+  .nav__sidebar__close.svelte-1c7weh9.svelte-1c7weh9, .nav__topbar__close.svelte-1c7weh9.svelte-1c7weh9 {
     display: block;
     position: absolute;
     right: 0;
@@ -1089,13 +1026,70 @@ a.svelte-mn7z70.svelte-mn7z70, a.svelte-mn7z70.svelte-mn7z70:visited, a.svelte-m
     background-color: transparent;
     border: none;
     color: #a9a29e; }
-  .nav__sidebar.svelte-mn7z70.svelte-mn7z70 {
+  .nav__sidebar.svelte-1c7weh9.svelte-1c7weh9 {
     top: 0;
     left: 0; }
-  .nav__sidebar__item.svelte-mn7z70.svelte-mn7z70:first-child {
+  .nav__sidebar__item.svelte-1c7weh9.svelte-1c7weh9:first-child {
     border-top: 1px solid #464452; }
-  .nav__topbar.svelte-mn7z70.svelte-mn7z70 {
+  .nav__topbar.svelte-1c7weh9.svelte-1c7weh9 {
     height: 100%; }
-  .nav__topbar__item.svelte-mn7z70.svelte-mn7z70 {
+  .nav__topbar__item.svelte-1c7weh9.svelte-1c7weh9 {
     padding: 2em;
     border-top: 1px solid #464452; } }
+
+@use "colors";
+@use "containers";
+@use "fonts";
+@use "forms";
+@use "layouts";
+.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; }