quicksnack 3.45.0 → 3.46.1

package/dist/bundle.js

@@ -1,8 +1,6 @@
 'use strict';
 
 var React = require('react');
-var styledComponents = require('styled-components');
-var immer = require('immer');
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -31,8 +29,33 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$s = ":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px;--spacing--1:calc(var(--spacing)*-1);--spacing-0:calc(var(--spacing)*0);--spacing-1:calc(var(--spacing)*1);--spacing-2:calc(var(--spacing)*2);--spacing-3:calc(var(--spacing)*3);--spacing-4:calc(var(--spacing)*4);--spacing-5:calc(var(--spacing)*5);--spacing-6:calc(var(--spacing)*6);--spacing-7:calc(var(--spacing)*7)}@media (min-width:0px){.p\\:var{padding:var(--p)}.p\\:-1{padding:var(--spacing--1)}.p\\:0{padding:var(--spacing-0)}.p\\:1{padding:var(--spacing-1)}.p\\:2{padding:var(--spacing-2)}.p\\:3{padding:var(--spacing-3)}.p\\:4{padding:var(--spacing-4)}.p\\:5{padding:var(--spacing-5)}.p\\:6{padding:var(--spacing-6)}.p\\:7{padding:var(--spacing-7)}.pt\\:var{padding-top:var(--pt)}.pt\\:-1{padding-top:var(--spacing--1)}.pt\\:0{padding-top:var(--spacing-0)}.pt\\:1{padding-top:var(--spacing-1)}.pt\\:2{padding-top:var(--spacing-2)}.pt\\:3{padding-top:var(--spacing-3)}.pt\\:4{padding-top:var(--spacing-4)}.pt\\:5{padding-top:var(--spacing-5)}.pt\\:6{padding-top:var(--spacing-6)}.pt\\:7{padding-top:var(--spacing-7)}.pr\\:var{padding-right:var(--pr)}.pr\\:-1{padding-right:var(--spacing--1)}.pr\\:0{padding-right:var(--spacing-0)}.pr\\:1{padding-right:var(--spacing-1)}.pr\\:2{padding-right:var(--spacing-2)}.pr\\:3{padding-right:var(--spacing-3)}.pr\\:4{padding-right:var(--spacing-4)}.pr\\:5{padding-right:var(--spacing-5)}.pr\\:6{padding-right:var(--spacing-6)}.pr\\:7{padding-right:var(--spacing-7)}.pb\\:var{padding-bottom:var(--pb)}.pb\\:-1{padding-bottom:var(--spacing--1)}.pb\\:0{padding-bottom:var(--spacing-0)}.pb\\:1{padding-bottom:var(--spacing-1)}.pb\\:2{padding-bottom:var(--spacing-2)}.pb\\:3{padding-bottom:var(--spacing-3)}.pb\\:4{padding-bottom:var(--spacing-4)}.pb\\:5{padding-bottom:var(--spacing-5)}.pb\\:6{padding-bottom:var(--spacing-6)}.pb\\:7{padding-bottom:var(--spacing-7)}.pl\\:var{padding-left:var(--pl)}.pl\\:-1{padding-left:var(--spacing--1)}.pl\\:0{padding-left:var(--spacing-0)}.pl\\:1{padding-left:var(--spacing-1)}.pl\\:2{padding-left:var(--spacing-2)}.pl\\:3{padding-left:var(--spacing-3)}.pl\\:4{padding-left:var(--spacing-4)}.pl\\:5{padding-left:var(--spacing-5)}.pl\\:6{padding-left:var(--spacing-6)}.pl\\:7{padding-left:var(--spacing-7)}.m\\:var{margin:var(--m)}.m\\:-1{margin:var(--spacing--1)}.m\\:0{margin:var(--spacing-0)}.m\\:1{margin:var(--spacing-1)}.m\\:2{margin:var(--spacing-2)}.m\\:3{margin:var(--spacing-3)}.m\\:4{margin:var(--spacing-4)}.m\\:5{margin:var(--spacing-5)}.m\\:6{margin:var(--spacing-6)}.m\\:7{margin:var(--spacing-7)}.mt\\:var{margin-top:var(--mt)}.mt\\:-1{margin-top:var(--spacing--1)}.mt\\:0{margin-top:var(--spacing-0)}.mt\\:1{margin-top:var(--spacing-1)}.mt\\:2{margin-top:var(--spacing-2)}.mt\\:3{margin-top:var(--spacing-3)}.mt\\:4{margin-top:var(--spacing-4)}.mt\\:5{margin-top:var(--spacing-5)}.mt\\:6{margin-top:var(--spacing-6)}.mt\\:7{margin-top:var(--spacing-7)}.mr\\:var{margin-right:var(--mr)}.mr\\:-1{margin-right:var(--spacing--1)}.mr\\:0{margin-right:var(--spacing-0)}.mr\\:1{margin-right:var(--spacing-1)}.mr\\:2{margin-right:var(--spacing-2)}.mr\\:3{margin-right:var(--spacing-3)}.mr\\:4{margin-right:var(--spacing-4)}.mr\\:5{margin-right:var(--spacing-5)}.mr\\:6{margin-right:var(--spacing-6)}.mr\\:7{margin-right:var(--spacing-7)}.mb\\:var{margin-bottom:var(--mb)}.mb\\:-1{margin-bottom:var(--spacing--1)}.mb\\:0{margin-bottom:var(--spacing-0)}.mb\\:1{margin-bottom:var(--spacing-1)}.mb\\:2{margin-bottom:var(--spacing-2)}.mb\\:3{margin-bottom:var(--spacing-3)}.mb\\:4{margin-bottom:var(--spacing-4)}.mb\\:5{margin-bottom:var(--spacing-5)}.mb\\:6{margin-bottom:var(--spacing-6)}.mb\\:7{margin-bottom:var(--spacing-7)}.ml\\:var{margin-left:var(--ml)}.ml\\:-1{margin-left:var(--spacing--1)}.ml\\:0{margin-left:var(--spacing-0)}.ml\\:1{margin-left:var(--spacing-1)}.ml\\:2{margin-left:var(--spacing-2)}.ml\\:3{margin-left:var(--spacing-3)}.ml\\:4{margin-left:var(--spacing-4)}.ml\\:5{margin-left:var(--spacing-5)}.ml\\:6{margin-left:var(--spacing-6)}.ml\\:7{margin-left:var(--spacing-7)}.display\\:var{display:var(--display)}.display\\:block{display:block}.display\\:flex{display:flex}.display\\:none{display:none}.flexGrow\\:var{flex-grow:var(--flexGrow)}.flexGrow\\:1{flex-grow:1}.flexGrow\\:0{flex-grow:0}.flexShrink\\:var{flex-shrink:var(--flexShrink)}.flexShrink\\:1{flex-shrink:1}.flexShrink\\:0{flex-shrink:0}.flexDirection\\:var{flex-direction:var(--flexDirection)}.flexDirection\\:row{flex-direction:row}.flexDirection\\:column{flex-direction:column}.alignItems\\:var{align-items:var(--alignItems)}.alignItems\\:center{align-items:center}.alignItems\\:flex-start{align-items:flex-start}.alignItems\\:flex-end{align-items:flex-end}.textAlign\\:var{text-align:var(--textAlign)}.textAlign\\:left{text-align:left}.textAlign\\:right{text-align:right}.textAlign\\:center{text-align:center}.justifyContent\\:var{justify-content:var(--justifyContent)}.justifyContent\\:center{justify-content:center}.justifyContent\\:flex-start{justify-content:flex-start}.justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:768px){.tablet\\:p\\:var{padding:var(--tablet_p)}.tablet\\:p\\:-1{padding:var(--spacing--1)}.tablet\\:p\\:0{padding:var(--spacing-0)}.tablet\\:p\\:1{padding:var(--spacing-1)}.tablet\\:p\\:2{padding:var(--spacing-2)}.tablet\\:p\\:3{padding:var(--spacing-3)}.tablet\\:p\\:4{padding:var(--spacing-4)}.tablet\\:p\\:5{padding:var(--spacing-5)}.tablet\\:p\\:6{padding:var(--spacing-6)}.tablet\\:p\\:7{padding:var(--spacing-7)}.tablet\\:pt\\:var{padding-top:var(--tablet_pt)}.tablet\\:pt\\:-1{padding-top:var(--spacing--1)}.tablet\\:pt\\:0{padding-top:var(--spacing-0)}.tablet\\:pt\\:1{padding-top:var(--spacing-1)}.tablet\\:pt\\:2{padding-top:var(--spacing-2)}.tablet\\:pt\\:3{padding-top:var(--spacing-3)}.tablet\\:pt\\:4{padding-top:var(--spacing-4)}.tablet\\:pt\\:5{padding-top:var(--spacing-5)}.tablet\\:pt\\:6{padding-top:var(--spacing-6)}.tablet\\:pt\\:7{padding-top:var(--spacing-7)}.tablet\\:pr\\:var{padding-right:var(--tablet_pr)}.tablet\\:pr\\:-1{padding-right:var(--spacing--1)}.tablet\\:pr\\:0{padding-right:var(--spacing-0)}.tablet\\:pr\\:1{padding-right:var(--spacing-1)}.tablet\\:pr\\:2{padding-right:var(--spacing-2)}.tablet\\:pr\\:3{padding-right:var(--spacing-3)}.tablet\\:pr\\:4{padding-right:var(--spacing-4)}.tablet\\:pr\\:5{padding-right:var(--spacing-5)}.tablet\\:pr\\:6{padding-right:var(--spacing-6)}.tablet\\:pr\\:7{padding-right:var(--spacing-7)}.tablet\\:pb\\:var{padding-bottom:var(--tablet_pb)}.tablet\\:pb\\:-1{padding-bottom:var(--spacing--1)}.tablet\\:pb\\:0{padding-bottom:var(--spacing-0)}.tablet\\:pb\\:1{padding-bottom:var(--spacing-1)}.tablet\\:pb\\:2{padding-bottom:var(--spacing-2)}.tablet\\:pb\\:3{padding-bottom:var(--spacing-3)}.tablet\\:pb\\:4{padding-bottom:var(--spacing-4)}.tablet\\:pb\\:5{padding-bottom:var(--spacing-5)}.tablet\\:pb\\:6{padding-bottom:var(--spacing-6)}.tablet\\:pb\\:7{padding-bottom:var(--spacing-7)}.tablet\\:pl\\:var{padding-left:var(--tablet_pl)}.tablet\\:pl\\:-1{padding-left:var(--spacing--1)}.tablet\\:pl\\:0{padding-left:var(--spacing-0)}.tablet\\:pl\\:1{padding-left:var(--spacing-1)}.tablet\\:pl\\:2{padding-left:var(--spacing-2)}.tablet\\:pl\\:3{padding-left:var(--spacing-3)}.tablet\\:pl\\:4{padding-left:var(--spacing-4)}.tablet\\:pl\\:5{padding-left:var(--spacing-5)}.tablet\\:pl\\:6{padding-left:var(--spacing-6)}.tablet\\:pl\\:7{padding-left:var(--spacing-7)}.tablet\\:m\\:var{margin:var(--tablet_m)}.tablet\\:m\\:-1{margin:var(--spacing--1)}.tablet\\:m\\:0{margin:var(--spacing-0)}.tablet\\:m\\:1{margin:var(--spacing-1)}.tablet\\:m\\:2{margin:var(--spacing-2)}.tablet\\:m\\:3{margin:var(--spacing-3)}.tablet\\:m\\:4{margin:var(--spacing-4)}.tablet\\:m\\:5{margin:var(--spacing-5)}.tablet\\:m\\:6{margin:var(--spacing-6)}.tablet\\:m\\:7{margin:var(--spacing-7)}.tablet\\:mt\\:var{margin-top:var(--tablet_mt)}.tablet\\:mt\\:-1{margin-top:var(--spacing--1)}.tablet\\:mt\\:0{margin-top:var(--spacing-0)}.tablet\\:mt\\:1{margin-top:var(--spacing-1)}.tablet\\:mt\\:2{margin-top:var(--spacing-2)}.tablet\\:mt\\:3{margin-top:var(--spacing-3)}.tablet\\:mt\\:4{margin-top:var(--spacing-4)}.tablet\\:mt\\:5{margin-top:var(--spacing-5)}.tablet\\:mt\\:6{margin-top:var(--spacing-6)}.tablet\\:mt\\:7{margin-top:var(--spacing-7)}.tablet\\:mr\\:var{margin-right:var(--tablet_mr)}.tablet\\:mr\\:-1{margin-right:var(--spacing--1)}.tablet\\:mr\\:0{margin-right:var(--spacing-0)}.tablet\\:mr\\:1{margin-right:var(--spacing-1)}.tablet\\:mr\\:2{margin-right:var(--spacing-2)}.tablet\\:mr\\:3{margin-right:var(--spacing-3)}.tablet\\:mr\\:4{margin-right:var(--spacing-4)}.tablet\\:mr\\:5{margin-right:var(--spacing-5)}.tablet\\:mr\\:6{margin-right:var(--spacing-6)}.tablet\\:mr\\:7{margin-right:var(--spacing-7)}.tablet\\:mb\\:var{margin-bottom:var(--tablet_mb)}.tablet\\:mb\\:-1{margin-bottom:var(--spacing--1)}.tablet\\:mb\\:0{margin-bottom:var(--spacing-0)}.tablet\\:mb\\:1{margin-bottom:var(--spacing-1)}.tablet\\:mb\\:2{margin-bottom:var(--spacing-2)}.tablet\\:mb\\:3{margin-bottom:var(--spacing-3)}.tablet\\:mb\\:4{margin-bottom:var(--spacing-4)}.tablet\\:mb\\:5{margin-bottom:var(--spacing-5)}.tablet\\:mb\\:6{margin-bottom:var(--spacing-6)}.tablet\\:mb\\:7{margin-bottom:var(--spacing-7)}.tablet\\:ml\\:var{margin-left:var(--tablet_ml)}.tablet\\:ml\\:-1{margin-left:var(--spacing--1)}.tablet\\:ml\\:0{margin-left:var(--spacing-0)}.tablet\\:ml\\:1{margin-left:var(--spacing-1)}.tablet\\:ml\\:2{margin-left:var(--spacing-2)}.tablet\\:ml\\:3{margin-left:var(--spacing-3)}.tablet\\:ml\\:4{margin-left:var(--spacing-4)}.tablet\\:ml\\:5{margin-left:var(--spacing-5)}.tablet\\:ml\\:6{margin-left:var(--spacing-6)}.tablet\\:ml\\:7{margin-left:var(--spacing-7)}.tablet\\:display\\:var{display:var(--tablet_display)}.tablet\\:display\\:block{display:block}.tablet\\:display\\:flex{display:flex}.tablet\\:display\\:none{display:none}.tablet\\:flexGrow\\:var{flex-grow:var(--tablet_flexGrow)}.tablet\\:flexGrow\\:1{flex-grow:1}.tablet\\:flexGrow\\:0{flex-grow:0}.tablet\\:flexShrink\\:var{flex-shrink:var(--tablet_flexShrink)}.tablet\\:flexShrink\\:1{flex-shrink:1}.tablet\\:flexShrink\\:0{flex-shrink:0}.tablet\\:flexDirection\\:var{flex-direction:var(--tablet_flexDirection)}.tablet\\:flexDirection\\:row{flex-direction:row}.tablet\\:flexDirection\\:column{flex-direction:column}.tablet\\:alignItems\\:var{align-items:var(--tablet_alignItems)}.tablet\\:alignItems\\:center{align-items:center}.tablet\\:alignItems\\:flex-start{align-items:flex-start}.tablet\\:alignItems\\:flex-end{align-items:flex-end}.tablet\\:textAlign\\:var{text-align:var(--tablet_textAlign)}.tablet\\:textAlign\\:left{text-align:left}.tablet\\:textAlign\\:right{text-align:right}.tablet\\:textAlign\\:center{text-align:center}.tablet\\:justifyContent\\:var{justify-content:var(--tablet_justifyContent)}.tablet\\:justifyContent\\:center{justify-content:center}.tablet\\:justifyContent\\:flex-start{justify-content:flex-start}.tablet\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1024px){.laptop\\:p\\:var{padding:var(--laptop_p)}.laptop\\:p\\:-1{padding:var(--spacing--1)}.laptop\\:p\\:0{padding:var(--spacing-0)}.laptop\\:p\\:1{padding:var(--spacing-1)}.laptop\\:p\\:2{padding:var(--spacing-2)}.laptop\\:p\\:3{padding:var(--spacing-3)}.laptop\\:p\\:4{padding:var(--spacing-4)}.laptop\\:p\\:5{padding:var(--spacing-5)}.laptop\\:p\\:6{padding:var(--spacing-6)}.laptop\\:p\\:7{padding:var(--spacing-7)}.laptop\\:pt\\:var{padding-top:var(--laptop_pt)}.laptop\\:pt\\:-1{padding-top:var(--spacing--1)}.laptop\\:pt\\:0{padding-top:var(--spacing-0)}.laptop\\:pt\\:1{padding-top:var(--spacing-1)}.laptop\\:pt\\:2{padding-top:var(--spacing-2)}.laptop\\:pt\\:3{padding-top:var(--spacing-3)}.laptop\\:pt\\:4{padding-top:var(--spacing-4)}.laptop\\:pt\\:5{padding-top:var(--spacing-5)}.laptop\\:pt\\:6{padding-top:var(--spacing-6)}.laptop\\:pt\\:7{padding-top:var(--spacing-7)}.laptop\\:pr\\:var{padding-right:var(--laptop_pr)}.laptop\\:pr\\:-1{padding-right:var(--spacing--1)}.laptop\\:pr\\:0{padding-right:var(--spacing-0)}.laptop\\:pr\\:1{padding-right:var(--spacing-1)}.laptop\\:pr\\:2{padding-right:var(--spacing-2)}.laptop\\:pr\\:3{padding-right:var(--spacing-3)}.laptop\\:pr\\:4{padding-right:var(--spacing-4)}.laptop\\:pr\\:5{padding-right:var(--spacing-5)}.laptop\\:pr\\:6{padding-right:var(--spacing-6)}.laptop\\:pr\\:7{padding-right:var(--spacing-7)}.laptop\\:pb\\:var{padding-bottom:var(--laptop_pb)}.laptop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.laptop\\:pb\\:0{padding-bottom:var(--spacing-0)}.laptop\\:pb\\:1{padding-bottom:var(--spacing-1)}.laptop\\:pb\\:2{padding-bottom:var(--spacing-2)}.laptop\\:pb\\:3{padding-bottom:var(--spacing-3)}.laptop\\:pb\\:4{padding-bottom:var(--spacing-4)}.laptop\\:pb\\:5{padding-bottom:var(--spacing-5)}.laptop\\:pb\\:6{padding-bottom:var(--spacing-6)}.laptop\\:pb\\:7{padding-bottom:var(--spacing-7)}.laptop\\:pl\\:var{padding-left:var(--laptop_pl)}.laptop\\:pl\\:-1{padding-left:var(--spacing--1)}.laptop\\:pl\\:0{padding-left:var(--spacing-0)}.laptop\\:pl\\:1{padding-left:var(--spacing-1)}.laptop\\:pl\\:2{padding-left:var(--spacing-2)}.laptop\\:pl\\:3{padding-left:var(--spacing-3)}.laptop\\:pl\\:4{padding-left:var(--spacing-4)}.laptop\\:pl\\:5{padding-left:var(--spacing-5)}.laptop\\:pl\\:6{padding-left:var(--spacing-6)}.laptop\\:pl\\:7{padding-left:var(--spacing-7)}.laptop\\:m\\:var{margin:var(--laptop_m)}.laptop\\:m\\:-1{margin:var(--spacing--1)}.laptop\\:m\\:0{margin:var(--spacing-0)}.laptop\\:m\\:1{margin:var(--spacing-1)}.laptop\\:m\\:2{margin:var(--spacing-2)}.laptop\\:m\\:3{margin:var(--spacing-3)}.laptop\\:m\\:4{margin:var(--spacing-4)}.laptop\\:m\\:5{margin:var(--spacing-5)}.laptop\\:m\\:6{margin:var(--spacing-6)}.laptop\\:m\\:7{margin:var(--spacing-7)}.laptop\\:mt\\:var{margin-top:var(--laptop_mt)}.laptop\\:mt\\:-1{margin-top:var(--spacing--1)}.laptop\\:mt\\:0{margin-top:var(--spacing-0)}.laptop\\:mt\\:1{margin-top:var(--spacing-1)}.laptop\\:mt\\:2{margin-top:var(--spacing-2)}.laptop\\:mt\\:3{margin-top:var(--spacing-3)}.laptop\\:mt\\:4{margin-top:var(--spacing-4)}.laptop\\:mt\\:5{margin-top:var(--spacing-5)}.laptop\\:mt\\:6{margin-top:var(--spacing-6)}.laptop\\:mt\\:7{margin-top:var(--spacing-7)}.laptop\\:mr\\:var{margin-right:var(--laptop_mr)}.laptop\\:mr\\:-1{margin-right:var(--spacing--1)}.laptop\\:mr\\:0{margin-right:var(--spacing-0)}.laptop\\:mr\\:1{margin-right:var(--spacing-1)}.laptop\\:mr\\:2{margin-right:var(--spacing-2)}.laptop\\:mr\\:3{margin-right:var(--spacing-3)}.laptop\\:mr\\:4{margin-right:var(--spacing-4)}.laptop\\:mr\\:5{margin-right:var(--spacing-5)}.laptop\\:mr\\:6{margin-right:var(--spacing-6)}.laptop\\:mr\\:7{margin-right:var(--spacing-7)}.laptop\\:mb\\:var{margin-bottom:var(--laptop_mb)}.laptop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.laptop\\:mb\\:0{margin-bottom:var(--spacing-0)}.laptop\\:mb\\:1{margin-bottom:var(--spacing-1)}.laptop\\:mb\\:2{margin-bottom:var(--spacing-2)}.laptop\\:mb\\:3{margin-bottom:var(--spacing-3)}.laptop\\:mb\\:4{margin-bottom:var(--spacing-4)}.laptop\\:mb\\:5{margin-bottom:var(--spacing-5)}.laptop\\:mb\\:6{margin-bottom:var(--spacing-6)}.laptop\\:mb\\:7{margin-bottom:var(--spacing-7)}.laptop\\:ml\\:var{margin-left:var(--laptop_ml)}.laptop\\:ml\\:-1{margin-left:var(--spacing--1)}.laptop\\:ml\\:0{margin-left:var(--spacing-0)}.laptop\\:ml\\:1{margin-left:var(--spacing-1)}.laptop\\:ml\\:2{margin-left:var(--spacing-2)}.laptop\\:ml\\:3{margin-left:var(--spacing-3)}.laptop\\:ml\\:4{margin-left:var(--spacing-4)}.laptop\\:ml\\:5{margin-left:var(--spacing-5)}.laptop\\:ml\\:6{margin-left:var(--spacing-6)}.laptop\\:ml\\:7{margin-left:var(--spacing-7)}.laptop\\:display\\:var{display:var(--laptop_display)}.laptop\\:display\\:block{display:block}.laptop\\:display\\:flex{display:flex}.laptop\\:display\\:none{display:none}.laptop\\:flexGrow\\:var{flex-grow:var(--laptop_flexGrow)}.laptop\\:flexGrow\\:1{flex-grow:1}.laptop\\:flexGrow\\:0{flex-grow:0}.laptop\\:flexShrink\\:var{flex-shrink:var(--laptop_flexShrink)}.laptop\\:flexShrink\\:1{flex-shrink:1}.laptop\\:flexShrink\\:0{flex-shrink:0}.laptop\\:flexDirection\\:var{flex-direction:var(--laptop_flexDirection)}.laptop\\:flexDirection\\:row{flex-direction:row}.laptop\\:flexDirection\\:column{flex-direction:column}.laptop\\:alignItems\\:var{align-items:var(--laptop_alignItems)}.laptop\\:alignItems\\:center{align-items:center}.laptop\\:alignItems\\:flex-start{align-items:flex-start}.laptop\\:alignItems\\:flex-end{align-items:flex-end}.laptop\\:textAlign\\:var{text-align:var(--laptop_textAlign)}.laptop\\:textAlign\\:left{text-align:left}.laptop\\:textAlign\\:right{text-align:right}.laptop\\:textAlign\\:center{text-align:center}.laptop\\:justifyContent\\:var{justify-content:var(--laptop_justifyContent)}.laptop\\:justifyContent\\:center{justify-content:center}.laptop\\:justifyContent\\:flex-start{justify-content:flex-start}.laptop\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1430px){.desktop\\:p\\:var{padding:var(--desktop_p)}.desktop\\:p\\:-1{padding:var(--spacing--1)}.desktop\\:p\\:0{padding:var(--spacing-0)}.desktop\\:p\\:1{padding:var(--spacing-1)}.desktop\\:p\\:2{padding:var(--spacing-2)}.desktop\\:p\\:3{padding:var(--spacing-3)}.desktop\\:p\\:4{padding:var(--spacing-4)}.desktop\\:p\\:5{padding:var(--spacing-5)}.desktop\\:p\\:6{padding:var(--spacing-6)}.desktop\\:p\\:7{padding:var(--spacing-7)}.desktop\\:pt\\:var{padding-top:var(--desktop_pt)}.desktop\\:pt\\:-1{padding-top:var(--spacing--1)}.desktop\\:pt\\:0{padding-top:var(--spacing-0)}.desktop\\:pt\\:1{padding-top:var(--spacing-1)}.desktop\\:pt\\:2{padding-top:var(--spacing-2)}.desktop\\:pt\\:3{padding-top:var(--spacing-3)}.desktop\\:pt\\:4{padding-top:var(--spacing-4)}.desktop\\:pt\\:5{padding-top:var(--spacing-5)}.desktop\\:pt\\:6{padding-top:var(--spacing-6)}.desktop\\:pt\\:7{padding-top:var(--spacing-7)}.desktop\\:pr\\:var{padding-right:var(--desktop_pr)}.desktop\\:pr\\:-1{padding-right:var(--spacing--1)}.desktop\\:pr\\:0{padding-right:var(--spacing-0)}.desktop\\:pr\\:1{padding-right:var(--spacing-1)}.desktop\\:pr\\:2{padding-right:var(--spacing-2)}.desktop\\:pr\\:3{padding-right:var(--spacing-3)}.desktop\\:pr\\:4{padding-right:var(--spacing-4)}.desktop\\:pr\\:5{padding-right:var(--spacing-5)}.desktop\\:pr\\:6{padding-right:var(--spacing-6)}.desktop\\:pr\\:7{padding-right:var(--spacing-7)}.desktop\\:pb\\:var{padding-bottom:var(--desktop_pb)}.desktop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.desktop\\:pb\\:0{padding-bottom:var(--spacing-0)}.desktop\\:pb\\:1{padding-bottom:var(--spacing-1)}.desktop\\:pb\\:2{padding-bottom:var(--spacing-2)}.desktop\\:pb\\:3{padding-bottom:var(--spacing-3)}.desktop\\:pb\\:4{padding-bottom:var(--spacing-4)}.desktop\\:pb\\:5{padding-bottom:var(--spacing-5)}.desktop\\:pb\\:6{padding-bottom:var(--spacing-6)}.desktop\\:pb\\:7{padding-bottom:var(--spacing-7)}.desktop\\:pl\\:var{padding-left:var(--desktop_pl)}.desktop\\:pl\\:-1{padding-left:var(--spacing--1)}.desktop\\:pl\\:0{padding-left:var(--spacing-0)}.desktop\\:pl\\:1{padding-left:var(--spacing-1)}.desktop\\:pl\\:2{padding-left:var(--spacing-2)}.desktop\\:pl\\:3{padding-left:var(--spacing-3)}.desktop\\:pl\\:4{padding-left:var(--spacing-4)}.desktop\\:pl\\:5{padding-left:var(--spacing-5)}.desktop\\:pl\\:6{padding-left:var(--spacing-6)}.desktop\\:pl\\:7{padding-left:var(--spacing-7)}.desktop\\:m\\:var{margin:var(--desktop_m)}.desktop\\:m\\:-1{margin:var(--spacing--1)}.desktop\\:m\\:0{margin:var(--spacing-0)}.desktop\\:m\\:1{margin:var(--spacing-1)}.desktop\\:m\\:2{margin:var(--spacing-2)}.desktop\\:m\\:3{margin:var(--spacing-3)}.desktop\\:m\\:4{margin:var(--spacing-4)}.desktop\\:m\\:5{margin:var(--spacing-5)}.desktop\\:m\\:6{margin:var(--spacing-6)}.desktop\\:m\\:7{margin:var(--spacing-7)}.desktop\\:mt\\:var{margin-top:var(--desktop_mt)}.desktop\\:mt\\:-1{margin-top:var(--spacing--1)}.desktop\\:mt\\:0{margin-top:var(--spacing-0)}.desktop\\:mt\\:1{margin-top:var(--spacing-1)}.desktop\\:mt\\:2{margin-top:var(--spacing-2)}.desktop\\:mt\\:3{margin-top:var(--spacing-3)}.desktop\\:mt\\:4{margin-top:var(--spacing-4)}.desktop\\:mt\\:5{margin-top:var(--spacing-5)}.desktop\\:mt\\:6{margin-top:var(--spacing-6)}.desktop\\:mt\\:7{margin-top:var(--spacing-7)}.desktop\\:mr\\:var{margin-right:var(--desktop_mr)}.desktop\\:mr\\:-1{margin-right:var(--spacing--1)}.desktop\\:mr\\:0{margin-right:var(--spacing-0)}.desktop\\:mr\\:1{margin-right:var(--spacing-1)}.desktop\\:mr\\:2{margin-right:var(--spacing-2)}.desktop\\:mr\\:3{margin-right:var(--spacing-3)}.desktop\\:mr\\:4{margin-right:var(--spacing-4)}.desktop\\:mr\\:5{margin-right:var(--spacing-5)}.desktop\\:mr\\:6{margin-right:var(--spacing-6)}.desktop\\:mr\\:7{margin-right:var(--spacing-7)}.desktop\\:mb\\:var{margin-bottom:var(--desktop_mb)}.desktop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.desktop\\:mb\\:0{margin-bottom:var(--spacing-0)}.desktop\\:mb\\:1{margin-bottom:var(--spacing-1)}.desktop\\:mb\\:2{margin-bottom:var(--spacing-2)}.desktop\\:mb\\:3{margin-bottom:var(--spacing-3)}.desktop\\:mb\\:4{margin-bottom:var(--spacing-4)}.desktop\\:mb\\:5{margin-bottom:var(--spacing-5)}.desktop\\:mb\\:6{margin-bottom:var(--spacing-6)}.desktop\\:mb\\:7{margin-bottom:var(--spacing-7)}.desktop\\:ml\\:var{margin-left:var(--desktop_ml)}.desktop\\:ml\\:-1{margin-left:var(--spacing--1)}.desktop\\:ml\\:0{margin-left:var(--spacing-0)}.desktop\\:ml\\:1{margin-left:var(--spacing-1)}.desktop\\:ml\\:2{margin-left:var(--spacing-2)}.desktop\\:ml\\:3{margin-left:var(--spacing-3)}.desktop\\:ml\\:4{margin-left:var(--spacing-4)}.desktop\\:ml\\:5{margin-left:var(--spacing-5)}.desktop\\:ml\\:6{margin-left:var(--spacing-6)}.desktop\\:ml\\:7{margin-left:var(--spacing-7)}.desktop\\:display\\:var{display:var(--desktop_display)}.desktop\\:display\\:block{display:block}.desktop\\:display\\:flex{display:flex}.desktop\\:display\\:none{display:none}.desktop\\:flexGrow\\:var{flex-grow:var(--desktop_flexGrow)}.desktop\\:flexGrow\\:1{flex-grow:1}.desktop\\:flexGrow\\:0{flex-grow:0}.desktop\\:flexShrink\\:var{flex-shrink:var(--desktop_flexShrink)}.desktop\\:flexShrink\\:1{flex-shrink:1}.desktop\\:flexShrink\\:0{flex-shrink:0}.desktop\\:flexDirection\\:var{flex-direction:var(--desktop_flexDirection)}.desktop\\:flexDirection\\:row{flex-direction:row}.desktop\\:flexDirection\\:column{flex-direction:column}.desktop\\:alignItems\\:var{align-items:var(--desktop_alignItems)}.desktop\\:alignItems\\:center{align-items:center}.desktop\\:alignItems\\:flex-start{align-items:flex-start}.desktop\\:alignItems\\:flex-end{align-items:flex-end}.desktop\\:textAlign\\:var{text-align:var(--desktop_textAlign)}.desktop\\:textAlign\\:left{text-align:left}.desktop\\:textAlign\\:right{text-align:right}.desktop\\:textAlign\\:center{text-align:center}.desktop\\:justifyContent\\:var{justify-content:var(--desktop_justifyContent)}.desktop\\:justifyContent\\:center{justify-content:center}.desktop\\:justifyContent\\:flex-start{justify-content:flex-start}.desktop\\:justifyContent\\:flex-end{justify-content:flex-end}}";
-styleInject(css_248z$s);
+var css_248z$I = ":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px;--spacing--1:calc(var(--spacing)*-1);--spacing-0:calc(var(--spacing)*0);--spacing-1:calc(var(--spacing)*1);--spacing-2:calc(var(--spacing)*2);--spacing-3:calc(var(--spacing)*3);--spacing-4:calc(var(--spacing)*4);--spacing-5:calc(var(--spacing)*5);--spacing-6:calc(var(--spacing)*6);--spacing-7:calc(var(--spacing)*7)}@media (min-width:0px){.p\\:var{padding:var(--p)}.p\\:-1{padding:var(--spacing--1)}.p\\:0{padding:var(--spacing-0)}.p\\:1{padding:var(--spacing-1)}.p\\:2{padding:var(--spacing-2)}.p\\:3{padding:var(--spacing-3)}.p\\:4{padding:var(--spacing-4)}.p\\:5{padding:var(--spacing-5)}.p\\:6{padding:var(--spacing-6)}.p\\:7{padding:var(--spacing-7)}.pt\\:var{padding-top:var(--pt)}.pt\\:-1{padding-top:var(--spacing--1)}.pt\\:0{padding-top:var(--spacing-0)}.pt\\:1{padding-top:var(--spacing-1)}.pt\\:2{padding-top:var(--spacing-2)}.pt\\:3{padding-top:var(--spacing-3)}.pt\\:4{padding-top:var(--spacing-4)}.pt\\:5{padding-top:var(--spacing-5)}.pt\\:6{padding-top:var(--spacing-6)}.pt\\:7{padding-top:var(--spacing-7)}.pr\\:var{padding-right:var(--pr)}.pr\\:-1{padding-right:var(--spacing--1)}.pr\\:0{padding-right:var(--spacing-0)}.pr\\:1{padding-right:var(--spacing-1)}.pr\\:2{padding-right:var(--spacing-2)}.pr\\:3{padding-right:var(--spacing-3)}.pr\\:4{padding-right:var(--spacing-4)}.pr\\:5{padding-right:var(--spacing-5)}.pr\\:6{padding-right:var(--spacing-6)}.pr\\:7{padding-right:var(--spacing-7)}.pb\\:var{padding-bottom:var(--pb)}.pb\\:-1{padding-bottom:var(--spacing--1)}.pb\\:0{padding-bottom:var(--spacing-0)}.pb\\:1{padding-bottom:var(--spacing-1)}.pb\\:2{padding-bottom:var(--spacing-2)}.pb\\:3{padding-bottom:var(--spacing-3)}.pb\\:4{padding-bottom:var(--spacing-4)}.pb\\:5{padding-bottom:var(--spacing-5)}.pb\\:6{padding-bottom:var(--spacing-6)}.pb\\:7{padding-bottom:var(--spacing-7)}.pl\\:var{padding-left:var(--pl)}.pl\\:-1{padding-left:var(--spacing--1)}.pl\\:0{padding-left:var(--spacing-0)}.pl\\:1{padding-left:var(--spacing-1)}.pl\\:2{padding-left:var(--spacing-2)}.pl\\:3{padding-left:var(--spacing-3)}.pl\\:4{padding-left:var(--spacing-4)}.pl\\:5{padding-left:var(--spacing-5)}.pl\\:6{padding-left:var(--spacing-6)}.pl\\:7{padding-left:var(--spacing-7)}.m\\:var{margin:var(--m)}.m\\:-1{margin:var(--spacing--1)}.m\\:0{margin:var(--spacing-0)}.m\\:1{margin:var(--spacing-1)}.m\\:2{margin:var(--spacing-2)}.m\\:3{margin:var(--spacing-3)}.m\\:4{margin:var(--spacing-4)}.m\\:5{margin:var(--spacing-5)}.m\\:6{margin:var(--spacing-6)}.m\\:7{margin:var(--spacing-7)}.mt\\:var{margin-top:var(--mt)}.mt\\:-1{margin-top:var(--spacing--1)}.mt\\:0{margin-top:var(--spacing-0)}.mt\\:1{margin-top:var(--spacing-1)}.mt\\:2{margin-top:var(--spacing-2)}.mt\\:3{margin-top:var(--spacing-3)}.mt\\:4{margin-top:var(--spacing-4)}.mt\\:5{margin-top:var(--spacing-5)}.mt\\:6{margin-top:var(--spacing-6)}.mt\\:7{margin-top:var(--spacing-7)}.mr\\:var{margin-right:var(--mr)}.mr\\:-1{margin-right:var(--spacing--1)}.mr\\:0{margin-right:var(--spacing-0)}.mr\\:1{margin-right:var(--spacing-1)}.mr\\:2{margin-right:var(--spacing-2)}.mr\\:3{margin-right:var(--spacing-3)}.mr\\:4{margin-right:var(--spacing-4)}.mr\\:5{margin-right:var(--spacing-5)}.mr\\:6{margin-right:var(--spacing-6)}.mr\\:7{margin-right:var(--spacing-7)}.mb\\:var{margin-bottom:var(--mb)}.mb\\:-1{margin-bottom:var(--spacing--1)}.mb\\:0{margin-bottom:var(--spacing-0)}.mb\\:1{margin-bottom:var(--spacing-1)}.mb\\:2{margin-bottom:var(--spacing-2)}.mb\\:3{margin-bottom:var(--spacing-3)}.mb\\:4{margin-bottom:var(--spacing-4)}.mb\\:5{margin-bottom:var(--spacing-5)}.mb\\:6{margin-bottom:var(--spacing-6)}.mb\\:7{margin-bottom:var(--spacing-7)}.ml\\:var{margin-left:var(--ml)}.ml\\:-1{margin-left:var(--spacing--1)}.ml\\:0{margin-left:var(--spacing-0)}.ml\\:1{margin-left:var(--spacing-1)}.ml\\:2{margin-left:var(--spacing-2)}.ml\\:3{margin-left:var(--spacing-3)}.ml\\:4{margin-left:var(--spacing-4)}.ml\\:5{margin-left:var(--spacing-5)}.ml\\:6{margin-left:var(--spacing-6)}.ml\\:7{margin-left:var(--spacing-7)}.display\\:var{display:var(--display)}.display\\:block{display:block}.display\\:flex{display:flex}.display\\:none{display:none}.flexGrow\\:var{flex-grow:var(--flexGrow)}.flexGrow\\:1{flex-grow:1}.flexGrow\\:0{flex-grow:0}.flexShrink\\:var{flex-shrink:var(--flexShrink)}.flexShrink\\:1{flex-shrink:1}.flexShrink\\:0{flex-shrink:0}.flexDirection\\:var{flex-direction:var(--flexDirection)}.flexDirection\\:row{flex-direction:row}.flexDirection\\:column{flex-direction:column}.alignItems\\:var{align-items:var(--alignItems)}.alignItems\\:center{align-items:center}.alignItems\\:flex-start{align-items:flex-start}.alignItems\\:flex-end{align-items:flex-end}.textAlign\\:var{text-align:var(--textAlign)}.textAlign\\:left{text-align:left}.textAlign\\:right{text-align:right}.textAlign\\:center{text-align:center}.justifyContent\\:var{justify-content:var(--justifyContent)}.justifyContent\\:center{justify-content:center}.justifyContent\\:flex-start{justify-content:flex-start}.justifyContent\\:flex-end{justify-content:flex-end}.columns\\:var{-ms-grid-columns:var(--columns);grid-template-columns:var(--columns)}}@media (min-width:768px){.tablet\\:p\\:var{padding:var(--tablet_p)}.tablet\\:p\\:-1{padding:var(--spacing--1)}.tablet\\:p\\:0{padding:var(--spacing-0)}.tablet\\:p\\:1{padding:var(--spacing-1)}.tablet\\:p\\:2{padding:var(--spacing-2)}.tablet\\:p\\:3{padding:var(--spacing-3)}.tablet\\:p\\:4{padding:var(--spacing-4)}.tablet\\:p\\:5{padding:var(--spacing-5)}.tablet\\:p\\:6{padding:var(--spacing-6)}.tablet\\:p\\:7{padding:var(--spacing-7)}.tablet\\:pt\\:var{padding-top:var(--tablet_pt)}.tablet\\:pt\\:-1{padding-top:var(--spacing--1)}.tablet\\:pt\\:0{padding-top:var(--spacing-0)}.tablet\\:pt\\:1{padding-top:var(--spacing-1)}.tablet\\:pt\\:2{padding-top:var(--spacing-2)}.tablet\\:pt\\:3{padding-top:var(--spacing-3)}.tablet\\:pt\\:4{padding-top:var(--spacing-4)}.tablet\\:pt\\:5{padding-top:var(--spacing-5)}.tablet\\:pt\\:6{padding-top:var(--spacing-6)}.tablet\\:pt\\:7{padding-top:var(--spacing-7)}.tablet\\:pr\\:var{padding-right:var(--tablet_pr)}.tablet\\:pr\\:-1{padding-right:var(--spacing--1)}.tablet\\:pr\\:0{padding-right:var(--spacing-0)}.tablet\\:pr\\:1{padding-right:var(--spacing-1)}.tablet\\:pr\\:2{padding-right:var(--spacing-2)}.tablet\\:pr\\:3{padding-right:var(--spacing-3)}.tablet\\:pr\\:4{padding-right:var(--spacing-4)}.tablet\\:pr\\:5{padding-right:var(--spacing-5)}.tablet\\:pr\\:6{padding-right:var(--spacing-6)}.tablet\\:pr\\:7{padding-right:var(--spacing-7)}.tablet\\:pb\\:var{padding-bottom:var(--tablet_pb)}.tablet\\:pb\\:-1{padding-bottom:var(--spacing--1)}.tablet\\:pb\\:0{padding-bottom:var(--spacing-0)}.tablet\\:pb\\:1{padding-bottom:var(--spacing-1)}.tablet\\:pb\\:2{padding-bottom:var(--spacing-2)}.tablet\\:pb\\:3{padding-bottom:var(--spacing-3)}.tablet\\:pb\\:4{padding-bottom:var(--spacing-4)}.tablet\\:pb\\:5{padding-bottom:var(--spacing-5)}.tablet\\:pb\\:6{padding-bottom:var(--spacing-6)}.tablet\\:pb\\:7{padding-bottom:var(--spacing-7)}.tablet\\:pl\\:var{padding-left:var(--tablet_pl)}.tablet\\:pl\\:-1{padding-left:var(--spacing--1)}.tablet\\:pl\\:0{padding-left:var(--spacing-0)}.tablet\\:pl\\:1{padding-left:var(--spacing-1)}.tablet\\:pl\\:2{padding-left:var(--spacing-2)}.tablet\\:pl\\:3{padding-left:var(--spacing-3)}.tablet\\:pl\\:4{padding-left:var(--spacing-4)}.tablet\\:pl\\:5{padding-left:var(--spacing-5)}.tablet\\:pl\\:6{padding-left:var(--spacing-6)}.tablet\\:pl\\:7{padding-left:var(--spacing-7)}.tablet\\:m\\:var{margin:var(--tablet_m)}.tablet\\:m\\:-1{margin:var(--spacing--1)}.tablet\\:m\\:0{margin:var(--spacing-0)}.tablet\\:m\\:1{margin:var(--spacing-1)}.tablet\\:m\\:2{margin:var(--spacing-2)}.tablet\\:m\\:3{margin:var(--spacing-3)}.tablet\\:m\\:4{margin:var(--spacing-4)}.tablet\\:m\\:5{margin:var(--spacing-5)}.tablet\\:m\\:6{margin:var(--spacing-6)}.tablet\\:m\\:7{margin:var(--spacing-7)}.tablet\\:mt\\:var{margin-top:var(--tablet_mt)}.tablet\\:mt\\:-1{margin-top:var(--spacing--1)}.tablet\\:mt\\:0{margin-top:var(--spacing-0)}.tablet\\:mt\\:1{margin-top:var(--spacing-1)}.tablet\\:mt\\:2{margin-top:var(--spacing-2)}.tablet\\:mt\\:3{margin-top:var(--spacing-3)}.tablet\\:mt\\:4{margin-top:var(--spacing-4)}.tablet\\:mt\\:5{margin-top:var(--spacing-5)}.tablet\\:mt\\:6{margin-top:var(--spacing-6)}.tablet\\:mt\\:7{margin-top:var(--spacing-7)}.tablet\\:mr\\:var{margin-right:var(--tablet_mr)}.tablet\\:mr\\:-1{margin-right:var(--spacing--1)}.tablet\\:mr\\:0{margin-right:var(--spacing-0)}.tablet\\:mr\\:1{margin-right:var(--spacing-1)}.tablet\\:mr\\:2{margin-right:var(--spacing-2)}.tablet\\:mr\\:3{margin-right:var(--spacing-3)}.tablet\\:mr\\:4{margin-right:var(--spacing-4)}.tablet\\:mr\\:5{margin-right:var(--spacing-5)}.tablet\\:mr\\:6{margin-right:var(--spacing-6)}.tablet\\:mr\\:7{margin-right:var(--spacing-7)}.tablet\\:mb\\:var{margin-bottom:var(--tablet_mb)}.tablet\\:mb\\:-1{margin-bottom:var(--spacing--1)}.tablet\\:mb\\:0{margin-bottom:var(--spacing-0)}.tablet\\:mb\\:1{margin-bottom:var(--spacing-1)}.tablet\\:mb\\:2{margin-bottom:var(--spacing-2)}.tablet\\:mb\\:3{margin-bottom:var(--spacing-3)}.tablet\\:mb\\:4{margin-bottom:var(--spacing-4)}.tablet\\:mb\\:5{margin-bottom:var(--spacing-5)}.tablet\\:mb\\:6{margin-bottom:var(--spacing-6)}.tablet\\:mb\\:7{margin-bottom:var(--spacing-7)}.tablet\\:ml\\:var{margin-left:var(--tablet_ml)}.tablet\\:ml\\:-1{margin-left:var(--spacing--1)}.tablet\\:ml\\:0{margin-left:var(--spacing-0)}.tablet\\:ml\\:1{margin-left:var(--spacing-1)}.tablet\\:ml\\:2{margin-left:var(--spacing-2)}.tablet\\:ml\\:3{margin-left:var(--spacing-3)}.tablet\\:ml\\:4{margin-left:var(--spacing-4)}.tablet\\:ml\\:5{margin-left:var(--spacing-5)}.tablet\\:ml\\:6{margin-left:var(--spacing-6)}.tablet\\:ml\\:7{margin-left:var(--spacing-7)}.tablet\\:display\\:var{display:var(--tablet_display)}.tablet\\:display\\:block{display:block}.tablet\\:display\\:flex{display:flex}.tablet\\:display\\:none{display:none}.tablet\\:flexGrow\\:var{flex-grow:var(--tablet_flexGrow)}.tablet\\:flexGrow\\:1{flex-grow:1}.tablet\\:flexGrow\\:0{flex-grow:0}.tablet\\:flexShrink\\:var{flex-shrink:var(--tablet_flexShrink)}.tablet\\:flexShrink\\:1{flex-shrink:1}.tablet\\:flexShrink\\:0{flex-shrink:0}.tablet\\:flexDirection\\:var{flex-direction:var(--tablet_flexDirection)}.tablet\\:flexDirection\\:row{flex-direction:row}.tablet\\:flexDirection\\:column{flex-direction:column}.tablet\\:alignItems\\:var{align-items:var(--tablet_alignItems)}.tablet\\:alignItems\\:center{align-items:center}.tablet\\:alignItems\\:flex-start{align-items:flex-start}.tablet\\:alignItems\\:flex-end{align-items:flex-end}.tablet\\:textAlign\\:var{text-align:var(--tablet_textAlign)}.tablet\\:textAlign\\:left{text-align:left}.tablet\\:textAlign\\:right{text-align:right}.tablet\\:textAlign\\:center{text-align:center}.tablet\\:justifyContent\\:var{justify-content:var(--tablet_justifyContent)}.tablet\\:justifyContent\\:center{justify-content:center}.tablet\\:justifyContent\\:flex-start{justify-content:flex-start}.tablet\\:justifyContent\\:flex-end{justify-content:flex-end}.tablet\\:columns\\:var{-ms-grid-columns:var(--tablet_columns);grid-template-columns:var(--tablet_columns)}}@media (min-width:1024px){.laptop\\:p\\:var{padding:var(--laptop_p)}.laptop\\:p\\:-1{padding:var(--spacing--1)}.laptop\\:p\\:0{padding:var(--spacing-0)}.laptop\\:p\\:1{padding:var(--spacing-1)}.laptop\\:p\\:2{padding:var(--spacing-2)}.laptop\\:p\\:3{padding:var(--spacing-3)}.laptop\\:p\\:4{padding:var(--spacing-4)}.laptop\\:p\\:5{padding:var(--spacing-5)}.laptop\\:p\\:6{padding:var(--spacing-6)}.laptop\\:p\\:7{padding:var(--spacing-7)}.laptop\\:pt\\:var{padding-top:var(--laptop_pt)}.laptop\\:pt\\:-1{padding-top:var(--spacing--1)}.laptop\\:pt\\:0{padding-top:var(--spacing-0)}.laptop\\:pt\\:1{padding-top:var(--spacing-1)}.laptop\\:pt\\:2{padding-top:var(--spacing-2)}.laptop\\:pt\\:3{padding-top:var(--spacing-3)}.laptop\\:pt\\:4{padding-top:var(--spacing-4)}.laptop\\:pt\\:5{padding-top:var(--spacing-5)}.laptop\\:pt\\:6{padding-top:var(--spacing-6)}.laptop\\:pt\\:7{padding-top:var(--spacing-7)}.laptop\\:pr\\:var{padding-right:var(--laptop_pr)}.laptop\\:pr\\:-1{padding-right:var(--spacing--1)}.laptop\\:pr\\:0{padding-right:var(--spacing-0)}.laptop\\:pr\\:1{padding-right:var(--spacing-1)}.laptop\\:pr\\:2{padding-right:var(--spacing-2)}.laptop\\:pr\\:3{padding-right:var(--spacing-3)}.laptop\\:pr\\:4{padding-right:var(--spacing-4)}.laptop\\:pr\\:5{padding-right:var(--spacing-5)}.laptop\\:pr\\:6{padding-right:var(--spacing-6)}.laptop\\:pr\\:7{padding-right:var(--spacing-7)}.laptop\\:pb\\:var{padding-bottom:var(--laptop_pb)}.laptop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.laptop\\:pb\\:0{padding-bottom:var(--spacing-0)}.laptop\\:pb\\:1{padding-bottom:var(--spacing-1)}.laptop\\:pb\\:2{padding-bottom:var(--spacing-2)}.laptop\\:pb\\:3{padding-bottom:var(--spacing-3)}.laptop\\:pb\\:4{padding-bottom:var(--spacing-4)}.laptop\\:pb\\:5{padding-bottom:var(--spacing-5)}.laptop\\:pb\\:6{padding-bottom:var(--spacing-6)}.laptop\\:pb\\:7{padding-bottom:var(--spacing-7)}.laptop\\:pl\\:var{padding-left:var(--laptop_pl)}.laptop\\:pl\\:-1{padding-left:var(--spacing--1)}.laptop\\:pl\\:0{padding-left:var(--spacing-0)}.laptop\\:pl\\:1{padding-left:var(--spacing-1)}.laptop\\:pl\\:2{padding-left:var(--spacing-2)}.laptop\\:pl\\:3{padding-left:var(--spacing-3)}.laptop\\:pl\\:4{padding-left:var(--spacing-4)}.laptop\\:pl\\:5{padding-left:var(--spacing-5)}.laptop\\:pl\\:6{padding-left:var(--spacing-6)}.laptop\\:pl\\:7{padding-left:var(--spacing-7)}.laptop\\:m\\:var{margin:var(--laptop_m)}.laptop\\:m\\:-1{margin:var(--spacing--1)}.laptop\\:m\\:0{margin:var(--spacing-0)}.laptop\\:m\\:1{margin:var(--spacing-1)}.laptop\\:m\\:2{margin:var(--spacing-2)}.laptop\\:m\\:3{margin:var(--spacing-3)}.laptop\\:m\\:4{margin:var(--spacing-4)}.laptop\\:m\\:5{margin:var(--spacing-5)}.laptop\\:m\\:6{margin:var(--spacing-6)}.laptop\\:m\\:7{margin:var(--spacing-7)}.laptop\\:mt\\:var{margin-top:var(--laptop_mt)}.laptop\\:mt\\:-1{margin-top:var(--spacing--1)}.laptop\\:mt\\:0{margin-top:var(--spacing-0)}.laptop\\:mt\\:1{margin-top:var(--spacing-1)}.laptop\\:mt\\:2{margin-top:var(--spacing-2)}.laptop\\:mt\\:3{margin-top:var(--spacing-3)}.laptop\\:mt\\:4{margin-top:var(--spacing-4)}.laptop\\:mt\\:5{margin-top:var(--spacing-5)}.laptop\\:mt\\:6{margin-top:var(--spacing-6)}.laptop\\:mt\\:7{margin-top:var(--spacing-7)}.laptop\\:mr\\:var{margin-right:var(--laptop_mr)}.laptop\\:mr\\:-1{margin-right:var(--spacing--1)}.laptop\\:mr\\:0{margin-right:var(--spacing-0)}.laptop\\:mr\\:1{margin-right:var(--spacing-1)}.laptop\\:mr\\:2{margin-right:var(--spacing-2)}.laptop\\:mr\\:3{margin-right:var(--spacing-3)}.laptop\\:mr\\:4{margin-right:var(--spacing-4)}.laptop\\:mr\\:5{margin-right:var(--spacing-5)}.laptop\\:mr\\:6{margin-right:var(--spacing-6)}.laptop\\:mr\\:7{margin-right:var(--spacing-7)}.laptop\\:mb\\:var{margin-bottom:var(--laptop_mb)}.laptop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.laptop\\:mb\\:0{margin-bottom:var(--spacing-0)}.laptop\\:mb\\:1{margin-bottom:var(--spacing-1)}.laptop\\:mb\\:2{margin-bottom:var(--spacing-2)}.laptop\\:mb\\:3{margin-bottom:var(--spacing-3)}.laptop\\:mb\\:4{margin-bottom:var(--spacing-4)}.laptop\\:mb\\:5{margin-bottom:var(--spacing-5)}.laptop\\:mb\\:6{margin-bottom:var(--spacing-6)}.laptop\\:mb\\:7{margin-bottom:var(--spacing-7)}.laptop\\:ml\\:var{margin-left:var(--laptop_ml)}.laptop\\:ml\\:-1{margin-left:var(--spacing--1)}.laptop\\:ml\\:0{margin-left:var(--spacing-0)}.laptop\\:ml\\:1{margin-left:var(--spacing-1)}.laptop\\:ml\\:2{margin-left:var(--spacing-2)}.laptop\\:ml\\:3{margin-left:var(--spacing-3)}.laptop\\:ml\\:4{margin-left:var(--spacing-4)}.laptop\\:ml\\:5{margin-left:var(--spacing-5)}.laptop\\:ml\\:6{margin-left:var(--spacing-6)}.laptop\\:ml\\:7{margin-left:var(--spacing-7)}.laptop\\:display\\:var{display:var(--laptop_display)}.laptop\\:display\\:block{display:block}.laptop\\:display\\:flex{display:flex}.laptop\\:display\\:none{display:none}.laptop\\:flexGrow\\:var{flex-grow:var(--laptop_flexGrow)}.laptop\\:flexGrow\\:1{flex-grow:1}.laptop\\:flexGrow\\:0{flex-grow:0}.laptop\\:flexShrink\\:var{flex-shrink:var(--laptop_flexShrink)}.laptop\\:flexShrink\\:1{flex-shrink:1}.laptop\\:flexShrink\\:0{flex-shrink:0}.laptop\\:flexDirection\\:var{flex-direction:var(--laptop_flexDirection)}.laptop\\:flexDirection\\:row{flex-direction:row}.laptop\\:flexDirection\\:column{flex-direction:column}.laptop\\:alignItems\\:var{align-items:var(--laptop_alignItems)}.laptop\\:alignItems\\:center{align-items:center}.laptop\\:alignItems\\:flex-start{align-items:flex-start}.laptop\\:alignItems\\:flex-end{align-items:flex-end}.laptop\\:textAlign\\:var{text-align:var(--laptop_textAlign)}.laptop\\:textAlign\\:left{text-align:left}.laptop\\:textAlign\\:right{text-align:right}.laptop\\:textAlign\\:center{text-align:center}.laptop\\:justifyContent\\:var{justify-content:var(--laptop_justifyContent)}.laptop\\:justifyContent\\:center{justify-content:center}.laptop\\:justifyContent\\:flex-start{justify-content:flex-start}.laptop\\:justifyContent\\:flex-end{justify-content:flex-end}.laptop\\:columns\\:var{-ms-grid-columns:var(--laptop_columns);grid-template-columns:var(--laptop_columns)}}@media (min-width:1430px){.desktop\\:p\\:var{padding:var(--desktop_p)}.desktop\\:p\\:-1{padding:var(--spacing--1)}.desktop\\:p\\:0{padding:var(--spacing-0)}.desktop\\:p\\:1{padding:var(--spacing-1)}.desktop\\:p\\:2{padding:var(--spacing-2)}.desktop\\:p\\:3{padding:var(--spacing-3)}.desktop\\:p\\:4{padding:var(--spacing-4)}.desktop\\:p\\:5{padding:var(--spacing-5)}.desktop\\:p\\:6{padding:var(--spacing-6)}.desktop\\:p\\:7{padding:var(--spacing-7)}.desktop\\:pt\\:var{padding-top:var(--desktop_pt)}.desktop\\:pt\\:-1{padding-top:var(--spacing--1)}.desktop\\:pt\\:0{padding-top:var(--spacing-0)}.desktop\\:pt\\:1{padding-top:var(--spacing-1)}.desktop\\:pt\\:2{padding-top:var(--spacing-2)}.desktop\\:pt\\:3{padding-top:var(--spacing-3)}.desktop\\:pt\\:4{padding-top:var(--spacing-4)}.desktop\\:pt\\:5{padding-top:var(--spacing-5)}.desktop\\:pt\\:6{padding-top:var(--spacing-6)}.desktop\\:pt\\:7{padding-top:var(--spacing-7)}.desktop\\:pr\\:var{padding-right:var(--desktop_pr)}.desktop\\:pr\\:-1{padding-right:var(--spacing--1)}.desktop\\:pr\\:0{padding-right:var(--spacing-0)}.desktop\\:pr\\:1{padding-right:var(--spacing-1)}.desktop\\:pr\\:2{padding-right:var(--spacing-2)}.desktop\\:pr\\:3{padding-right:var(--spacing-3)}.desktop\\:pr\\:4{padding-right:var(--spacing-4)}.desktop\\:pr\\:5{padding-right:var(--spacing-5)}.desktop\\:pr\\:6{padding-right:var(--spacing-6)}.desktop\\:pr\\:7{padding-right:var(--spacing-7)}.desktop\\:pb\\:var{padding-bottom:var(--desktop_pb)}.desktop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.desktop\\:pb\\:0{padding-bottom:var(--spacing-0)}.desktop\\:pb\\:1{padding-bottom:var(--spacing-1)}.desktop\\:pb\\:2{padding-bottom:var(--spacing-2)}.desktop\\:pb\\:3{padding-bottom:var(--spacing-3)}.desktop\\:pb\\:4{padding-bottom:var(--spacing-4)}.desktop\\:pb\\:5{padding-bottom:var(--spacing-5)}.desktop\\:pb\\:6{padding-bottom:var(--spacing-6)}.desktop\\:pb\\:7{padding-bottom:var(--spacing-7)}.desktop\\:pl\\:var{padding-left:var(--desktop_pl)}.desktop\\:pl\\:-1{padding-left:var(--spacing--1)}.desktop\\:pl\\:0{padding-left:var(--spacing-0)}.desktop\\:pl\\:1{padding-left:var(--spacing-1)}.desktop\\:pl\\:2{padding-left:var(--spacing-2)}.desktop\\:pl\\:3{padding-left:var(--spacing-3)}.desktop\\:pl\\:4{padding-left:var(--spacing-4)}.desktop\\:pl\\:5{padding-left:var(--spacing-5)}.desktop\\:pl\\:6{padding-left:var(--spacing-6)}.desktop\\:pl\\:7{padding-left:var(--spacing-7)}.desktop\\:m\\:var{margin:var(--desktop_m)}.desktop\\:m\\:-1{margin:var(--spacing--1)}.desktop\\:m\\:0{margin:var(--spacing-0)}.desktop\\:m\\:1{margin:var(--spacing-1)}.desktop\\:m\\:2{margin:var(--spacing-2)}.desktop\\:m\\:3{margin:var(--spacing-3)}.desktop\\:m\\:4{margin:var(--spacing-4)}.desktop\\:m\\:5{margin:var(--spacing-5)}.desktop\\:m\\:6{margin:var(--spacing-6)}.desktop\\:m\\:7{margin:var(--spacing-7)}.desktop\\:mt\\:var{margin-top:var(--desktop_mt)}.desktop\\:mt\\:-1{margin-top:var(--spacing--1)}.desktop\\:mt\\:0{margin-top:var(--spacing-0)}.desktop\\:mt\\:1{margin-top:var(--spacing-1)}.desktop\\:mt\\:2{margin-top:var(--spacing-2)}.desktop\\:mt\\:3{margin-top:var(--spacing-3)}.desktop\\:mt\\:4{margin-top:var(--spacing-4)}.desktop\\:mt\\:5{margin-top:var(--spacing-5)}.desktop\\:mt\\:6{margin-top:var(--spacing-6)}.desktop\\:mt\\:7{margin-top:var(--spacing-7)}.desktop\\:mr\\:var{margin-right:var(--desktop_mr)}.desktop\\:mr\\:-1{margin-right:var(--spacing--1)}.desktop\\:mr\\:0{margin-right:var(--spacing-0)}.desktop\\:mr\\:1{margin-right:var(--spacing-1)}.desktop\\:mr\\:2{margin-right:var(--spacing-2)}.desktop\\:mr\\:3{margin-right:var(--spacing-3)}.desktop\\:mr\\:4{margin-right:var(--spacing-4)}.desktop\\:mr\\:5{margin-right:var(--spacing-5)}.desktop\\:mr\\:6{margin-right:var(--spacing-6)}.desktop\\:mr\\:7{margin-right:var(--spacing-7)}.desktop\\:mb\\:var{margin-bottom:var(--desktop_mb)}.desktop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.desktop\\:mb\\:0{margin-bottom:var(--spacing-0)}.desktop\\:mb\\:1{margin-bottom:var(--spacing-1)}.desktop\\:mb\\:2{margin-bottom:var(--spacing-2)}.desktop\\:mb\\:3{margin-bottom:var(--spacing-3)}.desktop\\:mb\\:4{margin-bottom:var(--spacing-4)}.desktop\\:mb\\:5{margin-bottom:var(--spacing-5)}.desktop\\:mb\\:6{margin-bottom:var(--spacing-6)}.desktop\\:mb\\:7{margin-bottom:var(--spacing-7)}.desktop\\:ml\\:var{margin-left:var(--desktop_ml)}.desktop\\:ml\\:-1{margin-left:var(--spacing--1)}.desktop\\:ml\\:0{margin-left:var(--spacing-0)}.desktop\\:ml\\:1{margin-left:var(--spacing-1)}.desktop\\:ml\\:2{margin-left:var(--spacing-2)}.desktop\\:ml\\:3{margin-left:var(--spacing-3)}.desktop\\:ml\\:4{margin-left:var(--spacing-4)}.desktop\\:ml\\:5{margin-left:var(--spacing-5)}.desktop\\:ml\\:6{margin-left:var(--spacing-6)}.desktop\\:ml\\:7{margin-left:var(--spacing-7)}.desktop\\:display\\:var{display:var(--desktop_display)}.desktop\\:display\\:block{display:block}.desktop\\:display\\:flex{display:flex}.desktop\\:display\\:none{display:none}.desktop\\:flexGrow\\:var{flex-grow:var(--desktop_flexGrow)}.desktop\\:flexGrow\\:1{flex-grow:1}.desktop\\:flexGrow\\:0{flex-grow:0}.desktop\\:flexShrink\\:var{flex-shrink:var(--desktop_flexShrink)}.desktop\\:flexShrink\\:1{flex-shrink:1}.desktop\\:flexShrink\\:0{flex-shrink:0}.desktop\\:flexDirection\\:var{flex-direction:var(--desktop_flexDirection)}.desktop\\:flexDirection\\:row{flex-direction:row}.desktop\\:flexDirection\\:column{flex-direction:column}.desktop\\:alignItems\\:var{align-items:var(--desktop_alignItems)}.desktop\\:alignItems\\:center{align-items:center}.desktop\\:alignItems\\:flex-start{align-items:flex-start}.desktop\\:alignItems\\:flex-end{align-items:flex-end}.desktop\\:textAlign\\:var{text-align:var(--desktop_textAlign)}.desktop\\:textAlign\\:left{text-align:left}.desktop\\:textAlign\\:right{text-align:right}.desktop\\:textAlign\\:center{text-align:center}.desktop\\:justifyContent\\:var{justify-content:var(--desktop_justifyContent)}.desktop\\:justifyContent\\:center{justify-content:center}.desktop\\:justifyContent\\:flex-start{justify-content:flex-start}.desktop\\:justifyContent\\:flex-end{justify-content:flex-end}.desktop\\:columns\\:var{-ms-grid-columns:var(--desktop_columns);grid-template-columns:var(--desktop_columns)}}";
+styleInject(css_248z$I);
+
+const noop$1 = () => { };
+const UiState = React.createContext({
+    isSideMenuOpen: false,
+    closeSideMenu: noop$1,
+    openSideMenu: noop$1,
+});
+const useUiStateContext = () => React.useContext(UiState);
+const UiStateProvider = ({ children }) => {
+    const [isSideMenuOpen, setIsSideMenuOpen] = React.useState(false);
+    const handleCloseSideMenu = React.useCallback(() => setIsSideMenuOpen(false), []);
+    const handleOpenSideMenu = React.useCallback(() => setIsSideMenuOpen(true), []);
+    return (React.createElement(UiState.Provider, { value: {
+            isSideMenuOpen,
+            closeSideMenu: handleCloseSideMenu,
+            openSideMenu: handleOpenSideMenu,
+        } }, children));
+};
+
+var css_248z$H = ".UiWrapper-module_wrapper__kC0BB{color:var(--common-black);display:flex;flex-direction:column;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:14px;height:100%}";
+var classes$H = {"wrapper":"UiWrapper-module_wrapper__kC0BB"};
+styleInject(css_248z$H);
+
+const UiWrapper = ({ children, }) => (React.createElement(UiStateProvider, null,
+    React.createElement("div", { className: classes$H.wrapper }, children)));
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -68,1120 +91,88 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-
-function _isNativeFunction(fn) {
-  try {
-    return Function.toString.call(fn).indexOf("[native code]") !== -1;
-  } catch (e) {
-    return typeof fn === "function";
-  }
-}
-
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function _construct(Parent, args, Class) {
-  if (_isNativeReflectConstruct()) {
-    _construct = Reflect.construct.bind();
-  } else {
-    _construct = function _construct(Parent, args, Class) {
-      var a = [null];
-      a.push.apply(a, args);
-      var Constructor = Function.bind.apply(Parent, a);
-      var instance = new Constructor();
-      if (Class) _setPrototypeOf(instance, Class.prototype);
-      return instance;
-    };
-  }
-  return _construct.apply(null, arguments);
-}
-
-function _wrapNativeSuper(Class) {
-  var _cache = typeof Map === "function" ? new Map() : undefined;
-  _wrapNativeSuper = function _wrapNativeSuper(Class) {
-    if (Class === null || !_isNativeFunction(Class)) return Class;
-    if (typeof Class !== "function") {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-    if (typeof _cache !== "undefined") {
-      if (_cache.has(Class)) return _cache.get(Class);
-      _cache.set(Class, Wrapper);
-    }
-    function Wrapper() {
-      return _construct(Class, arguments, _getPrototypeOf(this).constructor);
-    }
-    Wrapper.prototype = Object.create(Class.prototype, {
-      constructor: {
-        value: Wrapper,
-        enumerable: false,
-        writable: true,
-        configurable: true
-      }
-    });
-    return _setPrototypeOf(Wrapper, Class);
-  };
-  return _wrapNativeSuper(Class);
-}
-
-// based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js
-
-/**
- * Parse errors.md and turn it into a simple hash of code: message
- * @private
- */
-var ERRORS = {
-  "1": "Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",
-  "2": "Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",
-  "3": "Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",
-  "4": "Couldn't generate valid rgb string from %s, it returned %s.\n\n",
-  "5": "Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",
-  "6": "Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",
-  "7": "Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",
-  "8": "Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",
-  "9": "Please provide a number of steps to the modularScale helper.\n\n",
-  "10": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
-  "11": "Invalid value passed as base to modularScale, expected number or em string but got \"%s\"\n\n",
-  "12": "Expected a string ending in \"px\" or a number passed as the first argument to %s(), got \"%s\" instead.\n\n",
-  "13": "Expected a string ending in \"px\" or a number passed as the second argument to %s(), got \"%s\" instead.\n\n",
-  "14": "Passed invalid pixel value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n",
-  "15": "Passed invalid base value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n",
-  "16": "You must provide a template to this method.\n\n",
-  "17": "You passed an unsupported selector state to this method.\n\n",
-  "18": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
-  "19": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
-  "20": "expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
-  "21": "expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
-  "22": "expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
-  "23": "fontFace expects a name of a font-family.\n\n",
-  "24": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
-  "25": "fontFace expects localFonts to be an array.\n\n",
-  "26": "fontFace expects fileFormats to be an array.\n\n",
-  "27": "radialGradient requries at least 2 color-stops to properly render.\n\n",
-  "28": "Please supply a filename to retinaImage() as the first argument.\n\n",
-  "29": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
-  "30": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
-  "31": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",
-  "32": "To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",
-  "33": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",
-  "34": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
-  "35": "borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n",
-  "36": "Property must be a string value.\n\n",
-  "37": "Syntax Error at %s.\n\n",
-  "38": "Formula contains a function that needs parentheses at %s.\n\n",
-  "39": "Formula is missing closing parenthesis at %s.\n\n",
-  "40": "Formula has too many closing parentheses at %s.\n\n",
-  "41": "All values in a formula must have the same unit or be unitless.\n\n",
-  "42": "Please provide a number of steps to the modularScale helper.\n\n",
-  "43": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
-  "44": "Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",
-  "45": "Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",
-  "46": "Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",
-  "47": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
-  "48": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
-  "49": "Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
-  "50": "Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",
-  "51": "Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",
-  "52": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
-  "53": "fontFace expects localFonts to be an array.\n\n",
-  "54": "fontFace expects fileFormats to be an array.\n\n",
-  "55": "fontFace expects a name of a font-family.\n\n",
-  "56": "linearGradient requries at least 2 color-stops to properly render.\n\n",
-  "57": "radialGradient requries at least 2 color-stops to properly render.\n\n",
-  "58": "Please supply a filename to retinaImage() as the first argument.\n\n",
-  "59": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
-  "60": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
-  "61": "Property must be a string value.\n\n",
-  "62": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
-  "63": "borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n",
-  "64": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",
-  "65": "To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",
-  "66": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",
-  "67": "You must provide a template to this method.\n\n",
-  "68": "You passed an unsupported selector state to this method.\n\n",
-  "69": "Expected a string ending in \"px\" or a number passed as the first argument to %s(), got %s instead.\n\n",
-  "70": "Expected a string ending in \"px\" or a number passed as the second argument to %s(), got %s instead.\n\n",
-  "71": "Passed invalid pixel value %s to %s(), please pass a value like \"12px\" or 12.\n\n",
-  "72": "Passed invalid base value %s to %s(), please pass a value like \"12px\" or 12.\n\n",
-  "73": "Please provide a valid CSS variable.\n\n",
-  "74": "CSS variable not found and no default was provided.\n\n",
-  "75": "important requires a valid style object, got a %s instead.\n\n",
-  "76": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",
-  "77": "remToPx expects a value in \"rem\" but you provided it in \"%s\".\n\n",
-  "78": "base must be set in \"px\" or \"%\" but you set it in \"%s\".\n"
-};
-/**
- * super basic version of sprintf
- * @private
- */
-
-function format() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  var a = args[0];
-  var b = [];
-  var c;
-
-  for (c = 1; c < args.length; c += 1) {
-    b.push(args[c]);
-  }
-
-  b.forEach(function (d) {
-    a = a.replace(/%[a-z]/, d);
-  });
-  return a;
-}
-/**
- * Create an error file out of errors.md for development and a simple web link to the full errors
- * in production mode.
- * @private
- */
-
-
-var PolishedError = /*#__PURE__*/function (_Error) {
-  _inheritsLoose(PolishedError, _Error);
-
-  function PolishedError(code) {
-    var _this;
-
-    if (process.env.NODE_ENV === 'production') {
-      _this = _Error.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + code + " for more information.") || this;
-    } else {
-      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-        args[_key2 - 1] = arguments[_key2];
-      }
-
-      _this = _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(args))) || this;
-    }
-
-    return _assertThisInitialized(_this);
-  }
-
-  return PolishedError;
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-
-function colorToInt(color) {
-  return Math.round(color * 255);
-}
-
-function convertToInt(red, green, blue) {
-  return colorToInt(red) + "," + colorToInt(green) + "," + colorToInt(blue);
-}
-
-function hslToRgb(hue, saturation, lightness, convert) {
-  if (convert === void 0) {
-    convert = convertToInt;
-  }
-
-  if (saturation === 0) {
-    // achromatic
-    return convert(lightness, lightness, lightness);
-  } // formulae from https://en.wikipedia.org/wiki/HSL_and_HSV
-
-
-  var huePrime = (hue % 360 + 360) % 360 / 60;
-  var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;
-  var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));
-  var red = 0;
-  var green = 0;
-  var blue = 0;
-
-  if (huePrime >= 0 && huePrime < 1) {
-    red = chroma;
-    green = secondComponent;
-  } else if (huePrime >= 1 && huePrime < 2) {
-    red = secondComponent;
-    green = chroma;
-  } else if (huePrime >= 2 && huePrime < 3) {
-    green = chroma;
-    blue = secondComponent;
-  } else if (huePrime >= 3 && huePrime < 4) {
-    green = secondComponent;
-    blue = chroma;
-  } else if (huePrime >= 4 && huePrime < 5) {
-    red = secondComponent;
-    blue = chroma;
-  } else if (huePrime >= 5 && huePrime < 6) {
-    red = chroma;
-    blue = secondComponent;
-  }
-
-  var lightnessModification = lightness - chroma / 2;
-  var finalRed = red + lightnessModification;
-  var finalGreen = green + lightnessModification;
-  var finalBlue = blue + lightnessModification;
-  return convert(finalRed, finalGreen, finalBlue);
-}
-
-var namedColorMap = {
-  aliceblue: 'f0f8ff',
-  antiquewhite: 'faebd7',
-  aqua: '00ffff',
-  aquamarine: '7fffd4',
-  azure: 'f0ffff',
-  beige: 'f5f5dc',
-  bisque: 'ffe4c4',
-  black: '000',
-  blanchedalmond: 'ffebcd',
-  blue: '0000ff',
-  blueviolet: '8a2be2',
-  brown: 'a52a2a',
-  burlywood: 'deb887',
-  cadetblue: '5f9ea0',
-  chartreuse: '7fff00',
-  chocolate: 'd2691e',
-  coral: 'ff7f50',
-  cornflowerblue: '6495ed',
-  cornsilk: 'fff8dc',
-  crimson: 'dc143c',
-  cyan: '00ffff',
-  darkblue: '00008b',
-  darkcyan: '008b8b',
-  darkgoldenrod: 'b8860b',
-  darkgray: 'a9a9a9',
-  darkgreen: '006400',
-  darkgrey: 'a9a9a9',
-  darkkhaki: 'bdb76b',
-  darkmagenta: '8b008b',
-  darkolivegreen: '556b2f',
-  darkorange: 'ff8c00',
-  darkorchid: '9932cc',
-  darkred: '8b0000',
-  darksalmon: 'e9967a',
-  darkseagreen: '8fbc8f',
-  darkslateblue: '483d8b',
-  darkslategray: '2f4f4f',
-  darkslategrey: '2f4f4f',
-  darkturquoise: '00ced1',
-  darkviolet: '9400d3',
-  deeppink: 'ff1493',
-  deepskyblue: '00bfff',
-  dimgray: '696969',
-  dimgrey: '696969',
-  dodgerblue: '1e90ff',
-  firebrick: 'b22222',
-  floralwhite: 'fffaf0',
-  forestgreen: '228b22',
-  fuchsia: 'ff00ff',
-  gainsboro: 'dcdcdc',
-  ghostwhite: 'f8f8ff',
-  gold: 'ffd700',
-  goldenrod: 'daa520',
-  gray: '808080',
-  green: '008000',
-  greenyellow: 'adff2f',
-  grey: '808080',
-  honeydew: 'f0fff0',
-  hotpink: 'ff69b4',
-  indianred: 'cd5c5c',
-  indigo: '4b0082',
-  ivory: 'fffff0',
-  khaki: 'f0e68c',
-  lavender: 'e6e6fa',
-  lavenderblush: 'fff0f5',
-  lawngreen: '7cfc00',
-  lemonchiffon: 'fffacd',
-  lightblue: 'add8e6',
-  lightcoral: 'f08080',
-  lightcyan: 'e0ffff',
-  lightgoldenrodyellow: 'fafad2',
-  lightgray: 'd3d3d3',
-  lightgreen: '90ee90',
-  lightgrey: 'd3d3d3',
-  lightpink: 'ffb6c1',
-  lightsalmon: 'ffa07a',
-  lightseagreen: '20b2aa',
-  lightskyblue: '87cefa',
-  lightslategray: '789',
-  lightslategrey: '789',
-  lightsteelblue: 'b0c4de',
-  lightyellow: 'ffffe0',
-  lime: '0f0',
-  limegreen: '32cd32',
-  linen: 'faf0e6',
-  magenta: 'f0f',
-  maroon: '800000',
-  mediumaquamarine: '66cdaa',
-  mediumblue: '0000cd',
-  mediumorchid: 'ba55d3',
-  mediumpurple: '9370db',
-  mediumseagreen: '3cb371',
-  mediumslateblue: '7b68ee',
-  mediumspringgreen: '00fa9a',
-  mediumturquoise: '48d1cc',
-  mediumvioletred: 'c71585',
-  midnightblue: '191970',
-  mintcream: 'f5fffa',
-  mistyrose: 'ffe4e1',
-  moccasin: 'ffe4b5',
-  navajowhite: 'ffdead',
-  navy: '000080',
-  oldlace: 'fdf5e6',
-  olive: '808000',
-  olivedrab: '6b8e23',
-  orange: 'ffa500',
-  orangered: 'ff4500',
-  orchid: 'da70d6',
-  palegoldenrod: 'eee8aa',
-  palegreen: '98fb98',
-  paleturquoise: 'afeeee',
-  palevioletred: 'db7093',
-  papayawhip: 'ffefd5',
-  peachpuff: 'ffdab9',
-  peru: 'cd853f',
-  pink: 'ffc0cb',
-  plum: 'dda0dd',
-  powderblue: 'b0e0e6',
-  purple: '800080',
-  rebeccapurple: '639',
-  red: 'f00',
-  rosybrown: 'bc8f8f',
-  royalblue: '4169e1',
-  saddlebrown: '8b4513',
-  salmon: 'fa8072',
-  sandybrown: 'f4a460',
-  seagreen: '2e8b57',
-  seashell: 'fff5ee',
-  sienna: 'a0522d',
-  silver: 'c0c0c0',
-  skyblue: '87ceeb',
-  slateblue: '6a5acd',
-  slategray: '708090',
-  slategrey: '708090',
-  snow: 'fffafa',
-  springgreen: '00ff7f',
-  steelblue: '4682b4',
-  tan: 'd2b48c',
-  teal: '008080',
-  thistle: 'd8bfd8',
-  tomato: 'ff6347',
-  turquoise: '40e0d0',
-  violet: 'ee82ee',
-  wheat: 'f5deb3',
-  white: 'fff',
-  whitesmoke: 'f5f5f5',
-  yellow: 'ff0',
-  yellowgreen: '9acd32'
-};
-/**
- * Checks if a string is a CSS named color and returns its equivalent hex value, otherwise returns the original color.
- * @private
- */
-
-function nameToHex(color) {
-  if (typeof color !== 'string') return color;
-  var normalizedColorName = color.toLowerCase();
-  return namedColorMap[normalizedColorName] ? "#" + namedColorMap[normalizedColorName] : color;
-}
-
-var hexRegex = /^#[a-fA-F0-9]{6}$/;
-var hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;
-var reducedHexRegex = /^#[a-fA-F0-9]{3}$/;
-var reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;
-var rgbRegex = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i;
-var rgbaRegex = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
-var hslRegex = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
-var hslaRegex = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
-/**
- * Returns an RgbColor or RgbaColor object. This utility function is only useful
- * if want to extract a color component. With the color util `toColorString` you
- * can convert a RgbColor or RgbaColor object back to a string.
- *
- * @example
- * // Assigns `{ red: 255, green: 0, blue: 0 }` to color1
- * const color1 = parseToRgb('rgb(255, 0, 0)');
- * // Assigns `{ red: 92, green: 102, blue: 112, alpha: 0.75 }` to color2
- * const color2 = parseToRgb('hsla(210, 10%, 40%, 0.75)');
- */
-
-function parseToRgb(color) {
-  if (typeof color !== 'string') {
-    throw new PolishedError(3);
-  }
-
-  var normalizedColor = nameToHex(color);
-
-  if (normalizedColor.match(hexRegex)) {
-    return {
-      red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
-      green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
-      blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16)
-    };
-  }
-
-  if (normalizedColor.match(hexRgbaRegex)) {
-    var alpha = parseFloat((parseInt("" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));
-    return {
-      red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
-      green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
-      blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16),
-      alpha: alpha
-    };
-  }
-
-  if (normalizedColor.match(reducedHexRegex)) {
-    return {
-      red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
-      green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
-      blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16)
-    };
-  }
-
-  if (normalizedColor.match(reducedRgbaHexRegex)) {
-    var _alpha = parseFloat((parseInt("" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));
-
-    return {
-      red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
-      green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
-      blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16),
-      alpha: _alpha
-    };
-  }
-
-  var rgbMatched = rgbRegex.exec(normalizedColor);
-
-  if (rgbMatched) {
-    return {
-      red: parseInt("" + rgbMatched[1], 10),
-      green: parseInt("" + rgbMatched[2], 10),
-      blue: parseInt("" + rgbMatched[3], 10)
-    };
-  }
-
-  var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));
-
-  if (rgbaMatched) {
-    return {
-      red: parseInt("" + rgbaMatched[1], 10),
-      green: parseInt("" + rgbaMatched[2], 10),
-      blue: parseInt("" + rgbaMatched[3], 10),
-      alpha: parseFloat("" + rgbaMatched[4]) > 1 ? parseFloat("" + rgbaMatched[4]) / 100 : parseFloat("" + rgbaMatched[4])
-    };
-  }
-
-  var hslMatched = hslRegex.exec(normalizedColor);
-
-  if (hslMatched) {
-    var hue = parseInt("" + hslMatched[1], 10);
-    var saturation = parseInt("" + hslMatched[2], 10) / 100;
-    var lightness = parseInt("" + hslMatched[3], 10) / 100;
-    var rgbColorString = "rgb(" + hslToRgb(hue, saturation, lightness) + ")";
-    var hslRgbMatched = rgbRegex.exec(rgbColorString);
-
-    if (!hslRgbMatched) {
-      throw new PolishedError(4, normalizedColor, rgbColorString);
-    }
-
-    return {
-      red: parseInt("" + hslRgbMatched[1], 10),
-      green: parseInt("" + hslRgbMatched[2], 10),
-      blue: parseInt("" + hslRgbMatched[3], 10)
-    };
-  }
-
-  var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));
-
-  if (hslaMatched) {
-    var _hue = parseInt("" + hslaMatched[1], 10);
-
-    var _saturation = parseInt("" + hslaMatched[2], 10) / 100;
-
-    var _lightness = parseInt("" + hslaMatched[3], 10) / 100;
-
-    var _rgbColorString = "rgb(" + hslToRgb(_hue, _saturation, _lightness) + ")";
-
-    var _hslRgbMatched = rgbRegex.exec(_rgbColorString);
-
-    if (!_hslRgbMatched) {
-      throw new PolishedError(4, normalizedColor, _rgbColorString);
-    }
-
-    return {
-      red: parseInt("" + _hslRgbMatched[1], 10),
-      green: parseInt("" + _hslRgbMatched[2], 10),
-      blue: parseInt("" + _hslRgbMatched[3], 10),
-      alpha: parseFloat("" + hslaMatched[4]) > 1 ? parseFloat("" + hslaMatched[4]) / 100 : parseFloat("" + hslaMatched[4])
-    };
-  }
-
-  throw new PolishedError(5);
-}
-
-/**
- * Reduces hex values if possible e.g. #ff8866 to #f86
- * @private
- */
-var reduceHexValue = function reduceHexValue(value) {
-  if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {
-    return "#" + value[1] + value[3] + value[5];
-  }
-
-  return value;
-};
-
-var reduceHexValue$1 = reduceHexValue;
+var css_248z$G = ".SlideInFromTop-module_slideInFromTop__We2Dd{animation:SlideInFromTop-module_slideInFromTop__We2Dd var(--speed,.3s) ease-in 0s 1}@keyframes SlideInFromTop-module_slideInFromTop__We2Dd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}";
+var classes$G = {"slideInFromTop":"SlideInFromTop-module_slideInFromTop__We2Dd"};
+styleInject(css_248z$G);
 
-function numberToHex(value) {
-  var hex = value.toString(16);
-  return hex.length === 1 ? "0" + hex : hex;
-}
-
-/**
- * Returns a string value for the color. The returned result is the smallest possible hex notation.
- *
- * @example
- * // Styles as object usage
- * const styles = {
- *   background: rgb(255, 205, 100),
- *   background: rgb({ red: 255, green: 205, blue: 100 }),
- * }
- *
- * // styled-components usage
- * const div = styled.div`
- *   background: ${rgb(255, 205, 100)};
- *   background: ${rgb({ red: 255, green: 205, blue: 100 })};
- * `
- *
- * // CSS in JS Output
- *
- * element {
- *   background: "#ffcd64";
- *   background: "#ffcd64";
- * }
- */
-function rgb(value, green, blue) {
-  if (typeof value === 'number' && typeof green === 'number' && typeof blue === 'number') {
-    return reduceHexValue$1("#" + numberToHex(value) + numberToHex(green) + numberToHex(blue));
-  } else if (typeof value === 'object' && green === undefined && blue === undefined) {
-    return reduceHexValue$1("#" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));
-  }
-
-  throw new PolishedError(6);
-}
+function toVal(mix) {
+	var k, y, str='';
 
-/**
- * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.
- *
- * Can also be used to fade a color by passing a hex value or named CSS color along with an alpha value.
- *
- * @example
- * // Styles as object usage
- * const styles = {
- *   background: rgba(255, 205, 100, 0.7),
- *   background: rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 }),
- *   background: rgba(255, 205, 100, 1),
- *   background: rgba('#ffffff', 0.4),
- *   background: rgba('black', 0.7),
- * }
- *
- * // styled-components usage
- * const div = styled.div`
- *   background: ${rgba(255, 205, 100, 0.7)};
- *   background: ${rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 })};
- *   background: ${rgba(255, 205, 100, 1)};
- *   background: ${rgba('#ffffff', 0.4)};
- *   background: ${rgba('black', 0.7)};
- * `
- *
- * // CSS in JS Output
- *
- * element {
- *   background: "rgba(255,205,100,0.7)";
- *   background: "rgba(255,205,100,0.7)";
- *   background: "#ffcd64";
- *   background: "rgba(255,255,255,0.4)";
- *   background: "rgba(0,0,0,0.7)";
- * }
- */
-function rgba(firstValue, secondValue, thirdValue, fourthValue) {
-  if (typeof firstValue === 'string' && typeof secondValue === 'number') {
-    var rgbValue = parseToRgb(firstValue);
-    return "rgba(" + rgbValue.red + "," + rgbValue.green + "," + rgbValue.blue + "," + secondValue + ")";
-  } else if (typeof firstValue === 'number' && typeof secondValue === 'number' && typeof thirdValue === 'number' && typeof fourthValue === 'number') {
-    return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
-  } else if (typeof firstValue === 'object' && secondValue === undefined && thirdValue === undefined && fourthValue === undefined) {
-    return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
-  }
+	if (typeof mix === 'string' || typeof mix === 'number') {
+		str += mix;
+	} else if (typeof mix === 'object') {
+		if (Array.isArray(mix)) {
+			for (k=0; k < mix.length; k++) {
+				if (mix[k]) {
+					if (y = toVal(mix[k])) {
+						str && (str += ' ');
+						str += y;
+					}
+				}
+			}
+		} else {
+			for (k in mix) {
+				if (mix[k]) {
+					str && (str += ' ');
+					str += k;
+				}
+			}
+		}
+	}
 
-  throw new PolishedError(7);
+	return str;
 }
 
-// Type definitions taken from https://github.com/gcanti/flow-static-land/blob/master/src/Fun.js
-// eslint-disable-next-line no-unused-vars
-// eslint-disable-next-line no-unused-vars
-// eslint-disable-next-line no-redeclare
-function curried(f, length, acc) {
-  return function fn() {
-    // eslint-disable-next-line prefer-rest-params
-    var combined = acc.concat(Array.prototype.slice.call(arguments));
-    return combined.length >= length ? f.apply(this, combined) : curried(f, length, combined);
-  };
-} // eslint-disable-next-line no-redeclare
-
-
-function curry(f) {
-  // eslint-disable-line no-redeclare
-  return curried(f, f.length, []);
+function clsx () {
+	var i=0, tmp, x, str='';
+	while (i < arguments.length) {
+		if (tmp = arguments[i++]) {
+			if (x = toVal(tmp)) {
+				str && (str += ' ');
+				str += x;
+			}
+		}
+	}
+	return str;
 }
 
-/**
- * Mixes the two provided colors together by calculating the average of each of the RGB components weighted to the first color by the provided weight.
- *
- * @example
- * // Styles as object usage
- * const styles = {
- *   background: mix(0.5, '#f00', '#00f')
- *   background: mix(0.25, '#f00', '#00f')
- *   background: mix('0.5', 'rgba(255, 0, 0, 0.5)', '#00f')
- * }
- *
- * // styled-components usage
- * const div = styled.div`
- *   background: ${mix(0.5, '#f00', '#00f')};
- *   background: ${mix(0.25, '#f00', '#00f')};
- *   background: ${mix('0.5', 'rgba(255, 0, 0, 0.5)', '#00f')};
- * `
- *
- * // CSS in JS Output
- *
- * element {
- *   background: "#7f007f";
- *   background: "#3f00bf";
- *   background: "rgba(63, 0, 191, 0.75)";
- * }
- */
-
-function mix(weight, color, otherColor) {
-  if (color === 'transparent') return otherColor;
-  if (otherColor === 'transparent') return color;
-  if (weight === 0) return otherColor;
-  var parsedColor1 = parseToRgb(color);
-
-  var color1 = _extends({}, parsedColor1, {
-    alpha: typeof parsedColor1.alpha === 'number' ? parsedColor1.alpha : 1
-  });
-
-  var parsedColor2 = parseToRgb(otherColor);
-
-  var color2 = _extends({}, parsedColor2, {
-    alpha: typeof parsedColor2.alpha === 'number' ? parsedColor2.alpha : 1
-  }); // The formula is copied from the original Sass implementation:
-  // http://sass-lang.com/documentation/Sass/Script/Functions.html#mix-instance_method
-
-
-  var alphaDelta = color1.alpha - color2.alpha;
-  var x = parseFloat(weight) * 2 - 1;
-  var y = x * alphaDelta === -1 ? x : x + alphaDelta;
-  var z = 1 + x * alphaDelta;
-  var weight1 = (y / z + 1) / 2.0;
-  var weight2 = 1 - weight1;
-  var mixedColor = {
-    red: Math.floor(color1.red * weight1 + color2.red * weight2),
-    green: Math.floor(color1.green * weight1 + color2.green * weight2),
-    blue: Math.floor(color1.blue * weight1 + color2.blue * weight2),
-    alpha: color1.alpha * parseFloat(weight) + color2.alpha * (1 - parseFloat(weight))
-  };
-  return rgba(mixedColor);
-} // prettier-ignore
-
-
-var curriedMix = /*#__PURE__*/curry
-/* ::<number | string, string, string, string> */
-(mix);
-var mix$1 = curriedMix;
-
-/**
- * Shades a color by mixing it with black. `shade` can produce
- * hue shifts, where as `darken` manipulates the luminance channel and therefore
- * doesn't produce hue shifts.
- *
- * @example
- * // Styles as object usage
- * const styles = {
- *   background: shade(0.25, '#00f')
- * }
- *
- * // styled-components usage
- * const div = styled.div`
- *   background: ${shade(0.25, '#00f')};
- * `
- *
- * // CSS in JS Output
- *
- * element {
- *   background: "#00003f";
- * }
- */
-
-function shade(percentage, color) {
-  if (color === 'transparent') return color;
-  return mix$1(parseFloat(percentage), 'rgb(0, 0, 0)', color);
-} // prettier-ignore
-
-
-var curriedShade = /*#__PURE__*/curry
-/* ::<number | string, string, string> */
-(shade);
-var curriedShade$1 = curriedShade;
-
-const SPACING = 4;
-const BLACK = 'rgba(0,0,0,.87)';
-const WHITE = '#fff';
-const darkenPalette = (amount, palette, colorsToDarken) => Object
-    .entries(palette)
-    .reduce((acc, [key, val]) => (Object.assign(Object.assign({}, acc), { [key]: colorsToDarken.includes(key)
-        ? curriedShade$1(amount, val)
-        : val })), palette);
-const createButtonPalette = (_a) => {
-    var { colorsToDarken } = _a, palette = __rest(_a, ["colorsToDarken"]);
-    return ({
-        idle: palette,
-        hover: darkenPalette(.1, palette, colorsToDarken),
-        active: darkenPalette(.2, palette, colorsToDarken),
-    });
-};
-const createPanePalette = (palette) => ({
-    main: {
-        idle: palette,
-        hover: darkenPalette(.05, palette, ['background'])
-    },
-    alternate: {
-        idle: darkenPalette(.02, palette, ['background']),
-        hover: darkenPalette(.05, palette, ['background']),
-    }
-});
-const theme = {
-    spacing: (...args) => args.map(arg => `${arg * SPACING}px`).join(' '),
-    palette: {
-        common: {
-            black: BLACK,
-            white: WHITE,
-        },
-        colors: {
-            blue: '#007bff',
-            indigo: '#6610f2',
-            purple: '#6f42c1',
-            pink: '#e83e8c',
-            red: '#e83e3e',
-            orange: '#fd7e14',
-            yellow: '#ffc107',
-            green: '#23B294',
-            teal: '#20c997',
-            cyan: '#17a2b8',
-            gray: '#6c757d',
-            grayDark: '#343a40',
-            light: '#f8f9fa',
-            dark: '#343a40',
-        },
-        form: {
-            hint: '#C7C7C7',
-            error: '#9f3a38',
-        },
-        button: {
-            basic: createButtonPalette({
-                colorsToDarken: ['background', 'text'],
-                background: WHITE,
-                text: BLACK,
-            }),
-            default: createButtonPalette({
-                colorsToDarken: ['background', 'text'],
-                background: '#e0e1e2',
-                text: BLACK,
-            }),
-            text: {
-                idle: {
-                    text: '#999c9e',
-                    background: 'transparent'
-                },
-                active: {
-                    text: BLACK,
-                    background: 'transparent'
-                },
-                hover: {
-                    text: BLACK,
-                    background: 'transparent'
-                }
-            },
-            danger: createButtonPalette({
-                colorsToDarken: ['background'],
-                background: '#EC5969',
-                text: WHITE,
-            }),
-            primary: createButtonPalette({
-                colorsToDarken: ['background'],
-                background: '#2284C4',
-                text: WHITE,
-            }),
-            secondary: createButtonPalette({
-                colorsToDarken: ['background'],
-                background: '#23B294',
-                text: WHITE
-            }),
-        },
-        pane: {
-            basic: createPanePalette({
-                text: BLACK,
-                background: WHITE,
-                border: '#ddd'
-            }),
-            emphasized: createPanePalette({
-                text: BLACK,
-                background: '#f3f3f3',
-                border: '#ddd'
-            }),
-            info: createPanePalette({
-                text: '#0c5460',
-                background: '#d1ecf1',
-                border: '#bee5eb'
-            }),
-            negative: createPanePalette({
-                text: '#721c24',
-                background: '#f8d7da',
-                border: '#f5c6cb'
-            }),
-            positive: createPanePalette({
-                text: '#155724',
-                background: '#d4edda',
-                border: '#c3e6cb',
-            }),
-            warning: createPanePalette({
-                text: '#856404',
-                background: '#fff3cd',
-                border: '#ffeeba'
-            })
-        }
-    }
-};
-
-// Fix for styled-components with react-18.
-// Can be removed once this issue is resolved.
-// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/59765#issuecomment-1092938253
-const ThemeProviderFixed = styledComponents.ThemeProvider;
-const UiProvider = ({ children, theme: themeOverride }) => (React.createElement(ThemeProviderFixed, { theme: themeOverride || theme }, children));
-
-const noop$1 = () => { };
-const UiState = React.createContext({
-    isSideMenuOpen: false,
-    closeSideMenu: noop$1,
-    openSideMenu: noop$1,
-});
-const useUiStateContext = () => React.useContext(UiState);
-const UiStateProvider = ({ children }) => {
-    const [isSideMenuOpen, setIsSideMenuOpen] = React.useState(false);
-    const handleCloseSideMenu = React.useCallback(() => setIsSideMenuOpen(false), []);
-    const handleOpenSideMenu = React.useCallback(() => setIsSideMenuOpen(true), []);
-    return (React.createElement(UiState.Provider, { value: {
-            isSideMenuOpen,
-            closeSideMenu: handleCloseSideMenu,
-            openSideMenu: handleOpenSideMenu,
-        } }, children));
+const SlideInFromTop = (_a) => {
+    var { className, speed } = _a, rest = __rest(_a, ["className", "speed"]);
+    return (React.createElement("div", Object.assign({ className: clsx(classes$G.slideInFromTop, className), 
+        // @ts-ignore
+        style: speed ? { "--speed": speed } : undefined }, rest)));
 };
 
-const Wrapper$6 = styledComponents.styled.div `
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
-  color: ${props => props.theme.palette.common.black};
-  font-size: 14px;
-`;
-const UiWrapper = ({ theme, children }) => (React.createElement(UiProvider, { theme: theme },
-    React.createElement(UiStateProvider, null,
-        React.createElement(Wrapper$6, null, children))));
-
-function memoize(fn) {
-  var cache = Object.create(null);
-  return function (arg) {
-    if (cache[arg] === undefined) cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
-
-var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
-
-var isPropValid = /* #__PURE__ */memoize(function (prop) {
-  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
-  /* o */
-  && prop.charCodeAt(1) === 110
-  /* n */
-  && prop.charCodeAt(2) < 91;
-}
-/* Z+1 */
-);
-
-const slideInFromTop = styledComponents.keyframes `
-  0% {
-    opacity: 0;
-    transform: translateY(-5px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-const SlideInFromTop = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
-  animation: ${slideInFromTop} ${props => props.speed || '.3s'} ease-in 0s 1;
-`;
+var css_248z$F = ".Alert-module_wrapper__zP8eL{border-radius:4px}.Alert-module_variant-positive__Cqab0{background-color:var(--pane-positive-main-idle-background);border:1px solid var(--pane-positive-main-idle-border);color:var(--pane-positive-main-idle-text)}.Alert-module_variant-negative__mORCP{background-color:var(--pane-negative-main-idle-background);border:1px solid var(--pane-negative-main-idle-border);color:var(--pane-negative-main-idle-text)}.Alert-module_variant-info__b3OY9{background-color:var(--pane-info-main-idle-background);border:1px solid var(--pane-info-main-idle-border);color:var(--pane-info-main-idle-text)}.Alert-module_variant-warning__gBX5-{background-color:var(--pane-warning-main-idle-background);border:1px solid var(--pane-warning-main-idle-border);color:var(--pane-warning-main-idle-text)}.Alert-module_variant-basic__AQmn7{background-color:var(--pane-basic-main-idle-background);border:1px solid var(--pane-basic-main-idle-border);color:var(--pane-basic-main-idle-text)}.Alert-module_variant-emphasized__8GiYF{background-color:var(--pane-emphasized-main-idle-background);border:1px solid var(--pane-emphasized-main-idle-border);color:var(--pane-emphasized-main-idle-text)}";
+var classes$F = {"wrapper":"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"};
+styleInject(css_248z$F);
 
-var css_248z$r = ".Alert-module_wrapper__zP8eL{border-radius:4px}.Alert-module_variant-positive__Cqab0{background-color:var(--pane-positive-main-idle-background);border:1px solid var(--pane-positive-main-idle-border);color:var(--pane-positive-main-idle-text)}.Alert-module_variant-negative__mORCP{background-color:var(--pane-negative-main-idle-background);border:1px solid var(--pane-negative-main-idle-border);color:var(--pane-negative-main-idle-text)}.Alert-module_variant-info__b3OY9{background-color:var(--pane-info-main-idle-background);border:1px solid var(--pane-info-main-idle-border);color:var(--pane-info-main-idle-text)}.Alert-module_variant-warning__gBX5-{background-color:var(--pane-warning-main-idle-background);border:1px solid var(--pane-warning-main-idle-border);color:var(--pane-warning-main-idle-text)}.Alert-module_variant-basic__AQmn7{background-color:var(--pane-basic-main-idle-background);border:1px solid var(--pane-basic-main-idle-border);color:var(--pane-basic-main-idle-text)}.Alert-module_variant-emphasized__8GiYF{background-color:var(--pane-emphasized-main-idle-background);border:1px solid var(--pane-emphasized-main-idle-border);color:var(--pane-emphasized-main-idle-text)}";
-var classes$r = {"wrapper":"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"};
-styleInject(css_248z$r);
+var css_248z$E = ".Header-module_header__97lwI{font-weight:700;line-height:1.28571429em;margin:0;padding:0}h1.Header-module_header__97lwI{font-size:2rem;min-height:1rem}h2.Header-module_header__97lwI{font-size:1.71428571rem}h3.Header-module_header__97lwI{font-size:1.28571429rem}h4.Header-module_header__97lwI{font-size:1.07142857rem}h5.Header-module_header__97lwI{font-size:1rem}";
+var classes$E = {"header":"Header-module_header__97lwI"};
+styleInject(css_248z$E);
 
-const sharedStyles$1 = styledComponents.css `
-  margin: 0 0;  
-  padding: 0 0;
-  font-weight: 700;
-  line-height: 1.28571429em;    
-`;
-const H1 = styledComponents.styled.h1.withConfig({ shouldForwardProp: isPropValid }) `
-  font-size: 2rem;
-  min-height: 1rem;
-  ${sharedStyles$1}
-`;
-const H2 = styledComponents.styled.h2.withConfig({ shouldForwardProp: isPropValid }) `
-  font-size: 1.71428571rem;
-  ${sharedStyles$1}
-`;
-const H3 = styledComponents.styled.h3.withConfig({ shouldForwardProp: isPropValid }) `
-  font-size: 1.28571429rem;
-  ${sharedStyles$1}
-`;
-const H4 = styledComponents.styled.h4.withConfig({ shouldForwardProp: isPropValid }) `
-  font-size: 1.07142857rem;
-  ${sharedStyles$1}
-`;
-const H5 = styledComponents.styled.h5.withConfig({ shouldForwardProp: isPropValid }) `
-  font-size: 1rem;
-  ${sharedStyles$1}
-`;
 const mapping = {
-    1: H1,
-    2: H2,
-    3: H3,
-    4: H4,
-    5: H5,
+    1: "h1",
+    2: "h2",
+    3: "h3",
+    4: "h4",
+    5: "h5",
 };
 const Header = (_a) => {
-    var { level = 1 } = _a, restProps = __rest(_a, ["level"]);
+    var { level = 1, className } = _a, restProps = __rest(_a, ["level", "className"]);
     const Component = mapping[level];
+    return (
     // @ts-ignore
-    return React.createElement(Component, Object.assign({}, restProps));
+    React.createElement(Component, Object.assign({ className: clsx(className, classes$E.header) }, restProps)));
 };
 
-const Paragraph = styledComponents.styled.p `
-    font-size: 14px;
-    line-height: 20px;
-    // margin: 0 0 1em;
-    margin: 0;
-`;
+var css_248z$D = ".Paragraph-module_paragraph__-EZeT{font-size:14px;line-height:20px;margin:0}";
+var classes$D = {"paragraph":"Paragraph-module_paragraph__-EZeT"};
+styleInject(css_248z$D);
 
-const breakPoints = [
-    "mobile",
-    "tablet",
-    "laptop",
-    "desktop",
-];
-const BreakPointValues = {
-    mobile: 0,
-    tablet: 768,
-    laptop: 1024,
-    desktop: 1430,
-};
-/**
- * Wraps given cssRules in the corresponding media-query:
- */
-const mq = (bk, cssRules) => styledComponents.css `
-  @media screen and (min-width: ${BreakPointValues[bk]}px) {
-    ${cssRules}        
-  }        
-`;
-const isResponsiveObject = (obj) => {
-    if (typeof obj !== "object") {
-        return false;
-    }
-    const keys = Object.keys(obj);
-    for (const breakPoint of breakPoints) {
-        if (keys.includes(breakPoint)) {
-            return true;
-        }
-    }
-    return false;
-};
-/**
- * Wraps 'responsive-props' in media-queries if necessary.
- */
-const responsiveProps = (props, map) => {
-    const nonResponsiveRules = Object
-        .entries(map)
-        .filter(([key]) => props[key] !== undefined && !isResponsiveObject(props[key]))
-        .map(([key, fun]) => fun(props[key]));
-    const mediaQueries = breakPoints
-        .map(bp => {
-        // See if we can make css-rules for this breakpoint:
-        const responsiveCssRules = Object
-            .entries(map)
-            .filter(([key]) => { var _a; return ((_a = props === null || props === void 0 ? void 0 : props[key]) === null || _a === void 0 ? void 0 : _a[bp]) !== undefined; })
-            .map(([key, fun]) => fun(props[key][bp]));
-        return (responsiveCssRules.length > 0)
-            ? mq(bp, responsiveCssRules) // Wrap css-rules in a mediaQuery
-            : undefined; // Undefined -> filter out later
-    })
-        .filter(_ => _ !== undefined);
-    return [
-        mediaQueries, ...nonResponsiveRules
-    ];
+const Paragraph = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("p", Object.assign({ className: clsx(classes$D.paragraph, className) }, props)));
 };
 
 const responsiveClassnames = [
@@ -1310,6 +301,7 @@ const responsiveClassnames = [
     "justifyContent:center",
     "justifyContent:flex-start",
     "justifyContent:flex-end",
+    "columns:var",
     "tablet:p:var",
     "tablet:p:-1",
     "tablet:p:0",
@@ -1435,6 +427,7 @@ const responsiveClassnames = [
     "tablet:justifyContent:center",
     "tablet:justifyContent:flex-start",
     "tablet:justifyContent:flex-end",
+    "tablet:columns:var",
     "laptop:p:var",
     "laptop:p:-1",
     "laptop:p:0",
@@ -1560,6 +553,7 @@ const responsiveClassnames = [
     "laptop:justifyContent:center",
     "laptop:justifyContent:flex-start",
     "laptop:justifyContent:flex-end",
+    "laptop:columns:var",
     "desktop:p:var",
     "desktop:p:-1",
     "desktop:p:0",
@@ -1685,9 +679,22 @@ const responsiveClassnames = [
     "desktop:justifyContent:center",
     "desktop:justifyContent:flex-start",
     "desktop:justifyContent:flex-end",
+    "desktop:columns:var",
 ];
 
 const isKnownClassName = (className) => responsiveClassnames.includes(className);
+const breakPoints = [
+    "mobile",
+    "tablet",
+    "laptop",
+    "desktop",
+];
+const BreakPointValues = {
+    mobile: 0,
+    tablet: 768,
+    laptop: 1024,
+    desktop: 1430,
+};
 const getResponsiveProps = (props) => {
     const entries = Object.entries(props).filter(([, value]) => value !== null && value !== undefined);
     const variables = entries
@@ -1729,7 +736,7 @@ const responsivePropToCssVariable = (name, prop) => {
         const variableName = [stripMobile(breakpoint), name]
             .filter(Boolean)
             .join("_");
-        const variableValue = typeof value === "number" ? `calc(var(--spacing) * ${value})` : value;
+        const variableValue = typeof value !== "number" ? value : `calc(var(--spacing) * ${value})`;
         return [`--${variableName}`, variableValue];
     })
         .filter(Boolean);
@@ -1738,51 +745,22 @@ const stripMobile = (breakpoint) => breakpoint === "mobile" ? undefined : breakp
 const buildClassName = (breakpoint, name, value) => [stripMobile(breakpoint), name, value]
     .filter((val) => val !== undefined && val !== null)
     .join(":");
+const isResponsiveObject = (obj) => {
+    if (typeof obj !== "object") {
+        return false;
+    }
+    const keys = Object.keys(obj);
+    for (const breakPoint of breakPoints) {
+        if (keys.includes(breakPoint)) {
+            return true;
+        }
+    }
+    return false;
+};
 
-var css_248z$q = ".Box-module_box__Wgbf3{box-sizing:border-box}";
-var classes$q = {"box":"Box-module_box__Wgbf3"};
-styleInject(css_248z$q);
-
-function toVal(mix) {
-	var k, y, str='';
-
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
+var css_248z$C = ".Box-module_box__Wgbf3{box-sizing:border-box}";
+var classes$C = {"box":"Box-module_box__Wgbf3"};
+styleInject(css_248z$C);
 
 const Box = (_a) => {
     var { 
@@ -1812,61 +790,53 @@ const Box = (_a) => {
         textAlign,
         justifyContent,
     });
-    return (React.createElement("div", Object.assign({ className: clsx(classes$q.box, className, classNames), style: variables }, rest), children));
+    return (React.createElement("div", Object.assign({ className: clsx(classes$C.box, className, classNames), style: variables }, rest), children));
 };
 
-const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$r.wrapper, classes$r[`variant-${variant}`]) },
+const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$F.wrapper, classes$F[`variant-${variant}`]) },
     React.createElement(Box, { p: 3 },
         title && (React.createElement(Box, { pb: children ? 1 : 0 },
             React.createElement(Header, { level: 4 }, title))),
         children && React.createElement(Paragraph, null, children))));
 
-var css_248z$p = ".AnimatedCheckmark-module_svg__VAFDr{--green:#20c997}.AnimatedCheckmark-module_mask__mH-yZ{fill:none;stroke:var(--green);stroke-width:10}.AnimatedCheckmark-module_polyline__SJRcW{stroke-dasharray:100px,100px;stroke-dashoffset:200px;animation:AnimatedCheckmark-module_polyLineAnimation__qwADN .42s ease-in-out .8s backwards;stroke:var(--green);stroke-width:10}@keyframes AnimatedCheckmark-module_polyLineAnimation__qwADN{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.AnimatedCheckmark-module_circle__1BrC5{stroke-dasharray:480px,480px;stroke-dashoffset:960px;animation:AnimatedCheckmark-module_circleAnimation__yaTjr .6s ease-in-out backwards;stroke:var(--green);stroke-width:10}@keyframes AnimatedCheckmark-module_circleAnimation__yaTjr{0%{stroke-dashoffset:480px}to{stroke-dashoffset:960px}}.AnimatedCheckmark-module_circleColored__es08R{stroke-dasharray:480px,480px;stroke-dashoffset:960px;animation:AnimatedCheckmark-module_circleColoredAnimation__AZ-hR 1.2s ease-in-out 1.4s backwards;fill:#effaf8}@keyframes AnimatedCheckmark-module_circleColoredAnimation__AZ-hR{0%{opacity:0}to{opacity:1}}";
-var classes$p = {"svg":"AnimatedCheckmark-module_svg__VAFDr","mask":"AnimatedCheckmark-module_mask__mH-yZ","polyline":"AnimatedCheckmark-module_polyline__SJRcW","polyLineAnimation":"AnimatedCheckmark-module_polyLineAnimation__qwADN","circle":"AnimatedCheckmark-module_circle__1BrC5","circleAnimation":"AnimatedCheckmark-module_circleAnimation__yaTjr","circleColored":"AnimatedCheckmark-module_circleColored__es08R","circleColoredAnimation":"AnimatedCheckmark-module_circleColoredAnimation__AZ-hR"};
-styleInject(css_248z$p);
+var css_248z$B = ".AnimatedCheckmark-module_svg__VAFDr{--green:#20c997}.AnimatedCheckmark-module_mask__mH-yZ{fill:none;stroke:var(--green);stroke-width:10}.AnimatedCheckmark-module_polyline__SJRcW{stroke-dasharray:100px,100px;stroke-dashoffset:200px;animation:AnimatedCheckmark-module_polyLineAnimation__qwADN .42s ease-in-out .8s backwards;stroke:var(--green);stroke-width:10}@keyframes AnimatedCheckmark-module_polyLineAnimation__qwADN{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.AnimatedCheckmark-module_circle__1BrC5{stroke-dasharray:480px,480px;stroke-dashoffset:960px;animation:AnimatedCheckmark-module_circleAnimation__yaTjr .6s ease-in-out backwards;stroke:var(--green);stroke-width:10}@keyframes AnimatedCheckmark-module_circleAnimation__yaTjr{0%{stroke-dashoffset:480px}to{stroke-dashoffset:960px}}.AnimatedCheckmark-module_circleColored__es08R{stroke-dasharray:480px,480px;stroke-dashoffset:960px;animation:AnimatedCheckmark-module_circleColoredAnimation__AZ-hR 1.2s ease-in-out 1.4s backwards;fill:#effaf8}@keyframes AnimatedCheckmark-module_circleColoredAnimation__AZ-hR{0%{opacity:0}to{opacity:1}}";
+var classes$B = {"svg":"AnimatedCheckmark-module_svg__VAFDr","mask":"AnimatedCheckmark-module_mask__mH-yZ","polyline":"AnimatedCheckmark-module_polyline__SJRcW","polyLineAnimation":"AnimatedCheckmark-module_polyLineAnimation__qwADN","circle":"AnimatedCheckmark-module_circle__1BrC5","circleAnimation":"AnimatedCheckmark-module_circleAnimation__yaTjr","circleColored":"AnimatedCheckmark-module_circleColored__es08R","circleColoredAnimation":"AnimatedCheckmark-module_circleColoredAnimation__AZ-hR"};
+styleInject(css_248z$B);
 
-const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$p.svg, viewBox: "0 0 154 154" },
-    React.createElement("g", { className: classes$p.mask },
-        React.createElement("circle", { className: classes$p.circle, cx: "77", cy: "77", r: "72" }),
-        React.createElement("circle", { className: classes$p.circleColored, cx: "77", cy: "77", r: "72" }),
-        React.createElement("polyline", { className: classes$p.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
+const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$B.svg, viewBox: "0 0 154 154" },
+    React.createElement("g", { className: classes$B.mask },
+        React.createElement("circle", { className: classes$B.circle, cx: "77", cy: "77", r: "72" }),
+        React.createElement("circle", { className: classes$B.circleColored, cx: "77", cy: "77", r: "72" }),
+        React.createElement("polyline", { className: classes$B.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
 
-var css_248z$o = ".BreadCrumbs-module_breadcrumbs__-UMJj{display:flex;list-style:none;margin:0;padding:0}.BreadCrumbs-module_crumb__SSW-t{display:flex}.BreadCrumbs-module_crumb__SSW-t:not(:last-of-type):after{color:var(--colors-gray);content:\"/\";line-height:1em;margin:auto;padding:0 var(--spacing-2) 0 0}";
-var classes$o = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
-styleInject(css_248z$o);
+var css_248z$A = ".BreadCrumbs-module_breadcrumbs__-UMJj{display:flex;list-style:none;margin:0;padding:0}.BreadCrumbs-module_crumb__SSW-t{display:flex}.BreadCrumbs-module_crumb__SSW-t:not(:last-of-type):after{color:var(--colors-gray);content:\"/\";line-height:1em;margin:auto;padding:0 var(--spacing-2) 0 0}";
+var classes$A = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
+styleInject(css_248z$A);
 
-const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$o.breadcrumbs, props.className) }, props));
-const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$o.crumb, props.className) }, props));
+const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$A.breadcrumbs, props.className) }, props));
+const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$A.crumb, props.className) }, props));
 
-var css_248z$n = ".CollapsiblePanel-module_panel__DrLNG.CollapsiblePanel-module_isClosed__2qVew{border-bottom:0}.CollapsiblePanel-module_titleActionWrapper__SBw5b{transform:scaleY(-1)}.CollapsiblePanel-module_titleActionWrapper__SBw5b.CollapsiblePanel-module_isClosed__2qVew{transform:scaleY(1)}";
-var classes$n = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
-styleInject(css_248z$n);
+var css_248z$z = ".CollapsiblePanel-module_panel__DrLNG.CollapsiblePanel-module_isClosed__2qVew{border-bottom:0}.CollapsiblePanel-module_titleActionWrapper__SBw5b{transform:scaleY(-1)}.CollapsiblePanel-module_titleActionWrapper__SBw5b.CollapsiblePanel-module_isClosed__2qVew{transform:scaleY(1)}";
+var classes$z = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
+styleInject(css_248z$z);
 
-var css_248z$m = ".Panel-module_wrapper__vFRhJ{background-color:var(--common-white);border:1px solid #dededf;border-radius:4px;box-shadow:0 2px 3px #0000000f}.Panel-module_meta__Gj-8n{font-size:12px;font-style:italic}.Panel-module_title__181OP.Panel-module_hasChildren__UZijE{border-bottom:1px solid #22242626;border-radius:4px}.Panel-module_title__181OP.Panel-module_hasOnClick__X5WSh{cursor:pointer;user-select:none}.Panel-module_footer__t6-hz{background-color:#fff;border-radius:4px;border-top:1px solid #22242626}";
-var classes$m = {"wrapper":"Panel-module_wrapper__vFRhJ","meta":"Panel-module_meta__Gj-8n","title":"Panel-module_title__181OP","hasChildren":"Panel-module_hasChildren__UZijE","hasOnClick":"Panel-module_hasOnClick__X5WSh","footer":"Panel-module_footer__t6-hz"};
-styleInject(css_248z$m);
+var css_248z$y = ".Panel-module_wrapper__vFRhJ{background-color:var(--common-white);border:1px solid #dededf;border-radius:4px;box-shadow:0 2px 3px #0000000f}.Panel-module_meta__Gj-8n{font-size:12px;font-style:italic}.Panel-module_title__181OP.Panel-module_hasChildren__UZijE{border-bottom:1px solid #22242626;border-radius:4px}.Panel-module_title__181OP.Panel-module_hasOnClick__X5WSh{cursor:pointer;user-select:none}.Panel-module_footer__t6-hz{background-color:#fff;border-radius:4px;border-top:1px solid #22242626}";
+var classes$y = {"wrapper":"Panel-module_wrapper__vFRhJ","meta":"Panel-module_meta__Gj-8n","title":"Panel-module_title__181OP","hasChildren":"Panel-module_hasChildren__UZijE","hasOnClick":"Panel-module_hasOnClick__X5WSh","footer":"Panel-module_footer__t6-hz"};
+styleInject(css_248z$y);
 
-const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, }) => (React.createElement("div", { className: clsx(className, classes$m.wrapper) },
-    title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$m.title, !!children && classes$m.hasChildren, !!onClickTitle && classes$m.hasOnClick) },
+const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, }) => (React.createElement("div", { className: clsx(className, classes$y.wrapper) },
+    title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$y.title, !!children && classes$y.hasChildren, !!onClickTitle && classes$y.hasOnClick) },
         React.createElement(Box, { flexGrow: 1 },
             React.createElement(Header, { level: titleLevel }, title)),
-        titleMeta && React.createElement(Box, { className: classes$m.meta }, titleMeta),
+        titleMeta && React.createElement(Box, { className: classes$y.meta }, titleMeta),
         titleAction && React.createElement(Box, { pl: 5 }, titleAction))),
     children && React.createElement(Box, { p: p }, children),
-    footer && (React.createElement(Box, { p: 3, className: classes$m.footer }, footer))));
+    footer && (React.createElement(Box, { p: 3, className: classes$y.footer }, footer))));
+
+var css_248z$x = ".SlideOpen-module_wrapper__ur3Rv{overflow:hidden}.SlideOpen-module_hidden__iibf8{display:none}.SlideOpen-module_shown__nGWNX{display:block}.SlideOpen-module_animation__YSEpu{transform:translateY(-101%);transition-duration:var(--duration,.25s);transition-property:transform}.SlideOpen-module_animation__YSEpu.SlideOpen-module_isOpen__O67Yi{transform:translate(0)}";
+var classes$x = {"wrapper":"SlideOpen-module_wrapper__ur3Rv","hidden":"SlideOpen-module_hidden__iibf8","shown":"SlideOpen-module_shown__nGWNX","animation":"SlideOpen-module_animation__YSEpu","isOpen":"SlideOpen-module_isOpen__O67Yi"};
+styleInject(css_248z$x);
 
-const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `                
-  transform: ${props => props.isOpen ? `translate(0)` : `translateY(-101%)`};  
-  transition-duration: ${props => props.duration || 0.25}s;  
-  transition-property: transform;     
-}
-`;
-const Wrapper$5 = styledComponents.styled.div `
-  overflow: hidden;
-`;
-const Hider = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
-   display: ${props => props.isHidden ? 'none' : 'block'};
-`;
 // Returns the boolean value in the next tick.
 // Allows for transition to start when DOM is updated, it prevents a flickers.
 const useOnNextTick = (val) => {
@@ -1877,7 +847,7 @@ const useOnNextTick = (val) => {
     }, [val, setDelayedVal]);
     return delayedVal;
 };
-const SlideOpen = ({ isOpen, children, duration, onChange }) => {
+const SlideOpen = ({ isOpen, children, duration, onChange, }) => {
     const isDelayedOpen = useOnNextTick(isOpen);
     const [isHidden, setIsHidden] = React.useState(!isOpen);
     const handleTransitionEnd = React.useCallback(() => {
@@ -1892,16 +862,18 @@ const SlideOpen = ({ isOpen, children, duration, onChange }) => {
             onChange === null || onChange === void 0 ? void 0 : onChange(true);
         }
     }, [isOpen, onChange]);
-    return (React.createElement(Wrapper$5, null,
-        React.createElement(Animation, { isOpen: isDelayedOpen, onTransitionEndCapture: handleTransitionEnd, duration: duration },
-            React.createElement(Hider, { isHidden: isHidden }, children))));
+    return (React.createElement("div", { className: classes$x.wrapper },
+        React.createElement("div", { className: clsx(classes$x.animation, isDelayedOpen && classes$x.isOpen), 
+            // @ts-ignore
+            style: duration ? { "--duration": `${duration}s` } : undefined, onTransitionEndCapture: handleTransitionEnd },
+            React.createElement("div", { className: isHidden ? classes$x.hidden : classes$x.shown }, children))));
 };
 
 const CollapsiblePanel = (_a) => {
     var { isInitiallyOpen, children, titleAction } = _a, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
     const [isOpen, setIsOpen] = React.useState(isInitiallyOpen);
     const toggleOpen = React.useCallback(() => setIsOpen(!isOpen), [setIsOpen, isOpen]);
-    return (React.createElement(Panel, Object.assign({ className: clsx(classes$n.panel, !isOpen && classes$n.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$n.titleActionWrapper, !isOpen && classes$n.isClosed) }, titleAction) }),
+    return (React.createElement(Panel, Object.assign({ className: clsx(classes$z.panel, !isOpen && classes$z.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$z.titleActionWrapper, !isOpen && classes$z.isClosed) }, titleAction) }),
         React.createElement(SlideOpen, { isOpen: isOpen },
             React.createElement(Box, { p: 3 }, children))));
 };
@@ -1924,138 +896,37 @@ const useConfirmModal = ({ onConfirm }) => {
     ];
 };
 
-var css_248z$l = ".Overlay-module_overlay__EkbfA{animation:Overlay-module_delay__za2Du .2s forwards;background-color:#0009;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:10}@keyframes Overlay-module_delay__za2Du{0%{opacity:0}to{opacity:1}}";
-var classes$l = {"overlay":"Overlay-module_overlay__EkbfA","delay":"Overlay-module_delay__za2Du"};
-styleInject(css_248z$l);
+var css_248z$w = ".Overlay-module_overlay__EkbfA{animation:Overlay-module_delay__za2Du .2s forwards;background-color:#0009;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:10}@keyframes Overlay-module_delay__za2Du{0%{opacity:0}to{opacity:1}}";
+var classes$w = {"overlay":"Overlay-module_overlay__EkbfA","delay":"Overlay-module_delay__za2Du"};
+styleInject(css_248z$w);
 
 const Overlay = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ className: clsx(className, classes$l.overlay) }, rest)));
+    return (React.createElement("div", Object.assign({ className: clsx(className, classes$w.overlay) }, rest)));
 };
 
-var css_248z$k = ".Modal-module_wrapper__34Hds{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.Modal-module_content__dWO-B{font-size:15px;line-height:calc(var(--spacing)*6)}.Modal-module_panel__lp9I7{box-shadow:0 8px 8px 0 #22242626}";
-var classes$k = {"wrapper":"Modal-module_wrapper__34Hds","content":"Modal-module_content__dWO-B","panel":"Modal-module_panel__lp9I7"};
-styleInject(css_248z$k);
+var css_248z$v = ".Modal-module_wrapper__34Hds{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.Modal-module_content__dWO-B{font-size:15px;line-height:calc(var(--spacing)*6)}.Modal-module_panel__lp9I7{box-shadow:0 8px 8px 0 #22242626}";
+var classes$v = {"wrapper":"Modal-module_wrapper__34Hds","content":"Modal-module_content__dWO-B","panel":"Modal-module_panel__lp9I7"};
+styleInject(css_248z$v);
 
 const Modal = (_a) => {
     var { children, handleClickOverlay, buttons } = _a, panelProps = __rest(_a, ["children", "handleClickOverlay", "buttons"]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Overlay, { onClick: handleClickOverlay }),
-        React.createElement("div", { className: classes$k.wrapper },
+        React.createElement("div", { className: classes$v.wrapper },
             React.createElement(SlideInFromTop, null,
-                React.createElement(Panel, Object.assign({ className: classes$k.panel, footer: buttons ? (React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && React.createElement("div", { className: classes$k.content }, children))))));
+                React.createElement(Panel, Object.assign({ className: classes$v.panel, footer: buttons ? (React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && React.createElement("div", { className: classes$v.content }, children))))));
 };
 
-const Wrapper$4 = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
-  ${props => props.stretch && `width: 100%;`}
-  ${props => props.actionButton || props.stretch
-    ? styledComponents.css `margin: 0;`
-    : styledComponents.css `margin: ${props => props.theme.spacing(0, 2, 0, 0)};`}      
-`;
-const StyledButton$1 = styledComponents.styled.button.withConfig({ shouldForwardProp: isPropValid }) `
-  font-size: 14px;
-  font-weight: bold;
-  letter-spacing: 1px;    
-  line-height: 1em;  
-  outline: 0;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  text-decoration: none;
-  font-family: "Open Sans", Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;   
-  transition: background-color .1s ease, color .1s ease;      
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  user-select: none;
-  min-height: ${props => props.inline ? 'auto' : '38px'};   
-  
-  ${props => props.stretch && styledComponents.css `
-      width: 100%;
-      display: block;
-  `}
-  
-  ${props => props.actionButton && styledComponents.css `
-      width: 100%;      
-      ${mq('laptop', `width: auto`)}
-  `}
-  
-   
-  ${props => props.variant !== 'text'
-    ? !props.icon
-        ? styledComponents.css `padding: ${props.theme.spacing(3, 5)}; min-width: ${props => props.theme.spacing(10)};`
-        : props.hasChildren && styledComponents.css `position: relative; padding: ${props.theme.spacing(3, 5, 3, 13)};`
-    : styledComponents.css `font-weight: 700; padding: 0;`} 
-    
-  &:disabled {
-    opacity: .5;
-    cursor: default;
-  }  
-                   
-  &:focus {
-    background-blend-mode: darken;
-  }        
-  
-  ${(props) => {
-    if (props.variant === "basic") {
-        return `
-        border: 1px solid rgba(34,36,38,.15);
-      `;
-    }
-}}
-          
-  ${(props) => {
-    var _a;
-    const { idle, hover, active } = theme.palette.button[(_a = props.variant) !== null && _a !== void 0 ? _a : 'default'];
-    return `
-        color: ${idle.text};
-        background-color: ${idle.background};        
-        
-        &:not(:disabled) {
-          &:hover, &:focus {
-            color: ${hover.text};
-            background-color: ${hover.background};        
-          }        
-  
-          &:active {
-            color: ${active.text};
-            background-color: ${active.background};        
-          } 
-        }
-                      
-    `;
-}}        
-`;
-const IconWrapper = styledComponents.styled.span.withConfig({ shouldForwardProp: isPropValid }) `
-  ${props => props.variant !== "text" && styledComponents.css `
-     min-width: ${props.theme.spacing(10)};
-  `}
- 
-  ${props => props.variant === "text"
-    ? props.hasChildren && styledComponents.css `
-      padding-right: ${props.theme.spacing(2)};
-    `
-    : props.hasChildren && styledComponents.css `
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: ${props => props.theme.spacing(10)};
-      height: 100%;
-      background-color: rgba(0,0,0,.05);
-      
-      & > svg {
-        transform: translate(-50%, -50%);
-        position: absolute;
-        top: 50%;
-        left: 50%;
-      }
-  `}          
-`;
+var css_248z$u = ".Button-module_wrapper__nbaE8{margin:0 var(--spacing-2) 0 0}.Button-module_wrapper__nbaE8.Button-module_stretch__JWfY7{margin:0;width:100%}.Button-module_wrapper__nbaE8.Button-module_actionButton__S1gAt{margin:0}.Button-module_button__PNye2{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;font-family:Open Sans,Lato,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1em;min-height:38px;outline:0;text-decoration:none;transition:background-color .1s ease,color .1s ease;user-select:none}.Button-module_button__PNye2.Button-module_inline__AMjqw{min-height:auto}.Button-module_button__PNye2.Button-module_stretch__JWfY7{display:block;width:100%}.Button-module_button__PNye2.Button-module_actionButton__S1gAt{width:100%}@media(min-width:1024px){.Button-module_button__PNye2.Button-module_actionButton__S1gAt{width:auto}}.Button-module_button__PNye2:disabled{cursor:default;opacity:.5}.Button-module_button__PNye2:focus{background-blend-mode:darken}.Button-module_button__PNye2.Button-module_variant-basic__lKAIX{border:1px solid #22242626}.Button-module_button__PNye2.Button-module_variant-text__Nc1vT{font-weight:700;padding:0}.Button-module_button__PNye2:not(.Button-module_variant-text__Nc1vT):not(.Button-module_icon__OlcRJ){min-width:calc(var(--spacing)*10);padding:var(--spacing-3) var(--spacing-5)}.Button-module_button__PNye2:not(.Button-module_variant-text__Nc1vT).Button-module_icon__OlcRJ.Button-module_hasChildren__rEq-P{padding:var(--spacing-3) var(--spacing-5) var(--spacing-3) calc(var(--spacing)*13);position:relative}.Button-module_button__PNye2.Button-module_variant-default__Sr0CI{background-color:var(--button-default-idle-background);color:var(--button-default-idle-text)}.Button-module_button__PNye2.Button-module_variant-default__Sr0CI:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-default__Sr0CI:not(:disabled):hover{background-color:var(--button-default-hover-background);color:var(--button-default-hover-text)}.Button-module_button__PNye2.Button-module_variant-default__Sr0CI:not(:disabled):active{background-color:var(--button-default-active-background);color:var(--button-default-active-text)}.Button-module_button__PNye2.Button-module_variant-primary__RNJDU{background-color:var(--button-primary-idle-background);color:var(--button-primary-idle-text)}.Button-module_button__PNye2.Button-module_variant-primary__RNJDU:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-primary__RNJDU:not(:disabled):hover{background-color:var(--button-primary-hover-background);color:var(--button-primary-hover-text)}.Button-module_button__PNye2.Button-module_variant-primary__RNJDU:not(:disabled):active{background-color:var(--button-primary-active-background);color:var(--button-primary-active-text)}.Button-module_button__PNye2.Button-module_variant-secondary__TnXFg{background-color:var(--button-secondary-idle-background);color:var(--button-secondary-idle-text)}.Button-module_button__PNye2.Button-module_variant-secondary__TnXFg:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-secondary__TnXFg:not(:disabled):hover{background-color:var(--button-secondary-hover-background);color:var(--button-secondary-hover-text)}.Button-module_button__PNye2.Button-module_variant-secondary__TnXFg:not(:disabled):active{background-color:var(--button-secondary-active-background);color:var(--button-secondary-active-text)}.Button-module_button__PNye2.Button-module_variant-danger__PZS1I{background-color:var(--button-danger-idle-background);color:var(--button-danger-idle-text)}.Button-module_button__PNye2.Button-module_variant-danger__PZS1I:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-danger__PZS1I:not(:disabled):hover{background-color:var(--button-danger-hover-background);color:var(--button-danger-hover-text)}.Button-module_button__PNye2.Button-module_variant-danger__PZS1I:not(:disabled):active{background-color:var(--button-danger-active-background);color:var(--button-danger-active-text)}.Button-module_button__PNye2.Button-module_variant-basic__lKAIX{background-color:var(--button-basic-idle-background);color:var(--button-basic-idle-text)}.Button-module_button__PNye2.Button-module_variant-basic__lKAIX:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-basic__lKAIX:not(:disabled):hover{background-color:var(--button-basic-hover-background);color:var(--button-basic-hover-text)}.Button-module_button__PNye2.Button-module_variant-basic__lKAIX:not(:disabled):active{background-color:var(--button-basic-active-background);color:var(--button-basic-active-text)}.Button-module_button__PNye2.Button-module_variant-text__Nc1vT{background-color:var(--button-text-idle-background);color:var(--button-text-idle-text)}.Button-module_button__PNye2.Button-module_variant-text__Nc1vT:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-text__Nc1vT:not(:disabled):hover{background-color:var(--button-text-hover-background);color:var(--button-text-hover-text)}.Button-module_button__PNye2.Button-module_variant-text__Nc1vT:not(:disabled):active{background-color:var(--button-text-active-background);color:var(--button-text-active-text)}.Button-module_iconWrapper__YwLLt:not(.Button-module_variant-text__Nc1vT){min-width:calc(var(--spacing)*10)}.Button-module_iconWrapper__YwLLt:not(.Button-module_variant-text__Nc1vT).Button-module_hasChildren__rEq-P{background-color:#0000000d;height:100%;left:0;position:absolute;top:0;width:calc(var(--spacing)*10)}.Button-module_iconWrapper__YwLLt:not(.Button-module_variant-text__Nc1vT).Button-module_hasChildren__rEq-P>svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Button-module_iconWrapper__YwLLt.Button-module_variant-text__Nc1vT.Button-module_hasChildren__rEq-P{padding-right:var(--spacing-2)}";
+var classes$u = {"wrapper":"Button-module_wrapper__nbaE8","stretch":"Button-module_stretch__JWfY7","actionButton":"Button-module_actionButton__S1gAt","button":"Button-module_button__PNye2","inline":"Button-module_inline__AMjqw","variant-basic":"Button-module_variant-basic__lKAIX","variant-text":"Button-module_variant-text__Nc1vT","icon":"Button-module_icon__OlcRJ","hasChildren":"Button-module_hasChildren__rEq-P","variant-default":"Button-module_variant-default__Sr0CI","variant-primary":"Button-module_variant-primary__RNJDU","variant-secondary":"Button-module_variant-secondary__TnXFg","variant-danger":"Button-module_variant-danger__PZS1I","iconWrapper":"Button-module_iconWrapper__YwLLt"};
+styleInject(css_248z$u);
+
 const Button = React.forwardRef((_a, ref) => {
-    var { children, icon, stretch } = _a, props = __rest(_a, ["children", "icon", "stretch"]);
-    return (React.createElement(Wrapper$4, { actionButton: props.actionButton, stretch: stretch },
-        React.createElement(StyledButton$1, Object.assign({ ref: ref, icon: icon, hasChildren: !!children, stretch: stretch }, props),
-            icon && (React.createElement(IconWrapper, { variant: props.variant, hasChildren: !!children }, icon)),
+    var { children, icon, variant = "default", actionButton, stretch, inline, className } = _a, props = __rest(_a, ["children", "icon", "variant", "actionButton", "stretch", "inline", "className"]);
+    return (React.createElement("div", { className: clsx(classes$u.wrapper, actionButton && classes$u.actionButton, stretch && classes$u.stretch) },
+        React.createElement("button", Object.assign({ className: clsx(classes$u.button, classes$u[`variant-${variant}`], !!children && classes$u.hasChildren, icon && classes$u.icon, actionButton && classes$u.actionButton, stretch && classes$u.stretch, inline && classes$u.inline, className), ref: ref }, props),
+            icon && (React.createElement("span", { className: clsx(classes$u.iconWrapper, classes$u[`variant-${variant}`], !!children && classes$u.hasChildren) }, icon)),
             children)));
 });
 
@@ -2077,57 +948,57 @@ const ConfirmButton = (_a) => {
         React.createElement(ConfirmModal, Object.assign({ title: "Are you sure?" }, modalProps, modalHandlerProps)));
 };
 
-var css_248z$j = ".Table-module_table__Dkosn{border-collapse:initial;border-radius:4px;border-spacing:0;width:100%;--border:1px solid #2224261a}.Table-module_tr__7UG8J>td{transition:background-color .1s ease,color .1s ease}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-main-idle-background);color:var(--pane-positive-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-alternate-idle-background);color:var(--pane-positive-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-main-hover-background);color:var(--pane-positive-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-alternate-hover-background);color:var(--pane-positive-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-main-idle-background);color:var(--pane-negative-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-alternate-idle-background);color:var(--pane-negative-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-main-hover-background);color:var(--pane-negative-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-alternate-hover-background);color:var(--pane-negative-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-main-idle-background);color:var(--pane-info-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-alternate-idle-background);color:var(--pane-info-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-main-hover-background);color:var(--pane-info-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-alternate-hover-background);color:var(--pane-info-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-main-idle-background);color:var(--pane-warning-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-alternate-idle-background);color:var(--pane-warning-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-main-hover-background);color:var(--pane-warning-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-alternate-hover-background);color:var(--pane-warning-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-main-idle-background);color:var(--pane-basic-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-alternate-idle-background);color:var(--pane-basic-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-main-hover-background);color:var(--pane-basic-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-alternate-hover-background);color:var(--pane-basic-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-main-idle-background);color:var(--pane-emphasized-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-alternate-idle-background);color:var(--pane-emphasized-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-main-hover-background);color:var(--pane-emphasized-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-alternate-hover-background);color:var(--pane-emphasized-alternate-hover-text)}.Table-module_td__jv9tA{border-right:var(--border);border-top:var(--border);padding:var(--spacing-2) var(--spacing-3)}.Table-module_td__jv9tA:last-of-type{border-right:0}.Table-module_td__jv9tA .Table-module_width__bS4aU{width:var(--width)}.Table-module_th__PNuEx{border-right:var(--border);font-weight:700;padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:background-color .1s ease,color .1s ease}.Table-module_th__PNuEx:last-of-type{border-right:0}.Table-module_th__PNuEx.Table-module_width__bS4aU{width:var(--width)}.Table-module_th__PNuEx.Table-module_sortable__W4c6P{cursor:pointer;user-select:none}.Table-module_th__PNuEx.Table-module_sortable__W4c6P:hover{background-color:var(--pane-basic-main-hover-background)}.Table-module_th__PNuEx.Table-module_asc__-caTr,.Table-module_th__PNuEx.Table-module_desc__jQI8s{position:relative}.Table-module_th__PNuEx.Table-module_asc__-caTr:after,.Table-module_th__PNuEx.Table-module_desc__jQI8s:after{border:5px solid #0000;content:\" \";height:0;position:absolute;right:15px;top:50%;width:0}.Table-module_th__PNuEx.Table-module_asc__-caTr:after{border-top-color:#000;transform:translateY(-25%)}.Table-module_th__PNuEx.Table-module_desc__jQI8s:after{border-bottom-color:#000;transform:translateY(-75%)}";
-var classes$j = {"table":"Table-module_table__Dkosn","tr":"Table-module_tr__7UG8J","variant-positive":"Table-module_variant-positive__71gFV","disableHover":"Table-module_disableHover__vv-sQ","variant-negative":"Table-module_variant-negative__dtSY7","variant-info":"Table-module_variant-info__oxZNe","variant-warning":"Table-module_variant-warning__buDZq","variant-basic":"Table-module_variant-basic__QksCj","variant-emphasized":"Table-module_variant-emphasized__K1CXV","td":"Table-module_td__jv9tA","width":"Table-module_width__bS4aU","th":"Table-module_th__PNuEx","sortable":"Table-module_sortable__W4c6P","asc":"Table-module_asc__-caTr","desc":"Table-module_desc__jQI8s"};
-styleInject(css_248z$j);
+var css_248z$t = ".Table-module_table__Dkosn{border-collapse:initial;border-radius:4px;border-spacing:0;width:100%;--border:1px solid #2224261a}.Table-module_tr__7UG8J>td{transition:background-color .1s ease,color .1s ease}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-main-idle-background);color:var(--pane-positive-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-alternate-idle-background);color:var(--pane-positive-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-main-hover-background);color:var(--pane-positive-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-alternate-hover-background);color:var(--pane-positive-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-main-idle-background);color:var(--pane-negative-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-alternate-idle-background);color:var(--pane-negative-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-main-hover-background);color:var(--pane-negative-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-alternate-hover-background);color:var(--pane-negative-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-main-idle-background);color:var(--pane-info-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-alternate-idle-background);color:var(--pane-info-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-main-hover-background);color:var(--pane-info-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-alternate-hover-background);color:var(--pane-info-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-main-idle-background);color:var(--pane-warning-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-alternate-idle-background);color:var(--pane-warning-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-main-hover-background);color:var(--pane-warning-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-alternate-hover-background);color:var(--pane-warning-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-main-idle-background);color:var(--pane-basic-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-alternate-idle-background);color:var(--pane-basic-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-main-hover-background);color:var(--pane-basic-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-alternate-hover-background);color:var(--pane-basic-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-main-idle-background);color:var(--pane-emphasized-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-alternate-idle-background);color:var(--pane-emphasized-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-main-hover-background);color:var(--pane-emphasized-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-alternate-hover-background);color:var(--pane-emphasized-alternate-hover-text)}.Table-module_td__jv9tA{border-right:var(--border);border-top:var(--border);padding:var(--spacing-2) var(--spacing-3)}.Table-module_td__jv9tA:last-of-type{border-right:0}.Table-module_td__jv9tA .Table-module_width__bS4aU{width:var(--width)}.Table-module_th__PNuEx{border-right:var(--border);font-weight:700;padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:background-color .1s ease,color .1s ease}.Table-module_th__PNuEx:last-of-type{border-right:0}.Table-module_th__PNuEx.Table-module_width__bS4aU{width:var(--width)}.Table-module_th__PNuEx.Table-module_sortable__W4c6P{cursor:pointer;user-select:none}.Table-module_th__PNuEx.Table-module_sortable__W4c6P:hover{background-color:var(--pane-basic-main-hover-background)}.Table-module_th__PNuEx.Table-module_asc__-caTr,.Table-module_th__PNuEx.Table-module_desc__jQI8s{position:relative}.Table-module_th__PNuEx.Table-module_asc__-caTr:after,.Table-module_th__PNuEx.Table-module_desc__jQI8s:after{border:5px solid #0000;content:\" \";height:0;position:absolute;right:15px;top:50%;width:0}.Table-module_th__PNuEx.Table-module_asc__-caTr:after{border-top-color:#000;transform:translateY(-25%)}.Table-module_th__PNuEx.Table-module_desc__jQI8s:after{border-bottom-color:#000;transform:translateY(-75%)}";
+var classes$t = {"table":"Table-module_table__Dkosn","tr":"Table-module_tr__7UG8J","variant-positive":"Table-module_variant-positive__71gFV","disableHover":"Table-module_disableHover__vv-sQ","variant-negative":"Table-module_variant-negative__dtSY7","variant-info":"Table-module_variant-info__oxZNe","variant-warning":"Table-module_variant-warning__buDZq","variant-basic":"Table-module_variant-basic__QksCj","variant-emphasized":"Table-module_variant-emphasized__K1CXV","td":"Table-module_td__jv9tA","width":"Table-module_width__bS4aU","th":"Table-module_th__PNuEx","sortable":"Table-module_sortable__W4c6P","asc":"Table-module_asc__-caTr","desc":"Table-module_desc__jQI8s"};
+styleInject(css_248z$t);
 
 const StyledTableRow = (_a) => {
     var { className, disableHover } = _a, rest = __rest(_a, ["className", "disableHover"]);
-    return (React.createElement("tr", Object.assign({ className: clsx(classes$j.tr, disableHover && classes$j.disableHover, className) }, rest)));
+    return (React.createElement("tr", Object.assign({ className: clsx(classes$t.tr, disableHover && classes$t.disableHover, className) }, rest)));
 };
 const StyledTableCell = (_a) => {
     var { className, variant = "basic", width } = _a, rest = __rest(_a, ["className", "variant", "width"]);
     const hasWidth = width !== null && width !== undefined;
-    return (React.createElement("td", Object.assign({ className: clsx(classes$j.td, classes$j[`variant-${variant}`], hasWidth && classes$j.width, className), 
+    return (React.createElement("td", Object.assign({ className: clsx(classes$t.td, classes$t[`variant-${variant}`], hasWidth && classes$t.width, className), 
         // @ts-ignore
         style: hasWidth ? { "--width": width } : undefined }, rest)));
 };
 const StyledTableHeadCell = (_a) => {
     var { sortable, sortDirection, width, className } = _a, rest = __rest(_a, ["sortable", "sortDirection", "width", "className"]);
     const hasWidth = width !== null && width !== undefined;
-    return (React.createElement("th", Object.assign({ className: clsx(classes$j.th, sortable && classes$j.sortable, sortDirection && classes$j[sortDirection], hasWidth && classes$j.width, className), 
+    return (React.createElement("th", Object.assign({ className: clsx(classes$t.th, sortable && classes$t.sortable, sortDirection && classes$t[sortDirection], hasWidth && classes$t.width, className), 
         // @ts-ignore
         style: hasWidth ? { "--width": width } : undefined }, rest)));
 };
 // Wrapper to allow for dot notated components:
 const Table = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("table", Object.assign({ className: clsx(classes$j.table, className) }, rest)));
+    return (React.createElement("table", Object.assign({ className: clsx(classes$t.table, className) }, rest)));
 };
 Table.Row = StyledTableRow;
 Table.HeadCell = StyledTableHeadCell;
 Table.Cell = StyledTableCell;
 
-var css_248z$i = ".Details-module_row__0d8vi{vertical-align:top}.Details-module_row__0d8vi.Details-module_isFirstRow__iVno4{border-top:0!important}";
-var classes$i = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
-styleInject(css_248z$i);
+var css_248z$s = ".Details-module_row__0d8vi{vertical-align:top}.Details-module_row__0d8vi.Details-module_isFirstRow__iVno4{border-top:0!important}";
+var classes$s = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
+styleInject(css_248z$s);
 
 const Details = ({ details, firstColumnWidth, }) => (React.createElement(Table, null,
     React.createElement("tbody", null, Object.entries(details).map(([key, val], index) => (React.createElement(Table.Row, { key: key, disableHover: true },
-        React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$i.cell, index === 0 && classes$i.isFirstRow) }, key),
-        React.createElement(Table.Cell, { className: clsx(classes$i.cell, index === 0 && classes$i.isFirstRow) }, val)))))));
+        React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$s.cell, index === 0 && classes$s.isFirstRow) }, key),
+        React.createElement(Table.Cell, { className: clsx(classes$s.cell, index === 0 && classes$s.isFirstRow) }, val)))))));
 
-var css_248z$h = ".Dropdown-module_wrapper__79ooc{position:relative}.Dropdown-module_dropper__uVdEf{background-color:var(--common-white);border:1px solid #22242626;border-radius:4px;box-shadow:0 8px 8px 0 #22242626;position:absolute;z-index:100}.Dropdown-module_dropper__uVdEf.Dropdown-module_left__JYKmP{left:0}.Dropdown-module_dropper__uVdEf.Dropdown-module_right__UefzB{right:0}.Dropdown-module_dropdownMenu__5R4vo{list-style:none;margin:0;padding:calc(var(--spacing)*2) 0}.Dropdown-module_dropdownMenuItem__dj4Gp{cursor:pointer;padding:0 calc(var(--spacing)*3)}.Dropdown-module_dropdownMenuItem__dj4Gp:hover{background-color:#ddd}";
-var classes$h = {"wrapper":"Dropdown-module_wrapper__79ooc","dropper":"Dropdown-module_dropper__uVdEf","left":"Dropdown-module_left__JYKmP","right":"Dropdown-module_right__UefzB","dropdownMenu":"Dropdown-module_dropdownMenu__5R4vo","dropdownMenuItem":"Dropdown-module_dropdownMenuItem__dj4Gp"};
-styleInject(css_248z$h);
+var css_248z$r = ".Dropdown-module_wrapper__79ooc{position:relative}.Dropdown-module_dropper__uVdEf{background-color:var(--common-white);border:1px solid #22242626;border-radius:4px;box-shadow:0 8px 8px 0 #22242626;position:absolute;z-index:100}.Dropdown-module_dropper__uVdEf.Dropdown-module_left__JYKmP{left:0}.Dropdown-module_dropper__uVdEf.Dropdown-module_right__UefzB{right:0}.Dropdown-module_dropdownMenu__5R4vo{list-style:none;margin:0;padding:calc(var(--spacing)*2) 0}.Dropdown-module_dropdownMenuItem__dj4Gp{cursor:pointer;padding:0 calc(var(--spacing)*3)}.Dropdown-module_dropdownMenuItem__dj4Gp:hover{background-color:#ddd}";
+var classes$r = {"wrapper":"Dropdown-module_wrapper__79ooc","dropper":"Dropdown-module_dropper__uVdEf","left":"Dropdown-module_left__JYKmP","right":"Dropdown-module_right__UefzB","dropdownMenu":"Dropdown-module_dropdownMenu__5R4vo","dropdownMenuItem":"Dropdown-module_dropdownMenuItem__dj4Gp"};
+styleInject(css_248z$r);
 
 const DropdownMenu = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("ul", Object.assign({ className: clsx(classes$h.dropdownMenu, className) }, rest)));
+    return (React.createElement("ul", Object.assign({ className: clsx(classes$r.dropdownMenu, className) }, rest)));
 };
 const DropdownMenuItem = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("li", Object.assign({ className: clsx(classes$h.dropdownMenuItem, className) }, rest)));
+    return (React.createElement("li", Object.assign({ className: clsx(classes$r.dropdownMenuItem, className) }, rest)));
 };
 const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) => {
     const dropper = React.useRef(null);
@@ -2147,15 +1018,15 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
             document.removeEventListener("click", handleClose);
         };
     }, [isOpen, handleClose]);
-    return (React.createElement("div", { className: classes$h.wrapper },
+    return (React.createElement("div", { className: classes$r.wrapper },
         React.createElement(Button, Object.assign({}, buttonProps, { onClick: handleOpen })),
         isOpen && (React.createElement(SlideInFromTop, { speed: ".1s" },
-            React.createElement("span", { className: clsx(classes$h.dropper, align === "left" && classes$h.left, align === "right" && classes$h.right), ref: dropper }, children)))));
+            React.createElement("span", { className: clsx(classes$r.dropper, align === "left" && classes$r.left, align === "right" && classes$r.right), ref: dropper }, children)))));
 };
 
-var css_248z$g = ".Dropzone-module_dropzone__xBUrY{align-items:center;border:1px solid #22242626;border-radius:4px;display:flex;flex-direction:column;height:calc(var(--spacing)*25);justify-content:center}.Dropzone-module_dropzone__xBUrY>*{pointerEvents:none}.Dropzone-module_dropzone__xBUrY.Dropzone-module_isReadyToDrop__I9ik7{background-color:#fafafa}.Dropzone-module_hiddenInput__7v6dW{display:none}";
-var classes$g = {"dropzone":"Dropzone-module_dropzone__xBUrY","isReadyToDrop":"Dropzone-module_isReadyToDrop__I9ik7","hiddenInput":"Dropzone-module_hiddenInput__7v6dW"};
-styleInject(css_248z$g);
+var css_248z$q = ".Dropzone-module_dropzone__xBUrY{align-items:center;border:1px solid #22242626;border-radius:4px;display:flex;flex-direction:column;height:calc(var(--spacing)*25);justify-content:center}.Dropzone-module_dropzone__xBUrY>*{pointerEvents:none}.Dropzone-module_dropzone__xBUrY.Dropzone-module_isReadyToDrop__I9ik7{background-color:#fafafa}.Dropzone-module_hiddenInput__7v6dW{display:none}";
+var classes$q = {"dropzone":"Dropzone-module_dropzone__xBUrY","isReadyToDrop":"Dropzone-module_isReadyToDrop__I9ik7","hiddenInput":"Dropzone-module_hiddenInput__7v6dW"};
+styleInject(css_248z$q);
 
 const Dropzone = (_a) => {
     var { onChange, icon, label } = _a, rest = __rest(_a, ["onChange", "icon", "label"]);
@@ -2190,18 +1061,18 @@ const Dropzone = (_a) => {
         var _a;
         handleChange((_a = fileInput === null || fileInput === void 0 ? void 0 : fileInput.current) === null || _a === void 0 ? void 0 : _a.files);
     }, [fileInput, handleChange]);
-    return (React.createElement("div", Object.assign({ ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick, className: clsx(classes$g.dropzone, isReadyToDrop && classes$g.isReadyToDrop) }, rest),
-        React.createElement("input", { className: classes$g.hiddenInput, "data-testid": "dropzone-file-input", type: "file", ref: fileInput, onChange: handleInputChange, multiple: true }),
+    return (React.createElement("div", Object.assign({ ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick, className: clsx(classes$q.dropzone, isReadyToDrop && classes$q.isReadyToDrop) }, rest),
+        React.createElement("input", { className: classes$q.hiddenInput, "data-testid": "dropzone-file-input", type: "file", ref: fileInput, onChange: handleInputChange, multiple: true }),
         React.createElement(Box, null,
             React.createElement(Button, { variant: "text", color: "secondary", type: "button", icon: icon }, label))));
 };
 
-var css_248z$f = ".Feedback-module_box__ESWf9{width:300px}";
-var classes$f = {"box":"Feedback-module_box__ESWf9"};
-styleInject(css_248z$f);
+var css_248z$p = ".Feedback-module_box__ESWf9{width:300px}";
+var classes$p = {"box":"Feedback-module_box__ESWf9"};
+styleInject(css_248z$p);
 
 const Feedback = ({ onConfirm, buttonLabel, buttonIcon, title, subtitle, }) => (React.createElement(Modal, { handleClickOverlay: onConfirm, buttons: React.createElement(Button, { "data-testid": "confirm", stretch: true, icon: buttonIcon, variant: "secondary", onClick: onConfirm }, buttonLabel) },
-    React.createElement(Box, { pt: 3, pb: 3, className: classes$f.box },
+    React.createElement(Box, { pt: 3, pb: 3, className: classes$p.box },
         React.createElement(Box, { pb: 5, textAlign: "center" },
             React.createElement(Header, null, title),
             subtitle && (React.createElement(Box, { pt: 5 },
@@ -2227,69 +1098,69 @@ const Floater = (_a) => {
     return (React.createElement(Box, Object.assign({ mb: verticalMargin, mt: verticalMargin, ml: horizontalMargin, mr: horizontalMargin, display: display }, props), items.filter(Boolean).map((item, i) => hasElement(item) ? (React.createElement(FloaterItem, { key: i, laptopWidth: item.forceEqualWidth ? `${100 / items.length}%` : undefined, stretch: item.stretch || false }, item.element)) : (React.createElement(FloaterItem, { key: i, laptopWidth: forceEqualWidth ? `${100 / items.length}%` : undefined, stretch: stretch }, item)))));
 };
 
-var css_248z$e = ".Footer-module_box__KZvsx{background-color:var(--common-white);border-top:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
-var classes$e = {"box":"Footer-module_box__KZvsx"};
-styleInject(css_248z$e);
+var css_248z$o = ".Footer-module_box__KZvsx{background-color:var(--common-white);border-top:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
+var classes$o = {"box":"Footer-module_box__KZvsx"};
+styleInject(css_248z$o);
 
-var css_248z$d = ".SideBar-module_wrapper__8tZbH{background-color:#243646;bottom:0;display:none;float:left;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:900}.SideBar-module_wrapper__8tZbH.SideBar-module_isMobileMenuOpen__1yI4z{display:block}@media (min-width:1024px){.SideBar-module_wrapper__8tZbH{box-shadow:2px 0 6px -1px #000000bd;display:block;min-width:calc(var(--spacing)*var(--minWidth));position:static;transform:translateX(calc(-100% + var(--spacing)*var(--collapsed-width)));transition:transform .1s ease-out;width:auto}.SideBar-module_wrapper__8tZbH ul{opacity:0}.SideBar-module_wrapper__8tZbH.SideBar-module_isDesktopMenuOpen__S25Jl{transform:translateX(0)}.SideBar-module_wrapper__8tZbH.SideBar-module_isDesktopMenuOpen__S25Jl ul{opacity:1}}";
-var classes$d = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
-styleInject(css_248z$d);
+var css_248z$n = ".SideBar-module_wrapper__8tZbH{background-color:#243646;bottom:0;display:none;float:left;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:900}.SideBar-module_wrapper__8tZbH.SideBar-module_isMobileMenuOpen__1yI4z{display:block}@media (min-width:1024px){.SideBar-module_wrapper__8tZbH{box-shadow:2px 0 6px -1px #000000bd;display:block;min-width:calc(var(--spacing)*var(--minWidth));position:static;transform:translateX(calc(-100% + var(--spacing)*var(--collapsed-width)));transition:transform .1s ease-out;width:auto}.SideBar-module_wrapper__8tZbH ul{opacity:0}.SideBar-module_wrapper__8tZbH.SideBar-module_isDesktopMenuOpen__S25Jl{transform:translateX(0)}.SideBar-module_wrapper__8tZbH.SideBar-module_isDesktopMenuOpen__S25Jl ul{opacity:1}}";
+var classes$n = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
+styleInject(css_248z$n);
 
 const SIDEBAR_COLLAPSED_WIDTH = 15;
 const SideBar = (props) => {
     const { closeSideMenu, openSideMenu, isSideMenuOpen } = useUiStateContext();
-    return (React.createElement(Box, Object.assign({ className: clsx("sidebar", classes$d.wrapper, props.isMobileMenuOpen && classes$d.isMobileMenuOpen, isSideMenuOpen && classes$d.isDesktopMenuOpen) }, props, { onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu, style: {
+    return (React.createElement(Box, Object.assign({ className: clsx("sidebar", classes$n.wrapper, props.isMobileMenuOpen && classes$n.isMobileMenuOpen, isSideMenuOpen && classes$n.isDesktopMenuOpen) }, props, { onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu, style: {
             // @ts-ignore
             "--minWidth": props.minWidth || 75,
             "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH,
         } })));
 };
 
-const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$e.box }, children));
+const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$o.box }, children));
 
-var css_248z$c = ".HorizontalScroller-module_box__W07vp{overflow-x:auto;overflow-y:hidden}";
-var classes$c = {"box":"HorizontalScroller-module_box__W07vp"};
-styleInject(css_248z$c);
+var css_248z$m = ".HorizontalScroller-module_box__W07vp{overflow-x:auto;overflow-y:hidden}";
+var classes$m = {"box":"HorizontalScroller-module_box__W07vp"};
+styleInject(css_248z$m);
 
-const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$c.box }, children);
+const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$m.box }, children);
 
-var css_248z$b = ".HamburgerButton-module_hamburgerButton__uFuws{margin-right:var(--spacing-3)}@media(min-width:1024px){.HamburgerButton-module_hamburgerButton__uFuws{display:none!important}}";
-var classes$b = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
-styleInject(css_248z$b);
+var css_248z$l = ".HamburgerButton-module_hamburgerButton__uFuws{margin-right:var(--spacing-3)}@media(min-width:1024px){.HamburgerButton-module_hamburgerButton__uFuws{display:none!important}}";
+var classes$l = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
+styleInject(css_248z$l);
 
 const HamburgerButton = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(Button, Object.assign({ className: clsx(classes$b.hamburgerButton, className) }, props)));
+    return (React.createElement(Button, Object.assign({ className: clsx(classes$l.hamburgerButton, className) }, props)));
 };
 
-var css_248z$a = ".Menu-module_menu__uj3BS{list-style:none;margin:0;padding:0}.Menu-module_menuItem__96xoX{padding:calc(var(--spacing)/2) var(--spacing-5)}.Menu-module_menuItem__96xoX button{width:100%}.Menu-module_menuItem__96xoX button:active,.Menu-module_menuItem__96xoX button:focus,.Menu-module_menuItem__96xoX button:hover,.Menu-module_menuItem__96xoX.Menu-module_isActive__idoz4 button{color:var(--common-white)!important}.Menu-module_menuItem__96xoX.Menu-module_isOpen__p1ar3{background:#293846;border-left:var(--spacing) solid var(--colors-blue)}.Menu-module_menuItem__96xoX.Menu-module_isOpen__p1ar3>*{margin-left:var(--spacing--1)}";
-var classes$a = {"menu":"Menu-module_menu__uj3BS","menuItem":"Menu-module_menuItem__96xoX","isActive":"Menu-module_isActive__idoz4","isOpen":"Menu-module_isOpen__p1ar3"};
-styleInject(css_248z$a);
+var css_248z$k = ".Menu-module_menu__uj3BS{list-style:none;margin:0;padding:0}.Menu-module_menuItem__96xoX{padding:calc(var(--spacing)/2) var(--spacing-5)}.Menu-module_menuItem__96xoX button{width:100%}.Menu-module_menuItem__96xoX button:active,.Menu-module_menuItem__96xoX button:focus,.Menu-module_menuItem__96xoX button:hover,.Menu-module_menuItem__96xoX.Menu-module_isActive__idoz4 button{color:var(--common-white)!important}.Menu-module_menuItem__96xoX.Menu-module_isOpen__p1ar3{background:#293846;border-left:var(--spacing) solid var(--colors-blue)}.Menu-module_menuItem__96xoX.Menu-module_isOpen__p1ar3>*{margin-left:var(--spacing--1)}";
+var classes$k = {"menu":"Menu-module_menu__uj3BS","menuItem":"Menu-module_menuItem__96xoX","isActive":"Menu-module_isActive__idoz4","isOpen":"Menu-module_isOpen__p1ar3"};
+styleInject(css_248z$k);
 
-const Menu = ({ children }) => (React.createElement("ul", { className: classes$a.menu }, children));
+const Menu = ({ children }) => (React.createElement("ul", { className: classes$k.menu }, children));
 const MenuItem = ({ item, isOpen, isActive, children, }) => {
     const [isDelayedOpen, setDelayedOpen] = React.useState(!!isOpen);
-    return (React.createElement("li", { className: clsx(classes$a.menuItem, isDelayedOpen && classes$a.isOpen, !!isActive && classes$a.isActive) },
+    return (React.createElement("li", { className: clsx(classes$k.menuItem, isDelayedOpen && classes$k.isOpen, !!isActive && classes$k.isActive) },
         item,
         children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: 0.25 }, children))));
 };
 
-var css_248z$9 = "@media(min-width:1024px){.MenuCloseButton-module_menuCloseButton__c2jye{display:none!important}}";
-var classes$9 = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
-styleInject(css_248z$9);
+var css_248z$j = "@media(min-width:1024px){.MenuCloseButton-module_menuCloseButton__c2jye{display:none!important}}";
+var classes$j = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
+styleInject(css_248z$j);
 
 const MenuCloseButton = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(Button, Object.assign({ className: clsx(classes$9.menuCloseButton, className) }, props)));
+    return (React.createElement(Button, Object.assign({ className: clsx(classes$j.menuCloseButton, className) }, props)));
 };
 
-var css_248z$8 = ".MenuSlideOpenIndicator-module_wrapper__Q6Ykj{align-items:center;display:none;flex-direction:row;height:100%;width:calc(var(--spacing)*var(--collapsed-width))}@media(min-width:1024px){.MenuSlideOpenIndicator-module_wrapper__Q6Ykj{display:flex}}.MenuSlideOpenIndicator-module_wrapper__Q6Ykj>svg{margin:0 auto}.sidebar:hover .MenuSlideOpenIndicator-module_wrapper__Q6Ykj{display:none}";
-var classes$8 = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
-styleInject(css_248z$8);
+var css_248z$i = ".MenuSlideOpenIndicator-module_wrapper__Q6Ykj{align-items:center;display:none;flex-direction:row;height:100%;width:calc(var(--spacing)*var(--collapsed-width))}@media(min-width:1024px){.MenuSlideOpenIndicator-module_wrapper__Q6Ykj{display:flex}}.MenuSlideOpenIndicator-module_wrapper__Q6Ykj>svg{margin:0 auto}.sidebar:hover .MenuSlideOpenIndicator-module_wrapper__Q6Ykj{display:none}";
+var classes$i = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
+styleInject(css_248z$i);
 
 const MenuSlideOpenIndicator = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement(Box, Object.assign({ className: clsx(classes$8.wrapper, className), 
+    return (React.createElement(Box, Object.assign({ className: clsx(classes$i.wrapper, className), 
         // @ts-ignore
         style: { "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH } }, rest)));
 };
@@ -2297,11 +1168,11 @@ const MenuSlideOpenIndicator = (_a) => {
 const VerticalRhythmLaptop = 7;
 const VerticalRhythmMobile = 4;
 
-var css_248z$7 = ".SideBarHeader-module_sideBarHeader__7zbYN{background-color:#0003;box-sizing:border-box;color:var(--button-text-idle-text);display:flex;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1em;text-align:center}@media(min-width:1024px){.SideBarHeader-module_sideBarHeader__7zbYN{min-height:calc(var(--spacing)*12)}}";
-var classes$7 = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
-styleInject(css_248z$7);
+var css_248z$h = ".SideBarHeader-module_sideBarHeader__7zbYN{background-color:#0003;box-sizing:border-box;color:var(--button-text-idle-text);display:flex;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1em;text-align:center}@media(min-width:1024px){.SideBarHeader-module_sideBarHeader__7zbYN{min-height:calc(var(--spacing)*12)}}";
+var classes$h = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
+styleInject(css_248z$h);
 
-const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$7.sideBarHeader },
+const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$h.sideBarHeader },
     React.createElement(Box, { flexGrow: 1, display: "flex" },
         React.createElement(Box, { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children)),
     right && React.createElement(Box, null, right)));
@@ -2339,21 +1210,21 @@ const useResponsiveBreakpoints = () => {
     const [windowWidth, setWindowWidth] = React.useState(window.innerWidth);
     React.useEffect(() => {
         const onResize = () => setWindowWidth(window.innerWidth);
-        window.addEventListener('resize', onResize);
-        return () => window.removeEventListener('resize', onResize);
+        window.addEventListener("resize", onResize);
+        return () => window.removeEventListener("resize", onResize);
     }, []);
     const responsiveMap = React.useMemo(() => ({
         isMobile: windowWidth >= BreakPointValues.mobile,
         isTablet: windowWidth >= BreakPointValues.tablet,
         isLaptop: windowWidth >= BreakPointValues.laptop,
-        isDesktop: windowWidth >= BreakPointValues.desktop
+        isDesktop: windowWidth >= BreakPointValues.desktop,
     }), [windowWidth]);
     return responsiveMap;
 };
 
-var css_248z$6 = ".Paginator-module_wrapper__IPIcn{display:flex}.Paginator-module_button__lkNBq{background-color:#fff;border:1px solid #22242626;cursor:pointer;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;line-height:1em;margin:0;min-height:calc(var(--spacing)*8);outline:0;padding:.2em 1.3em;user-select:none}.Paginator-module_button__lkNBq.Paginator-module_isActive__Qk3mv{background-color:#f2f2f2}.Paginator-module_button__lkNBq:not(:first-of-type){border-left:0}.Paginator-module_button__lkNBq:not(.Paginator-module_isDisabled__uHGss):hover{background-color:#e9e9e9}";
-var classes$6 = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
-styleInject(css_248z$6);
+var css_248z$g = ".Paginator-module_wrapper__IPIcn{display:flex}.Paginator-module_button__lkNBq{background-color:#fff;border:1px solid #22242626;cursor:pointer;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;line-height:1em;margin:0;min-height:calc(var(--spacing)*8);outline:0;padding:.2em 1.3em;user-select:none}.Paginator-module_button__lkNBq.Paginator-module_isActive__Qk3mv{background-color:#f2f2f2}.Paginator-module_button__lkNBq:not(:first-of-type){border-left:0}.Paginator-module_button__lkNBq:not(.Paginator-module_isDisabled__uHGss):hover{background-color:#e9e9e9}";
+var classes$g = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
+styleInject(css_248z$g);
 
 const range = (start, end) => {
     let nums = [];
@@ -2369,31 +1240,31 @@ const Paginator = (props) => {
     const clamSize = isTablet ? 2 : 0;
     const clamLower = Math.max(1, currentPage - clamSize);
     const clamUpper = Math.min(pageCount, currentPage + clamSize);
-    return (React.createElement("div", { className: classes$6.wrapper },
-        React.createElement("button", { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: () => onChange(currentPage - 1), className: clsx(classes$6.button, currentPage === 1 && classes$6.isDisabled) }, "\u27E8"),
-        clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", onClick: () => onChange(1), className: clsx(classes$6.button, currentPage === 1 && classes$6.isActive) }, "1")),
-        clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes$6.button, classes$6.isDisabled) }, "...")),
-        range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement("button", { "data-testid": `paginate-page-${pageNumber}`, key: pageNumber, onClick: () => onChange(pageNumber), className: clsx(classes$6.button, currentPage === pageNumber && classes$6.isActive) }, pageNumber))),
-        clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes$6.button, classes$6.isDisabled) }, "...")),
-        clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, onClick: () => onChange(pageCount), className: clsx(classes$6.button, currentPage === pageCount && classes$6.isActive) }, pageCount)),
-        React.createElement("button", { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: () => onChange(currentPage + 1), className: clsx(classes$6.button, currentPage === pageCount && classes$6.isDisabled) }, "\u27E9")));
+    return (React.createElement("div", { className: classes$g.wrapper },
+        React.createElement("button", { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: () => onChange(currentPage - 1), className: clsx(classes$g.button, currentPage === 1 && classes$g.isDisabled) }, "\u27E8"),
+        clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", onClick: () => onChange(1), className: clsx(classes$g.button, currentPage === 1 && classes$g.isActive) }, "1")),
+        clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes$g.button, classes$g.isDisabled) }, "...")),
+        range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement("button", { "data-testid": `paginate-page-${pageNumber}`, key: pageNumber, onClick: () => onChange(pageNumber), className: clsx(classes$g.button, currentPage === pageNumber && classes$g.isActive) }, pageNumber))),
+        clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes$g.button, classes$g.isDisabled) }, "...")),
+        clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, onClick: () => onChange(pageCount), className: clsx(classes$g.button, currentPage === pageCount && classes$g.isActive) }, pageCount)),
+        React.createElement("button", { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: () => onChange(currentPage + 1), className: clsx(classes$g.button, currentPage === pageCount && classes$g.isDisabled) }, "\u27E9")));
 };
 
 const Section = (props) => (React.createElement(Box, Object.assign({ pb: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile } }, props)));
 
-var css_248z$5 = ".Statistic-module_wrapper__4eJ86{border-radius:var(--spacing);box-sizing:border-box;display:flex;height:100%;padding:var(--spacing-4)}.Statistic-module_wrapper__4eJ86.Statistic-module_blue__SsMhE{background-color:var(--colors-blue)}.Statistic-module_wrapper__4eJ86.Statistic-module_indigo__8DByg{background-color:var(--colors-indigo)}.Statistic-module_wrapper__4eJ86.Statistic-module_purple__mieHQ{background-color:var(--colors-purple)}.Statistic-module_wrapper__4eJ86.Statistic-module_pink__2PBSu{background-color:var(--colors-pink)}.Statistic-module_wrapper__4eJ86.Statistic-module_red__T7SC1{background-color:var(--colors-red)}.Statistic-module_wrapper__4eJ86.Statistic-module_orange__eq9b2{background-color:var(--colors-orange)}.Statistic-module_wrapper__4eJ86.Statistic-module_yellow__0A2sj{background-color:var(--colors-yellow)}.Statistic-module_wrapper__4eJ86.Statistic-module_green__LjLEE{background-color:var(--colors-green)}.Statistic-module_wrapper__4eJ86.Statistic-module_teal__rz09e{background-color:var(--colors-teal)}.Statistic-module_wrapper__4eJ86.Statistic-module_cyan__ljMqB{background-color:var(--colors-cyan)}.Statistic-module_wrapper__4eJ86.Statistic-module_grayDark__JoQc8,.Statistic-module_wrapper__4eJ86.Statistic-module_gray__Bukv9{background-color:var(--colors-gray)}.Statistic-module_wrapper__4eJ86.Statistic-module_light__Q1XW7{background-color:var(--colors-light)}.Statistic-module_wrapper__4eJ86.Statistic-module_dark__HWch8{background-color:var(--colors-dark)}.Statistic-module_label__O256y{color:var(--common-white);font-size:var(--spacing-3);text-transform:uppercase}.Statistic-module_value__Af9tB{color:var(--common-white);font-size:calc(var(--spacing)*7.5);font-weight:700}.Statistic-module_value__Af9tB.Statistic-module_smaller__ni0vP{font-size:calc(var(--spacing)*5.5)}.Statistic-module_iconWrapper__TudZL{margin:var(--spacing) 0 auto 0}.Statistic-module_iconWrapper__TudZL svg{color:#fff;height:100%;width:calc(var(--spacing)*10)}";
-var classes$5 = {"wrapper":"Statistic-module_wrapper__4eJ86","blue":"Statistic-module_blue__SsMhE","indigo":"Statistic-module_indigo__8DByg","purple":"Statistic-module_purple__mieHQ","pink":"Statistic-module_pink__2PBSu","red":"Statistic-module_red__T7SC1","orange":"Statistic-module_orange__eq9b2","yellow":"Statistic-module_yellow__0A2sj","green":"Statistic-module_green__LjLEE","teal":"Statistic-module_teal__rz09e","cyan":"Statistic-module_cyan__ljMqB","gray":"Statistic-module_gray__Bukv9","grayDark":"Statistic-module_grayDark__JoQc8","light":"Statistic-module_light__Q1XW7","dark":"Statistic-module_dark__HWch8","label":"Statistic-module_label__O256y","value":"Statistic-module_value__Af9tB","smaller":"Statistic-module_smaller__ni0vP","iconWrapper":"Statistic-module_iconWrapper__TudZL"};
-styleInject(css_248z$5);
+var css_248z$f = ".Statistic-module_wrapper__4eJ86{border-radius:var(--spacing);box-sizing:border-box;display:flex;height:100%;padding:var(--spacing-4)}.Statistic-module_wrapper__4eJ86.Statistic-module_blue__SsMhE{background-color:var(--colors-blue)}.Statistic-module_wrapper__4eJ86.Statistic-module_indigo__8DByg{background-color:var(--colors-indigo)}.Statistic-module_wrapper__4eJ86.Statistic-module_purple__mieHQ{background-color:var(--colors-purple)}.Statistic-module_wrapper__4eJ86.Statistic-module_pink__2PBSu{background-color:var(--colors-pink)}.Statistic-module_wrapper__4eJ86.Statistic-module_red__T7SC1{background-color:var(--colors-red)}.Statistic-module_wrapper__4eJ86.Statistic-module_orange__eq9b2{background-color:var(--colors-orange)}.Statistic-module_wrapper__4eJ86.Statistic-module_yellow__0A2sj{background-color:var(--colors-yellow)}.Statistic-module_wrapper__4eJ86.Statistic-module_green__LjLEE{background-color:var(--colors-green)}.Statistic-module_wrapper__4eJ86.Statistic-module_teal__rz09e{background-color:var(--colors-teal)}.Statistic-module_wrapper__4eJ86.Statistic-module_cyan__ljMqB{background-color:var(--colors-cyan)}.Statistic-module_wrapper__4eJ86.Statistic-module_grayDark__JoQc8,.Statistic-module_wrapper__4eJ86.Statistic-module_gray__Bukv9{background-color:var(--colors-gray)}.Statistic-module_wrapper__4eJ86.Statistic-module_light__Q1XW7{background-color:var(--colors-light)}.Statistic-module_wrapper__4eJ86.Statistic-module_dark__HWch8{background-color:var(--colors-dark)}.Statistic-module_label__O256y{color:var(--common-white);font-size:var(--spacing-3);text-transform:uppercase}.Statistic-module_value__Af9tB{color:var(--common-white);font-size:calc(var(--spacing)*7.5);font-weight:700}.Statistic-module_value__Af9tB.Statistic-module_smaller__ni0vP{font-size:calc(var(--spacing)*5.5)}.Statistic-module_iconWrapper__TudZL{margin:var(--spacing) 0 auto 0}.Statistic-module_iconWrapper__TudZL svg{color:#fff;height:100%;width:calc(var(--spacing)*10)}";
+var classes$f = {"wrapper":"Statistic-module_wrapper__4eJ86","blue":"Statistic-module_blue__SsMhE","indigo":"Statistic-module_indigo__8DByg","purple":"Statistic-module_purple__mieHQ","pink":"Statistic-module_pink__2PBSu","red":"Statistic-module_red__T7SC1","orange":"Statistic-module_orange__eq9b2","yellow":"Statistic-module_yellow__0A2sj","green":"Statistic-module_green__LjLEE","teal":"Statistic-module_teal__rz09e","cyan":"Statistic-module_cyan__ljMqB","gray":"Statistic-module_gray__Bukv9","grayDark":"Statistic-module_grayDark__JoQc8","light":"Statistic-module_light__Q1XW7","dark":"Statistic-module_dark__HWch8","label":"Statistic-module_label__O256y","value":"Statistic-module_value__Af9tB","smaller":"Statistic-module_smaller__ni0vP","iconWrapper":"Statistic-module_iconWrapper__TudZL"};
+styleInject(css_248z$f);
 
-const Statistic = ({ icon, value, label, backgroundColor, smallerValue, }) => (React.createElement("div", { className: clsx(classes$5.wrapper, classes$5[backgroundColor]) },
-    React.createElement("div", { className: classes$5.iconWrapper }, icon),
+const Statistic = ({ icon, value, label, backgroundColor, smallerValue, }) => (React.createElement("div", { className: clsx(classes$f.wrapper, classes$f[backgroundColor]) },
+    React.createElement("div", { className: classes$f.iconWrapper }, icon),
     React.createElement(Box, { flexGrow: 1, textAlign: "right" },
-        React.createElement("div", { className: classes$5.label }, label),
-        React.createElement("div", { className: clsx(classes$5.value, smallerValue && classes$5.smaller) }, value))));
+        React.createElement("div", { className: classes$f.label }, label),
+        React.createElement("div", { className: clsx(classes$f.value, smallerValue && classes$f.smaller) }, value))));
 
-var css_248z$4 = ".Tab-module_tab__Iwytl{padding:calc(var(--spacing)*2.5) var(--spacing-5)}.Tab-module_tab__Iwytl.Tab-module_isActive__DXImz{background-color:var(--common-white);border:1px solid #22242626;border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:700;margin-bottom:-1px}.Tab-module_tab__Iwytl:not(.Tab-module_isActive__DXImz){color:#337ab7;cursor:pointer}.Tab-module_tab__Iwytl:not(.Tab-module_isActive__DXImz):focus,.Tab-module_tab__Iwytl:not(.Tab-module_isActive__DXImz):hover{color:#23527c;text-decoration:underline}.Tab-module_tab__Iwytl.Tab-module_hint__ynkFR{color:var(--form-hint);font-weight:700}.Tab-module_tab__Iwytl.Tab-module_hint__ynkFR:hover{color:var(--form-hint)}.Tab-module_tab__Iwytl.Tab-module_error__OF1Ji{color:var(--form-error);font-weight:700}.Tab-module_tab__Iwytl.Tab-module_error__OF1Ji:hover{color:var(--form-error)}";
-var classes$4 = {"tab":"Tab-module_tab__Iwytl","isActive":"Tab-module_isActive__DXImz","hint":"Tab-module_hint__ynkFR","error":"Tab-module_error__OF1Ji"};
-styleInject(css_248z$4);
+var css_248z$e = ".Tab-module_tab__Iwytl{padding:calc(var(--spacing)*2.5) var(--spacing-5)}.Tab-module_tab__Iwytl.Tab-module_isActive__DXImz{background-color:var(--common-white);border:1px solid #22242626;border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:700;margin-bottom:-1px}.Tab-module_tab__Iwytl:not(.Tab-module_isActive__DXImz){color:#337ab7;cursor:pointer}.Tab-module_tab__Iwytl:not(.Tab-module_isActive__DXImz):focus,.Tab-module_tab__Iwytl:not(.Tab-module_isActive__DXImz):hover{color:#23527c;text-decoration:underline}.Tab-module_tab__Iwytl.Tab-module_hint__ynkFR{color:var(--form-hint);font-weight:700}.Tab-module_tab__Iwytl.Tab-module_hint__ynkFR:hover{color:var(--form-hint)}.Tab-module_tab__Iwytl.Tab-module_error__OF1Ji{color:var(--form-error);font-weight:700}.Tab-module_tab__Iwytl.Tab-module_error__OF1Ji:hover{color:var(--form-error)}";
+var classes$e = {"tab":"Tab-module_tab__Iwytl","isActive":"Tab-module_isActive__DXImz","hint":"Tab-module_hint__ynkFR","error":"Tab-module_error__OF1Ji"};
+styleInject(css_248z$e);
 
 const Tab = (_a) => {
     var { id, isActive, onClick, variant } = _a, restProps = __rest(_a, ["id", "isActive", "onClick", "variant"]);
@@ -2402,47 +1273,47 @@ const Tab = (_a) => {
             onClick === null || onClick === void 0 ? void 0 : onClick(id);
         }
     }, [id, isActive, onClick]);
-    return (React.createElement(Box, Object.assign({ className: clsx(classes$4.tab, isActive && classes$4.isActive, variant && classes$4[variant]) }, restProps, { onClick: handleClick })));
+    return (React.createElement(Box, Object.assign({ className: clsx(classes$e.tab, isActive && classes$e.isActive, variant && classes$e[variant]) }, restProps, { onClick: handleClick })));
 };
 
-var css_248z$3 = ".TabContent-module_tabContent__hMTiE{background-color:var(--common-white);border:1px solid #22242626;border-top:0}";
-var classes$3 = {"tabContent":"TabContent-module_tabContent__hMTiE"};
-styleInject(css_248z$3);
+var css_248z$d = ".TabContent-module_tabContent__hMTiE{background-color:var(--common-white);border:1px solid #22242626;border-top:0}";
+var classes$d = {"tabContent":"TabContent-module_tabContent__hMTiE"};
+styleInject(css_248z$d);
 
 const TabContent = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement(Box, Object.assign({ className: clsx(classes$3.tabContent, className), p: 3 }, rest)));
+    return (React.createElement(Box, Object.assign({ className: clsx(classes$d.tabContent, className), p: 3 }, rest)));
 };
 
-var css_248z$2 = ".Tabs-module_tabs__QzIkz{border-bottom:1px solid #22242626;display:flex}";
-var classes$2 = {"tabs":"Tabs-module_tabs__QzIkz"};
-styleInject(css_248z$2);
+var css_248z$c = ".Tabs-module_tabs__QzIkz{border-bottom:1px solid #22242626;display:flex}";
+var classes$c = {"tabs":"Tabs-module_tabs__QzIkz"};
+styleInject(css_248z$c);
 
 const Tabs = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement(Box, Object.assign({ className: clsx(className, classes$2.tabs) }, rest)));
+    return (React.createElement(Box, Object.assign({ className: clsx(className, classes$c.tabs) }, rest)));
 };
 
-var css_248z$1 = ".Timeline-module_flatPanel__TzdFU{box-shadow:none}.Timeline-module_wrapper__sWd71{display:flex}.Timeline-module_wrapper__sWd71:last-of-type .Timeline-module_line__CwY-N:before{background:none}.Timeline-module_line__CwY-N{margin-right:var(--spacing-4);position:relative;top:4px}.Timeline-module_line__CwY-N:before{background:#e7eaec;content:\"\";height:100%;left:calc(var(--spacing)*4.5);position:absolute;top:0;width:var(--spacing)}.Timeline-module_circle__7kyfg{background-color:var(--background-color);border-radius:50%;color:#fff;font-size:var(--spacing-4);height:calc(var(--spacing)*10);left:0;position:relative;width:calc(var(--spacing)*10)}.Timeline-module_circle__7kyfg>*{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}";
-var classes$1 = {"flatPanel":"Timeline-module_flatPanel__TzdFU","wrapper":"Timeline-module_wrapper__sWd71","line":"Timeline-module_line__CwY-N","circle":"Timeline-module_circle__7kyfg"};
-styleInject(css_248z$1);
+var css_248z$b = ".Timeline-module_flatPanel__TzdFU{box-shadow:none}.Timeline-module_wrapper__sWd71{display:flex}.Timeline-module_wrapper__sWd71:last-of-type .Timeline-module_line__CwY-N:before{background:none}.Timeline-module_line__CwY-N{margin-right:var(--spacing-4);position:relative;top:4px}.Timeline-module_line__CwY-N:before{background:#e7eaec;content:\"\";height:100%;left:calc(var(--spacing)*4.5);position:absolute;top:0;width:var(--spacing)}.Timeline-module_circle__7kyfg{background-color:var(--background-color);border-radius:50%;color:#fff;font-size:var(--spacing-4);height:calc(var(--spacing)*10);left:0;position:relative;width:calc(var(--spacing)*10)}.Timeline-module_circle__7kyfg>*{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}";
+var classes$b = {"flatPanel":"Timeline-module_flatPanel__TzdFU","wrapper":"Timeline-module_wrapper__sWd71","line":"Timeline-module_line__CwY-N","circle":"Timeline-module_circle__7kyfg"};
+styleInject(css_248z$b);
 
-const Timeline = ({ title, icon, color, isInitiallyOpen, titleMeta, chevron, children, }) => (React.createElement(Box, { className: classes$1.wrapper },
-    React.createElement(Box, { className: classes$1.line },
-        React.createElement("div", { className: classes$1.circle, style: { "--background-color": color } }, icon)),
+const Timeline = ({ title, icon, color, isInitiallyOpen, titleMeta, chevron, children, }) => (React.createElement(Box, { className: classes$b.wrapper },
+    React.createElement(Box, { className: classes$b.line },
+        React.createElement("div", { className: classes$b.circle, style: { "--background-color": color } }, icon)),
     React.createElement(Box, { pb: 4, flexGrow: 1 },
         React.createElement(CollapsiblePanel, { isInitiallyOpen: isInitiallyOpen, titleMeta: titleMeta, title: title, titleAction: chevron }, children))));
-const SimpleTimeline = ({ color, icon, title, titleMeta, }) => (React.createElement(Box, { className: classes$1.wrapper },
-    React.createElement(Box, { className: clsx(classes$1.line, "line") },
-        React.createElement("div", { className: classes$1.circle, style: { "--background-color": color } }, icon)),
+const SimpleTimeline = ({ color, icon, title, titleMeta, }) => (React.createElement(Box, { className: classes$b.wrapper },
+    React.createElement(Box, { className: clsx(classes$b.line, "line") },
+        React.createElement("div", { className: classes$b.circle, style: { "--background-color": color } }, icon)),
     React.createElement(Box, { pb: 4, flexGrow: 1 },
-        React.createElement(Panel, { className: classes$1.flatPanel, titleMeta: titleMeta, title: title }))));
+        React.createElement(Panel, { className: classes$b.flatPanel, titleMeta: titleMeta, title: title }))));
 
-var css_248z = ".TopBar-module_wrapper__DVlec{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
-var classes = {"wrapper":"TopBar-module_wrapper__DVlec"};
-styleInject(css_248z);
+var css_248z$a = ".TopBar-module_wrapper__DVlec{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
+var classes$a = {"wrapper":"TopBar-module_wrapper__DVlec"};
+styleInject(css_248z$a);
 
-const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes.wrapper },
+const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes$a.wrapper },
     React.createElement(Box, { display: "flex", alignItems: "center", pb: 1, pt: 1, pr: 5, pl: {
             mobile: 5,
             laptop: 5 + SIDEBAR_COLLAPSED_WIDTH,
@@ -2450,212 +1321,31 @@ const TopBar = ({ left, right, }) => (React.createElement(Box, { className: clas
         React.createElement(Box, { flexGrow: 1, display: "flex", pl: 2 }, left),
         React.createElement(Box, { flexGrow: 1, display: "flex", justifyContent: "flex-end" }, right))));
 
-const Label$1 = styledComponents.styled.label `
-  position: relative;
-`;
-const Input$1 = styledComponents.styled.input.withConfig({ shouldForwardProp: isPropValid }) `
-  position: absolute;
-  top: 0;
-  left: 0;
-
-  width: 17px;
-  height: 17px;
-
-  z-index: 99;
-  opacity: 0;
-  margin-right: ${(props) => props.theme.spacing(2)};
-  transform: translateY(1px);
-
-  & ~ span {
-    user-select: none;
-    padding-left: 1.85714em;
-    cursor: pointer;
-    font-size: 0.92857143em;
-  }
-
-  & ~ span:before,
-  & ~ span:after {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 17px;
-    height: 17px;
-    line-height: 17px;
-    content: "";
-    border-radius: 4px;
-    border: 1px solid rgba(34, 36, 38, 0.15);
-    z-index: 0;
-  }
-
-  &:checked ~ span {
-    font-style: italic;
-  }
-
-  &:checked ~ span:before {
-    background: #fff;
-    border-color: rgba(34, 36, 38, 0.35);
-  }
-
-  &:checked ~ span:after {
-    font-style: normal;
-    text-align: center;
-    content: "\\2714";
-    opacity: 1;
-    color: ${(props) => props.theme.palette.common.black};
-  }
-
-  &:focus ~ span:before,
-  &:focus ~ span:after {
-    border-color: #85b7d9;
-    border-radius: 4px;
-    background: #fff;
-    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
-  }
-
-  &.error ~ span {
-    color: ${(props) => props.theme.palette.form.error};
-  }
+var css_248z$9 = ".Checkbox-module_label__uYQc9{position:relative}.Checkbox-module_input__a4Cy-{height:17px;left:0;margin-right:var(--spacing-2);opacity:0;position:absolute;top:0;transform:translateY(1px);width:17px;z-index:99}.Checkbox-module_input__a4Cy-~span{cursor:pointer;font-size:.92857143em;padding-left:1.85714em;user-select:none}.Checkbox-module_input__a4Cy-~span:after,.Checkbox-module_input__a4Cy-~span:before{border:1px solid #22242626;border-radius:4px;content:\"\";height:17px;left:0;line-height:17px;position:absolute;top:0;width:17px;z-index:0}.Checkbox-module_input__a4Cy-:checked~span{font-style:italic}.Checkbox-module_input__a4Cy-:checked~span:before{background:#fff;border-color:#22242659}.Checkbox-module_input__a4Cy-:checked~span:after{color:var(--common-black);content:\"\\2714\";font-style:normal;opacity:1;text-align:center}.Checkbox-module_input__a4Cy-:focus~span:after,.Checkbox-module_input__a4Cy-:focus~span:before{background:#fff;border-color:#85b7d9;border-radius:4px;box-shadow:inset 0 0 0 0 #22242659}.Checkbox-module_input__a4Cy-.error~span{color:var(--form-error)}.Checkbox-module_input__a4Cy-.error~span:after,.Checkbox-module_input__a4Cy-.error~span:before{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38}.Checkbox-module_dimmed__wAzQa{color:#999c9e}";
+var classes$9 = {"label":"Checkbox-module_label__uYQc9","input":"Checkbox-module_input__a4Cy-","dimmed":"Checkbox-module_dimmed__wAzQa"};
+styleInject(css_248z$9);
 
-  &.error ~ span:before,
-  &.error ~ span:after {
-    background: #fff6f6;
-    border-color: #e0b4b4;
-    color: #9f3a38;
-  }
-`;
-const Span = styledComponents.styled.span.withConfig({ shouldForwardProp: isPropValid }) `
-  ${(props) => props.dimmed
-    ? styledComponents.css `
-          color: #999c9e;
-        `
-    : ""}
-`;
 const Checkbox = React.forwardRef((_a, ref) => {
-    var { options, spacing = 1, name, dimmed } = _a, restProps = __rest(_a, ["options", "spacing", "name", "dimmed"]);
+    var { options, spacing = 1, name, dimmed, className } = _a, restProps = __rest(_a, ["options", "spacing", "name", "dimmed", "className"]);
     return (React.createElement(React.Fragment, null, Object.entries(options).map(([value, label]) => (React.createElement(Box, { key: value, mt: spacing, mb: spacing },
-        React.createElement(Label$1, { key: value },
-            React.createElement(Input$1, Object.assign({ type: "checkbox", value: value, name: name, ref: ref }, restProps)),
-            React.createElement(Span, { dimmed: dimmed }, label)))))));
+        React.createElement("label", { className: classes$9.label, key: value },
+            React.createElement("input", Object.assign({ className: clsx(className, classes$9.input), type: "checkbox", value: value, name: name, ref: ref }, restProps)),
+            React.createElement("span", { className: clsx(dimmed && classes$9.dimmed) }, label)))))));
 });
 
-const sharedStyles = styledComponents.css `
-  padding: .67857143em 1em;
-  line-height: 1.21428571em;
-  border-radius: 4px;
-  border: 1px solid rgba(34,36,38,.15);  
-  
-  color: ${props => props.theme.palette.common.black};
-  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
-  
-  font-size: 1em;
-  outline: none;
-  
-  &:disabled, &:read-only {
-    background-color: #FAFAFA;
-  }
-  
-  &:focus {
-    color: rgba(0,0,0,.95);
-    border-color: #85b7d9;    
-    background: #fff;
-    box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
-  }
-    
-  &.error {
-    background: #fff6f6;
-    border-color: #e0b4b4;
-    color: #9f3a38;
-  }  
-  
-  &.error:focus {
-    background: #fff6f6;
-  }
-     
-  &:focus::placeholder {
-    color:rgba(115,115,115,.87) 
-  }
-  
-  &::placeholder {
-    color:rgba(191,191,191,.87); 
-  }
-  
-  &.error::placeholder {
-    color: #e7bdbc;
-  }
-  
-  &.error:focus::placeholder {
-    color: #da9796;
-  }        
-`;
-const Input = styledComponents.styled.input.withConfig({ shouldForwardProp: isPropValid }) `
-  ${sharedStyles}
-`;
-const Textarea = styledComponents.styled.textarea.withConfig({ shouldForwardProp: isPropValid }) `
-  ${sharedStyles}
-  height: 100%;
-`;
+var css_248z$8 = ".TextField-module_input__73ULM{border:1px solid #22242626;border-radius:4px;color:var(--common-black);font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:1em;line-height:1.21428571em;outline:none;padding:.67857143em 1em}.TextField-module_input__73ULM:disabled,.TextField-module_input__73ULM:read-only{background-color:#fafafa}.TextField-module_input__73ULM:focus{background:#fff;border-color:#85b7d9;box-shadow:inset 0 0 0 0 #22242659;color:#000000f2}.TextField-module_input__73ULM.error{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38}.TextField-module_input__73ULM.error:focus{background:#fff6f6}.TextField-module_input__73ULM:focus::placeholder{color:#737373de}.TextField-module_input__73ULM::placeholder{color:#bfbfbfde}.TextField-module_input__73ULM.error::placeholder{color:#e7bdbc}.TextField-module_input__73ULM.error:focus::placeholder{color:#da9796}.TextField-module_textarea__DzXRI{height:100%}";
+var classes$8 = {"input":"TextField-module_input__73ULM","textarea":"TextField-module_textarea__DzXRI"};
+styleInject(css_248z$8);
+
 const TextField = React.forwardRef((_a, ref) => {
-    var { multiline = false } = _a, restProps = __rest(_a, ["multiline"]);
-    return multiline
-        ? React.createElement(Textarea, Object.assign({ ref: ref }, restProps))
-        : React.createElement(Input, Object.assign({ ref: ref, type: "text" }, restProps));
+    var { multiline = false, className } = _a, restProps = __rest(_a, ["multiline", "className"]);
+    return multiline ? (React.createElement("textarea", Object.assign({ className: clsx(classes$8.textarea, classes$8.input, className), ref: ref }, restProps))) : (React.createElement("input", Object.assign({ className: clsx(classes$8.input, className), ref: ref, type: "text" }, restProps)));
 });
 
-const Wrapper$3 = styledComponents.styled.div `
-  position: relative;
-  display: flex;    
-`;
-const HiddenInput = styledComponents.styled.input.withConfig({ shouldForwardProp: isPropValid }) `
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;    
-  width: 100%;
-  opacity:0;
-`;
-const StyledButton = styledComponents.styled(Button) `    
-  height: 40px;
-  
-  .has-error & {
-    background: #fff6f6;
-    border-color: #e0b4b4;
-    color: #9f3a38;
-  }  
-`;
-const StyledTextField = styledComponents.styled(TextField) `
-  flex: 1;  
-  padding-right: ${props => props.theme.spacing(8)}
-`;
-const DeleteButton = styledComponents.styled.button `    
-    background-color: transparent;
-    border: 0;
-    outline: 0;    
-    padding: 0;
-   
-    position: absolute;    
-    right: 0;
-    height: 100%;
-   
-   cursor: pointer;
-                   
-    &:after {
-        box-sizing: border-box;
-        
-        color: rgba(0, 0, 0, .3);
-        content: "×";
-        
-        text-align: center;
-        vertical-align: middle;
-        display: table-cell;
-        
-        font-size: 20px;
-        height: 38px;
-        width: 38px;
-        line-height: 38px;
-        padding: 0 8px;
-    }
-`;
+var css_248z$7 = ".FileField-module_wrapper__Av1Bz{display:flex;position:relative}.FileField-module_hiddenInput__42z5Q{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.FileField-module_button__13cFn{height:40px}.FileField-module_textField__-9ZPk{flex:1;padding-right:calc(var(--spacing)*8)}.FileField-module_deleteButton__RpWa3{background-color:initial;border:0;cursor:pointer;height:100%;outline:0;padding:0;position:absolute;right:0}.FileField-module_deleteButton__RpWa3:after{box-sizing:border-box;color:#0000004d;content:\"×\";display:table-cell;font-size:20px;height:38px;line-height:38px;padding:0 8px;text-align:center;vertical-align:middle;width:38px}";
+var classes$7 = {"wrapper":"FileField-module_wrapper__Av1Bz","hiddenInput":"FileField-module_hiddenInput__42z5Q","button":"FileField-module_button__13cFn","textField":"FileField-module_textField__-9ZPk","deleteButton":"FileField-module_deleteButton__RpWa3"};
+styleInject(css_248z$7);
+
 const FileField = React.forwardRef((_a, ref) => {
     var { className, placeholder, chooseFileLabel = "Choose file", changeFileLabel = "Change file", onClear } = _a, props = __rest(_a, ["className", "placeholder", "chooseFileLabel", "changeFileLabel", "onClear"]);
     const [originalRef, setOriginalRef] = React.useState();
@@ -2667,101 +1357,60 @@ const FileField = React.forwardRef((_a, ref) => {
     }, []);
     const handleRemove = React.useCallback(() => {
         if (originalRef) {
-            originalRef.value = '';
+            originalRef.value = "";
             originalRef.files = null;
-            originalRef.dispatchEvent(new Event('change', { bubbles: true }));
+            originalRef.dispatchEvent(new Event("change", { bubbles: true }));
             if (onClear) {
                 onClear();
             }
         }
     }, [originalRef, onClear]);
     const extendedRef = React.useMemo(() => (el) => {
-        el === null || el === void 0 ? void 0 : el.addEventListener('change', handleChange);
+        el === null || el === void 0 ? void 0 : el.addEventListener("change", handleChange);
         setOriginalRef(el);
-        if (typeof ref === 'function') {
+        if (typeof ref === "function") {
             ref === null || ref === void 0 ? void 0 : ref(el);
         }
     }, [ref, handleChange]);
-    return (React.createElement(Wrapper$3, null,
-        React.createElement(HiddenInput, Object.assign({ type: 'file', ref: extendedRef }, props)),
-        React.createElement(StyledButton, { variant: 'basic' }, !!fileName ? changeFileLabel : chooseFileLabel),
-        React.createElement(StyledTextField, { placeholder: placeholder, className: className, disabled: true, value: fileName }),
-        !!fileName && onClear && React.createElement(DeleteButton, { "data-testid": 'file-clear', onClick: handleRemove })));
+    return (React.createElement("div", { className: classes$7.wrapper },
+        React.createElement("input", Object.assign({ className: classes$7.hiddenInput, type: "file", ref: extendedRef }, props)),
+        React.createElement(Button, { className: classes$7.button, variant: "basic" }, !!fileName ? changeFileLabel : chooseFileLabel),
+        React.createElement(TextField, { placeholder: placeholder, className: clsx(classes$7.textField, className), disabled: true, value: fileName }),
+        !!fileName && onClear && (React.createElement("button", { className: classes$7.deleteButton, "data-testid": "file-clear", onClick: handleRemove }))));
 });
 
-const Wrapper$2 = styledComponents.styled.div `
-  position: relative;
-`;
-const StyledSelect = styledComponents.styled.select.withConfig({ shouldForwardProp: isPropValid }) `
-  width: 100%;
-
-  padding: .67857143em 1em;
-  line-height: 1.21428571em;
-  border-radius: 4px;
-  border: 1px solid rgba(34,36,38,.15);  
-  
-  color: ${props => props.theme.palette.common.black};
-  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
-  
-  font-size: 1em;
-  outline: none; 
-  
-  appearance: none;
-  
-  &.error {
-    background: #fff6f6;
-    border-color: #e0b4b4;
-    color: #9f3a38;
-  }
-  
-  &.error~div {
-    color: #9f3a38;
-  }    
-`;
-const PaddingOverlay = styledComponents.styled.div `
-  pointer-events: none;
-  padding: 0 1em;
-  position:absolute;  
-  height: 100%;
-  top: 0;
-  right: 0; 
-  font-size: 17px;
-  line-height: 40px;
-`;
+var css_248z$6 = ".Select-module_wrapper__vBUHm{position:relative}.Select-module_select__tfPHD{appearance:none;border:1px solid #22242626;border-radius:4px;color:var(--common-black);font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:1em;line-height:1.21428571em;outline:none;padding:.67857143em 1em;width:100%}.Select-module_select__tfPHD.error{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38}.Select-module_select__tfPHD.error~div{color:#9f3a38}.Select-module_paddingOverlay__Y6O4-{font-size:17px;height:100%;line-height:40px;padding:0 1em;pointer-events:none;position:absolute;right:0;top:0}";
+var classes$6 = {"wrapper":"Select-module_wrapper__vBUHm","select":"Select-module_select__tfPHD","paddingOverlay":"Select-module_paddingOverlay__Y6O4-"};
+styleInject(css_248z$6);
+
 const Select = React.forwardRef((_a, ref) => {
-    var { options } = _a, props = __rest(_a, ["options"]);
+    var { options, className } = _a, props = __rest(_a, ["options", "className"]);
     const optionsArray = Array.isArray(options)
         ? options
         : Object.entries(options);
-    return (React.createElement(Wrapper$2, null,
-        React.createElement(StyledSelect, Object.assign({ ref: ref }, props), optionsArray.map(([value, label]) => (React.createElement("option", { key: value, value: value }, label)))),
-        React.createElement(PaddingOverlay, null, "\u25BE")));
+    return (React.createElement("div", { className: classes$6.wrapper },
+        React.createElement("select", Object.assign({ className: clsx(classes$6.select, className), ref: ref }, props), optionsArray.map(([value, label]) => (React.createElement("option", { key: value, value: value }, label)))),
+        React.createElement("div", { className: classes$6.paddingOverlay }, "\u25BE")));
 });
 
+var css_248z$5 = ".PasswordStrengthField-module_progress__KIvlC{background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px #0000001a;height:3px;margin-top:var(--spacing)}.PasswordStrengthField-module_progressBar__Wz5Rz{height:100%;transition:width .6s ease,background-color .6s ease;width:var(--width,0)}.PasswordStrengthField-module_progressBar__Wz5Rz.PasswordStrengthField-module_bad__n300O{background-color:#e90f10}.PasswordStrengthField-module_progressBar__Wz5Rz.PasswordStrengthField-module_ok__LMIms{background-color:#ffad00}.PasswordStrengthField-module_progressBar__Wz5Rz.PasswordStrengthField-module_good__MhPYT{background-color:#02b502}";
+var classes$5 = {"progress":"PasswordStrengthField-module_progress__KIvlC","progressBar":"PasswordStrengthField-module_progressBar__Wz5Rz","bad":"PasswordStrengthField-module_bad__n300O","ok":"PasswordStrengthField-module_ok__LMIms","good":"PasswordStrengthField-module_good__MhPYT"};
+styleInject(css_248z$5);
+
 const passwordMinLength = (val) => val.length >= 8;
 const passwordHasNumbers = (val) => /\d/.test(val);
 const passwordHasLowerAndUppercase = (val) => /[a-z]/.test(val) && /[A-Z]/.test(val);
 const passwordHasSpecialChars = (val) => /[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(val);
-const checks = [passwordMinLength, passwordHasNumbers, passwordHasLowerAndUppercase, passwordHasSpecialChars];
+const checks = [
+    passwordMinLength,
+    passwordHasNumbers,
+    passwordHasLowerAndUppercase,
+    passwordHasSpecialChars,
+];
 const maxScore = checks.length + 1;
 const calculatePasswordScore = (val) => checks
     .map((check) => check(val))
-    .reduce((acc, value) => value
-    ? acc + 1
-    : acc, 1);
-const Progress = styledComponents.styled.div `
-    margin-top: ${props => props.theme.spacing(1)};
-    height: 3px;
-    background-color: #f5f5f5;
-    border-radius: 4px;
-    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
-`;
-const ProgressBar = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
-    width: ${props => props.score ? (props.score / maxScore) * 100 : 0}%;
-    height: 100%;
-    background-color: ${props => props.score <= 2 ? '#e90f10' : props.score <= 3 ? '#ffad00' : '#02b502'} ;
-    transition: width .6s ease, background-color .6s ease;
-`;
+    .reduce((acc, value) => (value ? acc + 1 : acc), 1);
 const PasswordStrengthField = React.forwardRef((props, ref) => {
     const [score, setScore] = React.useState(0);
     const handleChange = React.useCallback((e) => {
@@ -2769,191 +1418,121 @@ const PasswordStrengthField = React.forwardRef((props, ref) => {
         setScore(target.value ? calculatePasswordScore(target.value) : 0);
     }, []);
     const extendedRef = React.useMemo(() => (el) => {
-        el === null || el === void 0 ? void 0 : el.addEventListener('keyup', handleChange);
-        if (typeof ref === 'function') {
+        el === null || el === void 0 ? void 0 : el.addEventListener("keyup", handleChange);
+        if (typeof ref === "function") {
             ref === null || ref === void 0 ? void 0 : ref(el);
         }
     }, [ref, handleChange]);
-    return React.createElement(React.Fragment, null,
+    return (React.createElement(React.Fragment, null,
         React.createElement(TextField, Object.assign({}, props, { type: "password", ref: extendedRef })),
-        React.createElement(Progress, null,
-            React.createElement(ProgressBar, { score: score })));
+        React.createElement("div", { className: classes$5.progress },
+            React.createElement("div", { className: clsx(classes$5.progressBar, score <= 2 ? classes$5.bad : score <= 3 ? classes$5.ok : classes$5.good), 
+                // @ts-ignore
+                style: { "--width": (score / maxScore) * 100 + "%" } }))));
 });
 
+var css_248z$4 = ".FormGridWrapper-module_label__3OAEA{color:var(--common-black);display:block;font-size:.92857143em;font-weight:700;line-height:1.4em;margin:0 0 var(--spacing) 0}.FormGridWrapper-module_label__3OAEA.FormGridWrapper-module_error__80-SA{color:var(--form-error)}.FormGridWrapper-module_hint__lj9vT{color:var(--form-hint);font-size:.92857143em;line-height:1.4em;margin:var(--spacing--1) 0 var(--spacing) 0}.FormGridWrapper-module_hint__lj9vT.FormGridWrapper-module_error__80-SA{color:#da9796}.FormGridWrapper-module_requiredAsterisk__-4sG4{color:var(--form-hint)}.FormGridWrapper-module_requiredAsterisk__-4sG4:after{content:\" *\"}.FormGridWrapper-module_error__80-SA{color:var(--form-error);font-size:.92857143em;font-style:italic;font-weight:700;line-height:1.4em;margin:var(--spacing) 0 0 0}";
+var classes$4 = {"label":"FormGridWrapper-module_label__3OAEA","error":"FormGridWrapper-module_error__80-SA","hint":"FormGridWrapper-module_hint__lj9vT","requiredAsterisk":"FormGridWrapper-module_requiredAsterisk__-4sG4"};
+styleInject(css_248z$4);
+
+var css_248z$3 = ".FormGridCell-module_formGridCell__Y3e5s{margin:0 var(--spacing-2)}.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_rowOffset__xvXeK{align-self:auto;display:flex;flex-direction:column;margin-bottom:16px;-ms-grid-row-align:initial}.FormGridCell-module_formGridCell__Y3e5s:not(.FormGridCell-module_rowOffset__xvXeK){align-self:end;-ms-grid-row-align:end}@media(min-width:0px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_mobile--position__1AeHR{grid-row-start:var(--mobile-row);-ms-grid-row:var(--mobile-row);grid-row-end:span var(--mobile-rowSpan);-ms-grid-row-span:var(--mobile-rowSpan);grid-column-start:var(--mobile-column);-ms-grid-column:var(--mobile-column);grid-column-end:span var(--mobile-columnSpan);-ms-grid-column-span:var(--mobile-columnSpan)}}@media(min-width:768px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_tablet--position__Xxybj{grid-row-start:var(--tablet-row);-ms-grid-row:var(--tablet-row);grid-row-end:span var(--tablet-rowSpan);-ms-grid-row-span:var(--tablet-rowSpan);grid-column-start:var(--tablet-column);-ms-grid-column:var(--tablet-column);grid-column-end:span var(--tablet-columnSpan);-ms-grid-column-span:var(--tablet-columnSpan)}}@media(min-width:1024px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_laptop--position__gMNqe{grid-row-start:var(--laptop-row);-ms-grid-row:var(--laptop-row);grid-row-end:span var(--laptop-rowSpan);-ms-grid-row-span:var(--laptop-rowSpan);grid-column-start:var(--laptop-column);-ms-grid-column:var(--laptop-column);grid-column-end:span var(--laptop-columnSpan);-ms-grid-column-span:var(--laptop-columnSpan)}}@media(min-width:1430px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_desktop--position__UDC4a{grid-row-start:var(--desktop-row);-ms-grid-row:var(--desktop-row);grid-row-end:span var(--desktop-rowSpan);-ms-grid-row-span:var(--desktop-rowSpan);grid-column-start:var(--desktop-column);-ms-grid-column:var(--desktop-column);grid-column-end:span var(--desktop-columnSpan);-ms-grid-column-span:var(--desktop-columnSpan)}}";
+var classes$3 = {"formGridCell":"FormGridCell-module_formGridCell__Y3e5s","rowOffset":"FormGridCell-module_rowOffset__xvXeK","mobile:position":"FormGridCell-module_mobile--position__1AeHR","tablet:position":"FormGridCell-module_tablet--position__Xxybj","laptop:position":"FormGridCell-module_laptop--position__gMNqe","desktop:position":"FormGridCell-module_desktop--position__UDC4a"};
+styleInject(css_248z$3);
+
 const NUM_ROWS_PER_FIELD = 2;
-// NOTE:
-//
-// We have to implement our own version of -ms-grid.
-// Styled-components does not automatically prefix it, as the specs do not completely overlap.
-// https://github.com/thysultan/stylis.js/issues/51
-//
-// We can achieve our goals using both specs though.
-const generateDimensionsCss = (position, rowOffset) => {
-    const parts = [];
-    if (position === undefined) {
-        return parts;
-    }
+const generateDimensionVariablesForBreakpoint = (breakPoint, position, rowOffset) => {
+    const parts = {};
     if (position.row !== undefined) {
-        parts.push(styledComponents.css `
-      grid-row-start: ${(position.row * NUM_ROWS_PER_FIELD) + 1 + rowOffset};
-      -ms-grid-row: ${(position.row * NUM_ROWS_PER_FIELD) + 1 + rowOffset};
-    `);
+        parts[`--${breakPoint}-row`] =
+            position.row * NUM_ROWS_PER_FIELD + 1 + rowOffset;
     }
     if (position.rowSpan && rowOffset) {
-        parts.push(styledComponents.css `
-      grid-row-end: span ${(position.rowSpan * NUM_ROWS_PER_FIELD) - 1};
-      -ms-grid-row-span: ${(position.rowSpan * NUM_ROWS_PER_FIELD) - 1};
-    `);
+        parts[`--${breakPoint}-rowSpan`] =
+            position.rowSpan * NUM_ROWS_PER_FIELD - 1;
     }
     if (position.column !== undefined) {
-        parts.push(styledComponents.css `
-      grid-column-start: ${position.column + 1};
-      -ms-grid-column: ${position.column + 1};
-    `);
+        parts[`--${breakPoint}-column`] = position.column + 1;
     }
     if (position.columnSpan !== undefined) {
-        parts.push(styledComponents.css `
-      grid-column-end: span ${position.columnSpan};
-      -ms-grid-column-span: ${position.columnSpan};
-    `);
+        parts[`--${breakPoint}-columnSpan`] = position.columnSpan;
     }
     return parts;
 };
-const FormGridCell = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) ` 
-  margin: 0px 8px;
-  
-  ${props => props.rowOffset !== undefined && styledComponents.css `
-    display: flex;
-    flex-direction: column;
-    margin-bottom: 16px;`}
-       
-  align-self: ${props => props.rowOffset === undefined ? "end" : "initial"};
-  -ms-grid-row-align: ${props => props.rowOffset === undefined ? "end" : "initial"};
-  
-  ${(props) => responsiveProps(props, {
-    "align": unit => styledComponents.css `text-align: ${unit};`,
-    "position": unit => { var _a; return generateDimensionsCss(unit, (_a = props.rowOffset) !== null && _a !== void 0 ? _a : 0); }
-})} 
-`;
-FormGridCell.displayName = "FormGridCell";
-
-const Label = styledComponents.styled.label.withConfig({ shouldForwardProp: isPropValid }) `
-    display: block;
-    color: ${(props => !!props.error ? props.theme.palette.form.error : props.theme.palette.common.black)} ;    
-    font-weight: bold;
-    margin: ${props => props.theme.spacing(0, 0, 1, 0)};
-    line-height: 1.4em; 
-    font-size: .92857143em;
-`;
-const Hint = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
-    color: ${(props => !!props.error ? "#da9796;" : props.theme.palette.form.hint)};
-    margin: ${props => props.theme.spacing(-1, 0, 1, 0)};
-    line-height: 1.4em;
-    font-size: .92857143em;        
-`;
-const RequiredAsterisk = styledComponents.styled.span.withConfig({ shouldForwardProp: isPropValid }) `
-    color: ${props => props.theme.palette.form.hint};
-`;
-const Error$1 = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `    
-    color: ${props => props.theme.palette.form.error};    
-    margin: ${props => props.theme.spacing(1, 0, 0, 0)};
-    font-weight: bold;       
-    font-style: italic;       
-    line-height: 1.4em;
-    font-size: .92857143em;    
-`;
-const getFormGridWrapperProps = ({ position, align, label, hint, error, isRequired }) => ({ position, align, label, hint, error, isRequired });
+const generateDimensionVariables = (position, rowOffset) => breakPoints.reduce((acc, breakpoint) => (position === null || position === void 0 ? void 0 : position[breakpoint])
+    ? Object.assign(Object.assign({}, acc), generateDimensionVariablesForBreakpoint(breakpoint, position[breakpoint], rowOffset)) : acc, {});
+const FormGridCell = ({ position, align, rowOffset = 0, children, className, }) => {
+    if (!position || !isResponsiveObject(position))
+        throw new Error("FormGridCell should set a position");
+    const { classNames, variables } = getResponsiveProps({
+        textAlign: align,
+    });
+    const dimensionVariables = generateDimensionVariables(position, rowOffset);
+    return (React.createElement("div", { className: clsx(classes$3.formGridCell, rowOffset && classes$3.rowOffset, position.mobile && classes$3["mobile:position"], position.tablet && classes$3["tablet:position"], position.laptop && classes$3["laptop:position"], position.desktop && classes$3["desktop:position"], classNames, className), style: Object.assign(Object.assign({}, variables), dimensionVariables) }, children));
+};
+
+const getFormGridWrapperProps = ({ position, align, label, hint, error, isRequired, }) => ({
+    position,
+    align,
+    label,
+    hint,
+    error,
+    isRequired,
+});
 const FormGridWrapper = ({ position, align, label, hint, error, isRequired, children }) => (React.createElement(React.Fragment, null,
-    React.createElement(FormGridCell, { position: position, align: align, className: 'form-grid-cell__label-hint' },
-        label && (React.createElement(Label, { error: error },
+    React.createElement(FormGridCell, { position: position, align: align, className: "form-grid-cell__label-hint" },
+        label && (React.createElement("label", { className: clsx(classes$4.label, !!error && classes$4.error) },
             label,
-            isRequired && React.createElement(RequiredAsterisk, null, " *"))),
-        hint && (React.createElement(Hint, { error: error }, hint))),
-    React.createElement(FormGridCell, { position: position, align: align, rowOffset: 1, className: clsx({ 'form-grid-cell__field-error': true, 'has-error': !!error }) },
+            isRequired && React.createElement("span", { className: classes$4.requiredAsterisk }))),
+        hint && (React.createElement("div", { className: clsx(classes$4.hint, !!error && classes$4.error) }, hint))),
+    React.createElement(FormGridCell, { position: position, align: align, rowOffset: 1, className: clsx({
+            "form-grid-cell__field-error": true,
+            "has-error": !!error,
+        }) },
         children,
-        error && (React.createElement(Error$1, null, error)))));
-
-const FormGrid = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
-  margin: 0 -8px -16px -8px;
-
-  display: -ms-grid;
-  display: grid;
-
-  -ms-grid-columns: 1fr;   
-  
-  ${(props) => responsiveProps(props, {
-    columns: (string) => styledComponents.css `
-        -ms-grid-columns: ${string};           
-        grid-template-columns: ${string};
-      `
-})}
-`;
-FormGrid.displayName = "FormGrid";
-
-const Wrapper$1 = styledComponents.styled(Box) `
-  background-color: #f3f3f4;
-`;
-const WrapperInner = styledComponents.styled(Box) `
-  position: relative;
-`;
-const SidebarWrapper = styledComponents.styled(Box) `
-  position: absolute;
-  height: 100%;
-  z-index: 50;
-  pointer-events: none;
-`;
-const ContentBox = styledComponents.styled(Box) `
-  height: 100%;
-`;
+        error && React.createElement("div", { className: classes$4.error }, error))));
+
+var css_248z$2 = ".FormGrid-module_formGrid__2OSmK{display:-ms-grid;display:grid;margin:0 -8px -16px;-ms-grid-columns:1fr}";
+var classes$2 = {"formGrid":"FormGrid-module_formGrid__2OSmK"};
+styleInject(css_248z$2);
+
+const FormGrid = (_a) => {
+    var { columns, className } = _a, props = __rest(_a, ["columns", "className"]);
+    const { classNames, variables } = getResponsiveProps({ columns });
+    return (React.createElement("div", Object.assign({ className: clsx(classes$2.formGrid, className, classNames), 
+        // @ts-ignore
+        style: Object.assign(Object.assign({}, variables), { "--numRowsPerField": 2 }) }, props)));
+};
+
+var css_248z$1 = ".BasicLayout-module_wrapper__fi1G3{background-color:#f3f3f4}.BasicLayout-module_wrapperInner__SqthQ{position:relative}.BasicLayout-module_sidebarWrapper__2x7ZG{height:100%;pointer-events:none;position:absolute;z-index:50}.BasicLayout-module_contentBox__8uu8L{height:100%}";
+var classes$1 = {"wrapper":"BasicLayout-module_wrapper__fi1G3","wrapperInner":"BasicLayout-module_wrapperInner__SqthQ","sidebarWrapper":"BasicLayout-module_sidebarWrapper__2x7ZG","contentBox":"BasicLayout-module_contentBox__8uu8L"};
+styleInject(css_248z$1);
+
 const BasicLayout = ({ sideBarProps, topBarProps, footerProps, isLoading, loader, children, }) => {
-    return (React.createElement(Wrapper$1, { flexGrow: 1, display: "flex", flexDirection: "column" },
-        React.createElement(WrapperInner, { flexGrow: 1, flexShrink: 0 },
-            sideBarProps && (React.createElement(SidebarWrapper, null,
+    return (React.createElement(Box, { className: classes$1.wrapper, flexGrow: 1, display: "flex", flexDirection: "column" },
+        React.createElement(Box, { className: classes$1.wrapperInner, flexGrow: 1, flexShrink: 0 },
+            sideBarProps && (React.createElement(Box, { className: classes$1.sidebarWrapper },
                 React.createElement(SideBar, Object.assign({}, sideBarProps)))),
-            React.createElement(ContentBox, { display: "flex", flexDirection: "column" },
+            React.createElement(Box, { className: classes$1.contentBox, display: "flex", flexDirection: "column" },
                 React.createElement(TopBar, Object.assign({}, topBarProps)),
                 React.createElement(Box, { p: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile }, pl: { laptop: VerticalRhythmLaptop + SIDEBAR_COLLAPSED_WIDTH }, flexGrow: 1 }, isLoading && loader ? loader : children),
                 React.createElement(Footer, Object.assign({}, footerProps))))));
 };
 
-const Wrapper = styledComponents.styled(Box) `
-  background-color:  ${props => props.baseColor || 'white'};
-  position: absolute;
-  min-width: 100%;
-  min-height: 100%;  
-`;
-const Background = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-       
-  opacity: ${props => { var _a; return (_a = props.opacity) !== null && _a !== void 0 ? _a : 1; }} ;
-  background: url("${props => props.imageUrl}");
-  background-size: cover;
-`;
-const StyledAnimation = styledComponents.styled(SlideInFromTop) `
-  z-index: 10;
-  margin: auto auto;
-`;
-const StyledPanel = styledComponents.styled(Panel) `
-  box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);  
-  min-width: 280px;   
-`;
-const Logo = styledComponents.styled.img `
-  display:none;
-  position: absolute;
-  left: 0;
-  top: ${props => props.theme.spacing(8)};
-  ${mq("tablet", `display: block;`)}
-`;
-const FloatingPanelLayout = ({ panelProps, imageUrl, alert, logoUrl, backgroundBaseColor, backgroundOpacity }) => (React.createElement(Wrapper, { display: "flex", alignItems: "center", baseColor: backgroundBaseColor },
-    React.createElement(Background, { imageUrl: imageUrl, opacity: backgroundOpacity }),
-    logoUrl && (React.createElement(Logo, { src: logoUrl, alt: "Logo" })),
-    React.createElement(StyledAnimation, null,
-        alert && (React.createElement(Box, { pb: VerticalRhythmLaptop }, alert)),
-        React.createElement(StyledPanel, Object.assign({}, panelProps)))));
+var css_248z = ".FloatingPanelLayout-module_wrapper__XlZwj{background-color:var(--base-color,#fff);min-height:100%;min-width:100%;position:absolute}.FloatingPanelLayout-module_background__vI4Uc{background-size:cover;height:100%;left:0;opacity:var(--opacity,1);position:absolute;top:0;width:100%}.FloatingPanelLayout-module_animation__031Vf{margin:auto;z-index:10}.FloatingPanelLayout-module_panel__Dmfof{box-shadow:0 8px 8px 0 #22242626;min-width:280px}.FloatingPanelLayout-module_logo__-5gan{display:none;left:0;position:absolute;top:calc(var(--spacing)*8)}@media (min-width:768px){.FloatingPanelLayout-module_logo__-5gan{display:block}}";
+var classes = {"wrapper":"FloatingPanelLayout-module_wrapper__XlZwj","background":"FloatingPanelLayout-module_background__vI4Uc","animation":"FloatingPanelLayout-module_animation__031Vf","panel":"FloatingPanelLayout-module_panel__Dmfof","logo":"FloatingPanelLayout-module_logo__-5gan"};
+styleInject(css_248z);
+
+const FloatingPanelLayout = ({ panelProps, imageUrl, alert, logoUrl, backgroundBaseColor, backgroundOpacity, }) => (React.createElement(Box, { className: classes.wrapper, 
+    // @ts-ignore
+    style: backgroundBaseColor && { "--base-color": backgroundBaseColor }, display: "flex", alignItems: "center", baseColor: backgroundBaseColor },
+    React.createElement("div", { className: classes.background, style: {
+            opacity: backgroundOpacity || 1,
+            backgroundImage: `url(${imageUrl})`,
+        } }),
+    logoUrl && React.createElement("img", { src: logoUrl, alt: "Logo", className: classes.logo }),
+    React.createElement(SlideInFromTop, { className: classes.animation },
+        alert && React.createElement(Box, { pb: VerticalRhythmLaptop }, alert),
+        React.createElement(Panel, Object.assign({}, panelProps, { className: clsx(classes.panel, panelProps.className) })))));
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -3791,7 +2370,7 @@ var Symbol = root.Symbol,
 var nativeMax = Math.max;
 
 /* Built-in method references that are verified to be native. */
-var Map$1 = getNative(root, 'Map'),
+var Map = getNative(root, 'Map'),
     nativeCreate = getNative(Object, 'create');
 
 /**
@@ -4032,7 +2611,7 @@ function MapCache(entries) {
 function mapCacheClear() {
   this.__data__ = {
     'hash': new Hash,
-    'map': new (Map$1 || ListCache),
+    'map': new (Map || ListCache),
     'string': new Hash
   };
 }
@@ -4711,8 +3290,7 @@ const equalColumns = (num, buttonGutter) => {
 };
 
 class FormPositioner {
-    constructor(fields, columns = {} // -> ignore property, its used to pass along internally.
-    ) {
+    constructor(fields, columns = {}) {
         this.fields = fields;
         this.columns = columns;
     }
@@ -4741,33 +3319,30 @@ class FormPositioner {
         // Make sure the given grid is a valid grid:
         assertGridIsValid(Object.keys(this.fields), grid);
         // Update position attributes for the given fields:
-        const fields = immer.produce(this.fields, draftState => {
-            Object
-                .keys(this.fields)
-                .forEach(key => {
-                const fieldProps = draftState[key].props;
-                const { topLeft, bottomRight } = grid.getCoordinatesForValue(key);
-                if (fieldProps.position === undefined) {
-                    fieldProps.position = {};
-                }
-                if (!isResponsiveObject(fieldProps.position)) {
-                    // When there already was a position set, but it wasn't marked responsive,
-                    // We set that value to the lowest breakpoint:
-                    fieldProps.position = { mobile: fieldProps.position };
-                }
-                // Set values to breakpoint.
-                // @ts-ignore
-                fieldProps.position[breakPoint] = {
-                    column: topLeft.x,
-                    columnSpan: bottomRight.x - topLeft.x + 1,
-                    row: topLeft.y,
-                    rowSpan: bottomRight.y - topLeft.y + 1
-                };
-            });
+        const clonedFields = deepClone(this.fields);
+        Object.keys(this.fields).forEach((key) => {
+            const fieldProps = clonedFields[key].props;
+            const { topLeft, bottomRight } = grid.getCoordinatesForValue(key);
+            if (fieldProps.position === undefined) {
+                fieldProps.position = {};
+            }
+            if (!isResponsiveObject(fieldProps.position)) {
+                // When there already was a position set, but it wasn't marked responsive,
+                // We set that value to the lowest breakpoint:
+                fieldProps.position = { mobile: fieldProps.position };
+            }
+            // Set values to breakpoint.
+            // @ts-ignore
+            fieldProps.position[breakPoint] = {
+                column: topLeft.x,
+                columnSpan: bottomRight.x - topLeft.x + 1,
+                row: topLeft.y,
+                rowSpan: bottomRight.y - topLeft.y + 1,
+            };
         });
         // Return a new formPositioner.
         // It allows us to chain, while still being immutable.
-        return new FormPositioner(fields, this.columns);
+        return new FormPositioner(clonedFields, this.columns);
     }
     /**
      * Aligns all input-fields vertically.
@@ -4791,10 +3366,11 @@ class FormPositioner {
     getScaffoldProps() {
         return {
             fields: this.fields,
-            columns: this.columns
+            columns: this.columns,
         };
     }
 }
+const deepClone = (obj) => JSON.parse(JSON.stringify(obj));
 
 const ScaffoldFormContext = React.createContext({ factory: undefined });
 const ScaffoldFormProvider = ({ factory, children }) => (React.createElement(ScaffoldFormContext.Provider, { value: { factory: factory } }, children));
@@ -4825,20 +3401,18 @@ const ScaffoldField = React.forwardRef((_a, ref) => {
     const Component = (factory === null || factory === void 0 ? void 0 : factory(field)) || getComponent(field);
     // @ts-ignore
     if (field.type === "TextField" && field.props.type === "hidden") {
-        return React.createElement(Component, Object.assign({ ref: ref, name: name }, restProps, field.props));
+        return (React.createElement(Component, Object.assign({ ref: ref, name: name }, restProps, field.props)));
     }
     return (React.createElement(FormGridWrapper, Object.assign({}, formGridWrapperProps),
-        React.createElement(Component, Object.assign({ ref: ref, name: name, placeholder: field.props.placeholder || formGridWrapperProps.label, className: clsx(!!formGridWrapperProps.error && 'error', field.props.className) }, restProps, field.props))));
+        React.createElement(Component, Object.assign({ ref: ref, name: name, placeholder: field.props.placeholder || formGridWrapperProps.label, className: clsx(!!formGridWrapperProps.error && "error", field.props.className) }, restProps, field.props))));
 });
 
 const ScaffoldForm = React.forwardRef((_a, ref) => {
     var { children, columns, fields, prefixFieldNames } = _a, restProps = __rest(_a, ["children", "columns", "fields", "prefixFieldNames"]);
     return (React.createElement(FormGrid, { columns: columns },
-        Object
-            .entries(fields)
-            .map(([key, fieldProps]) => (
+        Object.entries(fields).map(([key, fieldProps]) => (
         // @ts-ignore
-        React.createElement(ScaffoldField, Object.assign({ name: `${prefixFieldNames !== null && prefixFieldNames !== void 0 ? prefixFieldNames : ''}${key}`, key: key, field: fieldProps, ref: ref }, restProps)))),
+        React.createElement(ScaffoldField, Object.assign({ name: `${prefixFieldNames !== null && prefixFieldNames !== void 0 ? prefixFieldNames : ""}${key}`, key: key, field: fieldProps, ref: ref }, restProps)))),
         children));
 });
 
@@ -4880,6 +3454,7 @@ exports.Paginator = Paginator;
 exports.Panel = Panel;
 exports.Paragraph = Paragraph;
 exports.PasswordStrengthField = PasswordStrengthField;
+exports.ScaffoldField = ScaffoldField;
 exports.ScaffoldForm = ScaffoldForm;
 exports.ScaffoldFormContext = ScaffoldFormContext;
 exports.ScaffoldFormProvider = ScaffoldFormProvider;
@@ -4896,20 +3471,18 @@ exports.Tabs = Tabs;
 exports.TextField = TextField;
 exports.Timeline = Timeline;
 exports.TopBar = TopBar;
-exports.UiProvider = UiProvider;
 exports.UiWrapper = UiWrapper;
 exports.VerticalRhythmLaptop = VerticalRhythmLaptop;
 exports.VerticalRhythmMobile = VerticalRhythmMobile;
+exports.breakPoints = breakPoints;
 exports.calculatePasswordScore = calculatePasswordScore;
 exports.getFormGridWrapperProps = getFormGridWrapperProps;
+exports.getResponsiveProps = getResponsiveProps;
 exports.isResponsiveObject = isResponsiveObject;
-exports.mq = mq;
 exports.passwordHasLowerAndUppercase = passwordHasLowerAndUppercase;
 exports.passwordHasNumbers = passwordHasNumbers;
 exports.passwordHasSpecialChars = passwordHasSpecialChars;
 exports.passwordMinLength = passwordMinLength;
-exports.responsiveProps = responsiveProps;
-exports.theme = theme;
 exports.useCloseSidebarOnNavigate = useCloseSidebarOnNavigate;
 exports.useResponsiveBreakpoints = useResponsiveBreakpoints;
 exports.useToggleMobileMenu = useToggleMobileMenu;