@iroco/ui 0.17.0 → 0.18.1

package/lib/index.mjs.css

@@ -1,6 +1,3 @@
-svg.svelte-1cuxg7m {
-  overflow: visible; }
-
 .rotate.svelte-1dns1yx {
   animation: svelte-1dns1yx-rotation 2s; }
 
@@ -16,6 +13,9 @@ svg.svelte-1cuxg7m {
   to {
     transform: rotate(359deg); } }
 
+svg.svelte-1cuxg7m {
+  overflow: visible; }
+
 .data-table.svelte-1ju5y8t {
   border: 1px solid #464452;
   width: 100%; }
@@ -148,7 +148,7 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   .navigation--mobile__title-container.svelte-lqwgm1 h1.svelte-lqwgm1 {
     padding-left: 0.5em; } }
 
-.container-wide.svelte-5qkkwb {
+.container-wide.svelte-2gb1hx {
   width: calc(100% - 20px);
   max-width: 2360px;
   margin-left: auto;
@@ -156,42 +156,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 2560px) {
-  .container-wide.svelte-5qkkwb {
+  .container-wide.svelte-2gb1hx {
     max-width: 1620px; } }
 
 @media all and (max-width: 1800px) {
-  .container-wide.svelte-5qkkwb {
+  .container-wide.svelte-2gb1hx {
     max-width: 1280px; } }
 
 @media all and (max-width: 1440px) {
-  .container-wide.svelte-5qkkwb {
+  .container-wide.svelte-2gb1hx {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-wide.svelte-5qkkwb {
+  .container-wide.svelte-2gb1hx {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-wide.svelte-5qkkwb {
+  .container-wide.svelte-2gb1hx {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-wide.svelte-5qkkwb {
+  .container-wide.svelte-2gb1hx {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-wide.svelte-5qkkwb {
+  .container-wide.svelte-2gb1hx {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-wide.svelte-5qkkwb {
+  .container-wide.svelte-2gb1hx {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-wide.svelte-5qkkwb {
+  .container-wide.svelte-2gb1hx {
     max-width: calc(100% - 20px); } }
 
-.container-large.svelte-5qkkwb {
+.container-large.svelte-2gb1hx {
   width: calc(100% - 20px);
   max-width: 1280px;
   margin-left: auto;
@@ -199,34 +199,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1440px) {
-  .container-large.svelte-5qkkwb {
+  .container-large.svelte-2gb1hx {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-large.svelte-5qkkwb {
+  .container-large.svelte-2gb1hx {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-large.svelte-5qkkwb {
+  .container-large.svelte-2gb1hx {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-large.svelte-5qkkwb {
+  .container-large.svelte-2gb1hx {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-large.svelte-5qkkwb {
+  .container-large.svelte-2gb1hx {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-large.svelte-5qkkwb {
+  .container-large.svelte-2gb1hx {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-large.svelte-5qkkwb {
+  .container-large.svelte-2gb1hx {
     max-width: calc(100% - 20px); } }
 
-.container-medium.svelte-5qkkwb {
+.container-medium.svelte-2gb1hx {
   width: calc(100% - 20px);
   max-width: 884px;
   margin-left: auto;
@@ -234,30 +234,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1024px) {
-  .container-medium.svelte-5qkkwb {
+  .container-medium.svelte-2gb1hx {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-medium.svelte-5qkkwb {
+  .container-medium.svelte-2gb1hx {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-medium.svelte-5qkkwb {
+  .container-medium.svelte-2gb1hx {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-medium.svelte-5qkkwb {
+  .container-medium.svelte-2gb1hx {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-medium.svelte-5qkkwb {
+  .container-medium.svelte-2gb1hx {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-medium.svelte-5qkkwb {
+  .container-medium.svelte-2gb1hx {
     max-width: calc(100% - 20px); } }
 
-.container-small.svelte-5qkkwb {
+.container-small.svelte-2gb1hx {
   width: calc(100% - 20px);
   max-width: 496px;
   margin-left: auto;
@@ -265,18 +265,18 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 425px) {
-  .container-small.svelte-5qkkwb {
+  .container-small.svelte-2gb1hx {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-small.svelte-5qkkwb {
+  .container-small.svelte-2gb1hx {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-small.svelte-5qkkwb {
+  .container-small.svelte-2gb1hx {
     max-width: calc(100% - 20px); } }
 
-.iroco-ui-button.svelte-5qkkwb {
+.iroco-ui-button.svelte-2gb1hx {
   cursor: pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -291,43 +291,44 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   text-transform: uppercase;
   border-radius: 0.3em; }
 
-.iroco-ui-button--basic.svelte-5qkkwb {
+.iroco-ui-button--basic.svelte-2gb1hx {
   background: #f2ebe3;
   border: 1px solid #18151E; }
 
-.iroco-ui-button--dark.svelte-5qkkwb {
+.iroco-ui-button--dark.svelte-2gb1hx {
   background: #18151E;
   color: #f2ebe3; }
 
-.iroco-ui-button--success.svelte-5qkkwb {
-  background: #00D692; }
+.iroco-ui-button--success.svelte-2gb1hx {
+  background: #00D692;
+  color: #18151E; }
 
-.iroco-ui-button--danger.svelte-5qkkwb {
+.iroco-ui-button--danger.svelte-2gb1hx {
   background: #ff504d; }
 
-.iroco-ui-button--regular.svelte-5qkkwb {
+.iroco-ui-button--regular.svelte-2gb1hx {
   padding: 1em 2em; }
 
-.iroco-ui-button--small.svelte-5qkkwb {
+.iroco-ui-button--small.svelte-2gb1hx {
   padding: 0.5em 1em; }
 
-.iroco-ui-button--basic.svelte-5qkkwb:hover, .iroco-ui-button--success.svelte-5qkkwb:hover, .iroco-ui-button--danger.svelte-5qkkwb:hover {
+.iroco-ui-button--basic.svelte-2gb1hx:hover, .iroco-ui-button--success.svelte-2gb1hx:hover, .iroco-ui-button--danger.svelte-2gb1hx:hover {
   box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
 
-.iroco-ui-button--dark.svelte-5qkkwb:hover {
+.iroco-ui-button--dark.svelte-2gb1hx:hover {
   box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
 
-.iroco-ui-button.svelte-5qkkwb:active {
+.iroco-ui-button.svelte-2gb1hx:active {
   box-shadow: none; }
 
-.iroco-ui-button.disabled.svelte-5qkkwb {
+.iroco-ui-button.disabled.svelte-2gb1hx {
   background-color: #f5f5f5;
   cursor: default; }
 
-.iroco-ui-button.disabled.svelte-5qkkwb:hover {
+.iroco-ui-button.disabled.svelte-2gb1hx:hover {
   box-shadow: none; }
 
-.container-wide.svelte-v0jihd.svelte-v0jihd {
+.container-wide.svelte-nc4hey.svelte-nc4hey {
   width: calc(100% - 20px);
   max-width: 2360px;
   margin-left: auto;
@@ -335,42 +336,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 2560px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 1620px; } }
 
 @media all and (max-width: 1800px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 1280px; } }
 
 @media all and (max-width: 1440px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 20px); } }
 
-.container-large.svelte-v0jihd.svelte-v0jihd {
+.container-large.svelte-nc4hey.svelte-nc4hey {
   width: calc(100% - 20px);
   max-width: 1280px;
   margin-left: auto;
@@ -378,34 +379,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1440px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 20px); } }
 
-.container-medium.svelte-v0jihd.svelte-v0jihd {
+.container-medium.svelte-nc4hey.svelte-nc4hey {
   width: calc(100% - 20px);
   max-width: 884px;
   margin-left: auto;
@@ -413,30 +414,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1024px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 20px); } }
 
-.container-small.svelte-v0jihd.svelte-v0jihd {
+.container-small.svelte-nc4hey.svelte-nc4hey {
   width: calc(100% - 20px);
   max-width: 496px;
   margin-left: auto;
@@ -444,18 +445,18 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 425px) {
-  .container-small.svelte-v0jihd.svelte-v0jihd {
+  .container-small.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-small.svelte-v0jihd.svelte-v0jihd {
+  .container-small.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-small.svelte-v0jihd.svelte-v0jihd {
+  .container-small.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 20px); } }
 
-.container-wide.svelte-v0jihd.svelte-v0jihd {
+.container-wide.svelte-nc4hey.svelte-nc4hey {
   width: calc(100% - 20px);
   max-width: 2360px;
   margin-left: auto;
@@ -463,42 +464,42 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 2560px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 1620px; } }
 
 @media all and (max-width: 1800px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 1280px; } }
 
 @media all and (max-width: 1440px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-wide.svelte-v0jihd.svelte-v0jihd {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 20px); } }
 
-.container-large.svelte-v0jihd.svelte-v0jihd {
+.container-large.svelte-nc4hey.svelte-nc4hey {
   width: calc(100% - 20px);
   max-width: 1280px;
   margin-left: auto;
@@ -506,34 +507,34 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1440px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: 884px; } }
 
 @media all and (max-width: 1024px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-large.svelte-v0jihd.svelte-v0jihd {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 20px); } }
 
-.container-medium.svelte-v0jihd.svelte-v0jihd {
+.container-medium.svelte-nc4hey.svelte-nc4hey {
   width: calc(100% - 20px);
   max-width: 884px;
   margin-left: auto;
@@ -541,30 +542,30 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 1024px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: 648px; } }
 
 @media all and (max-width: 768px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: 496px; } }
 
 @media all and (max-width: 596px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: 365px; } }
 
 @media all and (max-width: 425px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-medium.svelte-v0jihd.svelte-v0jihd {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 20px); } }
 
-.container-small.svelte-v0jihd.svelte-v0jihd {
+.container-small.svelte-nc4hey.svelte-nc4hey {
   width: calc(100% - 20px);
   max-width: 496px;
   margin-left: auto;
@@ -572,18 +573,18 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   transition: max-width ease-out 200ms; }
 
 @media all and (max-width: 425px) {
-  .container-small.svelte-v0jihd.svelte-v0jihd {
+  .container-small.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 60px); } }
 
 @media all and (max-width: 375px) {
-  .container-small.svelte-v0jihd.svelte-v0jihd {
+  .container-small.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 40px); } }
 
 @media all and (max-width: 320px) {
-  .container-small.svelte-v0jihd.svelte-v0jihd {
+  .container-small.svelte-nc4hey.svelte-nc4hey {
     max-width: calc(100% - 20px); } }
 
-.iroco-ui-button.svelte-v0jihd.svelte-v0jihd {
+.iroco-ui-button.svelte-nc4hey.svelte-nc4hey {
   cursor: pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -598,55 +599,213 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   text-transform: uppercase;
   border-radius: 0.3em; }
 
-.iroco-ui-button--basic.svelte-v0jihd.svelte-v0jihd {
+.iroco-ui-button--basic.svelte-nc4hey.svelte-nc4hey {
   background: #f2ebe3;
   border: 1px solid #18151E; }
 
-.iroco-ui-button--dark.svelte-v0jihd.svelte-v0jihd {
+.iroco-ui-button--dark.svelte-nc4hey.svelte-nc4hey {
   background: #18151E;
   color: #f2ebe3; }
 
-.iroco-ui-button--success.svelte-v0jihd.svelte-v0jihd {
-  background: #00D692; }
+.iroco-ui-button--success.svelte-nc4hey.svelte-nc4hey {
+  background: #00D692;
+  color: #18151E; }
 
-.iroco-ui-button--danger.svelte-v0jihd.svelte-v0jihd {
+.iroco-ui-button--danger.svelte-nc4hey.svelte-nc4hey {
   background: #ff504d; }
 
-.iroco-ui-button--regular.svelte-v0jihd.svelte-v0jihd {
+.iroco-ui-button--regular.svelte-nc4hey.svelte-nc4hey {
   padding: 1em 2em; }
 
-.iroco-ui-button--small.svelte-v0jihd.svelte-v0jihd {
+.iroco-ui-button--small.svelte-nc4hey.svelte-nc4hey {
   padding: 0.5em 1em; }
 
-.iroco-ui-button--basic.svelte-v0jihd.svelte-v0jihd:hover, .iroco-ui-button--success.svelte-v0jihd.svelte-v0jihd:hover, .iroco-ui-button--danger.svelte-v0jihd.svelte-v0jihd:hover {
+.iroco-ui-button--basic.svelte-nc4hey.svelte-nc4hey:hover, .iroco-ui-button--success.svelte-nc4hey.svelte-nc4hey:hover, .iroco-ui-button--danger.svelte-nc4hey.svelte-nc4hey:hover {
   box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.2); }
 
-.iroco-ui-button--dark.svelte-v0jihd.svelte-v0jihd:hover {
+.iroco-ui-button--dark.svelte-nc4hey.svelte-nc4hey:hover {
   box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2); }
 
-.iroco-ui-button.svelte-v0jihd.svelte-v0jihd:active {
+.iroco-ui-button.svelte-nc4hey.svelte-nc4hey:active {
   box-shadow: none; }
 
-.iroco-ui-button.disabled.svelte-v0jihd.svelte-v0jihd {
+.iroco-ui-button.disabled.svelte-nc4hey.svelte-nc4hey {
   background-color: #f5f5f5;
   cursor: default; }
 
-.iroco-ui-button.disabled.svelte-v0jihd.svelte-v0jihd:hover {
+.iroco-ui-button.disabled.svelte-nc4hey.svelte-nc4hey:hover {
   box-shadow: none; }
 
-.nav__sidebar__item.svelte-v0jihd.svelte-v0jihd, .nav__topbar__item.svelte-v0jihd.svelte-v0jihd {
+.container-wide.svelte-nc4hey.svelte-nc4hey {
+  width: calc(100% - 20px);
+  max-width: 2360px;
+  margin-left: auto;
+  margin-right: auto;
+  transition: max-width ease-out 200ms; }
+
+@media all and (max-width: 2560px) {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
+    max-width: 1620px; } }
+
+@media all and (max-width: 1800px) {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
+    max-width: 1280px; } }
+
+@media all and (max-width: 1440px) {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
+    max-width: 884px; } }
+
+@media all and (max-width: 1024px) {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
+    max-width: 648px; } }
+
+@media all and (max-width: 768px) {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
+    max-width: 496px; } }
+
+@media all and (max-width: 596px) {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
+    max-width: 365px; } }
+
+@media all and (max-width: 425px) {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 60px); } }
+
+@media all and (max-width: 375px) {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 40px); } }
+
+@media all and (max-width: 320px) {
+  .container-wide.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 20px); } }
+
+.container-large.svelte-nc4hey.svelte-nc4hey {
+  width: calc(100% - 20px);
+  max-width: 1280px;
+  margin-left: auto;
+  margin-right: auto;
+  transition: max-width ease-out 200ms; }
+
+@media all and (max-width: 1440px) {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
+    max-width: 884px; } }
+
+@media all and (max-width: 1024px) {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
+    max-width: 648px; } }
+
+@media all and (max-width: 768px) {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
+    max-width: 496px; } }
+
+@media all and (max-width: 596px) {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
+    max-width: 365px; } }
+
+@media all and (max-width: 425px) {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 60px); } }
+
+@media all and (max-width: 375px) {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 40px); } }
+
+@media all and (max-width: 320px) {
+  .container-large.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 20px); } }
+
+.container-medium.svelte-nc4hey.svelte-nc4hey {
+  width: calc(100% - 20px);
+  max-width: 884px;
+  margin-left: auto;
+  margin-right: auto;
+  transition: max-width ease-out 200ms; }
+
+@media all and (max-width: 1024px) {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
+    max-width: 648px; } }
+
+@media all and (max-width: 768px) {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
+    max-width: 496px; } }
+
+@media all and (max-width: 596px) {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
+    max-width: 365px; } }
+
+@media all and (max-width: 425px) {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 60px); } }
+
+@media all and (max-width: 375px) {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 40px); } }
+
+@media all and (max-width: 320px) {
+  .container-medium.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 20px); } }
+
+.container-small.svelte-nc4hey.svelte-nc4hey {
+  width: calc(100% - 20px);
+  max-width: 496px;
+  margin-left: auto;
+  margin-right: auto;
+  transition: max-width ease-out 200ms; }
+
+@media all and (max-width: 425px) {
+  .container-small.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 60px); } }
+
+@media all and (max-width: 375px) {
+  .container-small.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 40px); } }
+
+@media all and (max-width: 320px) {
+  .container-small.svelte-nc4hey.svelte-nc4hey {
+    max-width: calc(100% - 20px); } }
+
+.iroco-ui-form.svelte-nc4hey .iroco-ui-input.svelte-nc4hey {
+  display: flex;
+  flex-direction: column; }
+
+.iroco-ui-form.svelte-nc4hey .iroco-ui-label.svelte-nc4hey {
+  color: rgba(242, 235, 227, 0.6);
+  font-weight: bold;
+  padding-bottom: 10px;
+  display: inline-block; }
+
+.iroco-ui-form.svelte-nc4hey .field.svelte-nc4hey {
+  margin-top: 20px; }
+
+.iroco-ui-form.svelte-nc4hey .field.svelte-nc4hey:first-child {
+  margin: 0; }
+
+.iroco-ui-form.svelte-nc4hey > .submit.svelte-nc4hey {
+  margin-top: 40px; }
+
+.svelte-nc4hey.svelte-nc4hey, .svelte-nc4hey.svelte-nc4hey::before, .svelte-nc4hey.svelte-nc4hey::after {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+a.svelte-nc4hey.svelte-nc4hey, a.svelte-nc4hey.svelte-nc4hey:visited, a.svelte-nc4hey.svelte-nc4hey:active, button.svelte-nc4hey.svelte-nc4hey {
+  outline: none;
+  text-decoration: none;
+  font-size: 14px;
+  color: #f2ebe3; }
+
+.nav__sidebar__item.svelte-nc4hey.svelte-nc4hey, .nav__topbar__item.svelte-nc4hey.svelte-nc4hey {
   text-decoration: none;
   font-size: 0.75em;
   display: block; }
 
-.nav__sidebar__item.svelte-v0jihd a.svelte-v0jihd, .nav__topbar__item.svelte-v0jihd a.svelte-v0jihd {
-  color: #f2ebe3;
-  font-size: 2em; }
+.nav__sidebar__item.svelte-nc4hey a.svelte-nc4hey, .nav__topbar__item.svelte-nc4hey a.svelte-nc4hey {
+  font-size: 2em;
+  text-transform: uppercase; }
 
-.nav__sidebar__close.svelte-v0jihd.svelte-v0jihd, .nav__topbar__close.svelte-v0jihd.svelte-v0jihd {
+.nav__sidebar__close.svelte-nc4hey.svelte-nc4hey, .nav__topbar__close.svelte-nc4hey.svelte-nc4hey {
   display: none; }
 
-.nav__sidebar.svelte-v0jihd.svelte-v0jihd {
+.nav__sidebar.svelte-nc4hey.svelte-nc4hey {
   height: 100%;
   width: 300px;
   position: absolute;
@@ -654,38 +813,39 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
   left: 0;
   overflow-x: hidden; }
 
-.nav__sidebar__item-container.svelte-v0jihd.svelte-v0jihd {
+.nav__sidebar__item-container.svelte-nc4hey.svelte-nc4hey {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%; }
 
-.nav__sidebar__item.svelte-v0jihd.svelte-v0jihd {
+.nav__sidebar__item.svelte-nc4hey.svelte-nc4hey {
   padding: 2em;
   border-top: 1px solid #464452; }
 
-.nav__sidebar__item.svelte-v0jihd.svelte-v0jihd:first-child {
+.nav__sidebar__item.svelte-nc4hey.svelte-nc4hey:first-child {
   border-top: none; }
 
-.nav__sidebar.svelte-v0jihd .active.svelte-v0jihd {
+.nav__sidebar.svelte-nc4hey .active.svelte-nc4hey {
   border-top: 1px solid #00D692;
   border-bottom: 1px solid #00D692; }
 
-.nav__topbar.svelte-v0jihd.svelte-v0jihd {
+.nav__topbar.svelte-nc4hey.svelte-nc4hey {
   flex-grow: 1;
   display: flex;
-  justify-content: flex-end; }
+  justify-content: flex-end;
+  transform: translateY(0.3em); }
 
-.nav__topbar.svelte-v0jihd ul.svelte-v0jihd, .nav__topbar.svelte-v0jihd li.svelte-v0jihd {
+.nav__topbar.svelte-nc4hey ul.svelte-nc4hey, .nav__topbar.svelte-nc4hey li.svelte-nc4hey {
   display: inline; }
 
-.nav__topbar.svelte-v0jihd ul.svelte-v0jihd {
+.nav__topbar.svelte-nc4hey ul.svelte-nc4hey {
   display: flex;
   flex-grow: 1;
   justify-content: space-around; }
 
 @media all and (max-width: 768px) {
-  .nav__sidebar.svelte-v0jihd.svelte-v0jihd, .nav__topbar.svelte-v0jihd.svelte-v0jihd {
+  .nav__sidebar.svelte-nc4hey.svelte-nc4hey, .nav__topbar.svelte-nc4hey.svelte-nc4hey {
     position: fixed;
     background-color: #211D28;
     top: 0;
@@ -695,12 +855,12 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
     padding-top: 2em;
     margin: 0;
     border-right: none; }
-  .nav__sidebar__item-container.svelte-v0jihd.svelte-v0jihd, .nav__topbar__item-container.svelte-v0jihd.svelte-v0jihd {
+  .nav__sidebar__item-container.svelte-nc4hey.svelte-nc4hey, .nav__topbar__item-container.svelte-nc4hey.svelte-nc4hey {
     padding: 0em;
     margin-top: 2rem; }
-  .nav__sidebar.svelte-v0jihd ul.svelte-v0jihd, .nav__sidebar.svelte-v0jihd li.svelte-v0jihd, .nav__topbar.svelte-v0jihd ul.svelte-v0jihd, .nav__topbar.svelte-v0jihd li.svelte-v0jihd {
+  .nav__sidebar.svelte-nc4hey ul.svelte-nc4hey, .nav__sidebar.svelte-nc4hey li.svelte-nc4hey, .nav__topbar.svelte-nc4hey ul.svelte-nc4hey, .nav__topbar.svelte-nc4hey li.svelte-nc4hey {
     display: block; }
-  .nav__sidebar__close.svelte-v0jihd.svelte-v0jihd, .nav__topbar__close.svelte-v0jihd.svelte-v0jihd {
+  .nav__sidebar__close.svelte-nc4hey.svelte-nc4hey, .nav__topbar__close.svelte-nc4hey.svelte-nc4hey {
     display: block;
     position: absolute;
     right: 0;
@@ -708,22 +868,17 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
     background-color: transparent;
     border: none;
     color: #a9a29e; }
-  .nav__sidebar.svelte-v0jihd.svelte-v0jihd {
+  .nav__sidebar.svelte-nc4hey.svelte-nc4hey {
     top: 0;
     left: 0; }
-  .nav__sidebar__item.svelte-v0jihd.svelte-v0jihd:first-child {
+  .nav__sidebar__item.svelte-nc4hey.svelte-nc4hey:first-child {
     border-top: 1px solid #464452; }
-  .nav__topbar.svelte-v0jihd.svelte-v0jihd {
+  .nav__topbar.svelte-nc4hey.svelte-nc4hey {
     height: 100%; }
-  .nav__topbar__item.svelte-v0jihd.svelte-v0jihd {
+  .nav__topbar__item.svelte-nc4hey.svelte-nc4hey {
     padding: 2em;
     border-top: 1px solid #464452; } }
 
-@use "colors";
-@use "containers";
-@use "fonts";
-@use "forms";
-@use "layouts";
 .alert.svelte-itln7g {
   min-height: 2em;
   display: inline-flex;
@@ -742,3 +897,9 @@ input.svelte-1y0402x.svelte-1y0402x:focus {
 .alert--success.svelte-itln7g {
   background-color: rgba(0, 214, 146, 0.5);
   border: 1px solid #00D692; }
+
+@use "colors";
+@use "containers";
+@use "fonts";
+@use "forms";
+@use "layouts";