@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons&style=outline&display=block);
.container___qWx5I {
  border-radius: 0px;
  border-radius: var(--spacing-20);
}

.button___ggdv3 {
  cursor: pointer;
  border: none;
  padding: var(--spacing-40) var(--spacing-50);
  width: 100%;
  border-radius: var(--spacing-20);
  color: var(--color-secondary);
  text-transform: uppercase;
}
.button___ggdv3:focus {
  outline: none;
}

.text___gxrNx {
  background-color: transparent;
}
.text___gxrNx:hover {
  background-color: var(--color-secondary-background);
  color: var(--color-white);
}
.text___gxrNx:disabled {
  color: var(--color-dull);
  background-color: transparent;
}

.link___HA6sC {
  padding: var(--spacing-00);
  background-color: transparent;
  line-height: 20px;
}
.link___HA6sC:hover {
  color: var(--color-secondary-light);
}
.link___HA6sC:disabled {
  color: var(--color-dull);
  background-color: transparent;
  cursor: default;
  pointer-events: none;
}

.outline___yVv86 {
  border: solid 1px;
  border-color: var(--color-secondary);
}
.outline___yVv86:hover {
  background-color: var(--color-secondary-background);
  color: var(--color-white);
}
.outline___yVv86:disabled {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
  border-color: var(--color-dull);
}

.contained___Fjt0f {
  border: solid 1px;
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
  color: var(--color-white);
}

.contained___Fjt0f:hover {
  background-color: var(--color-secondary-light);
}

.contained___Fjt0f:disabled {
  background-color: var(--color-dull);
  border-color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}

.pushTop___G2wNo {
  margin-top: calc(-1 * var(--spacing-50));
}
.pushRight___dZymN {
  margin-right: calc(-1 * var(--spacing-50));
}
.pushBottom___hOuNq {
  margin-bottom: calc(-1 * var(--spacing-50));
}
.pushLeft___UeLsL {
  margin-left: calc(-1 * var(--spacing-50));
}

.width5___nVJFm {
  max-width: 5%;
  min-width: 5%;
}

.width10___aPcPY {
  max-width: 10%;
  min-width: 10%;
}

.width15___q3YrY {
  max-width: 15%;
  min-width: 15%;
}

.width20___akzgc {
  max-width: 20%;
  min-width: 20%;
}

.width25___yjFas {
  max-width: 25%;
  min-width: 25%;
}

.width30___sLfaM {
  max-width: 30%;
  min-width: 30%;
}

.width35___hGyQt {
  max-width: 35%;
  min-width: 35%;
}

.width40___oup4C {
  max-width: 40%;
  min-width: 40%;
}

.width45___VrtfF {
  max-width: 45%;
  min-width: 45%;
}

.width50___r3C8A {
  max-width: 50%;
  min-width: 50%;
}

.width55___hRBWX {
  max-width: 55%;
  min-width: 55%;
}

.width60___crEl_ {
  max-width: 60%;
  min-width: 60%;
}

.width65___yuqYS {
  max-width: 65%;
  min-width: 65%;
}

.width70___r8oES {
  max-width: 70%;
  min-width: 70%;
}

.width75___uAvL1 {
  max-width: 75%;
  min-width: 75%;
}

.width80___yes8a {
  max-width: 80%;
  min-width: 80%;
}

.width85___o5Hg5 {
  max-width: 85%;
  min-width: 85%;
}

.width90___qKRk_ {
  max-width: 90%;
  min-width: 90%;
}

.width95___Pg36U {
  max-width: 95%;
  min-width: 95%;
}

.width100___C9plQ {
  max-width: 100%;
  min-width: 100%;
}

.layout-row___VJYGb {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.layout-row-reverse___RgzKO {
  display: flex;
  flex-direction: row-reverse;
  box-sizing: border-box;
}
.layout-column___eYu0U {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.layout-column-reverse___znCVg {
  display: flex;
  flex-direction: column-reverse;
  box-sizing: border-box;
}

.layout-justify-start___ae1cm {
  justify-content: start;
}
.layout-justify-flex-start___eDX2b {
  justify-content: flex-start;
};
.layout-justify-center___kl8_9 {
  justify-content: center;
}
.layout-justify-end___eh66V {
  justify-content: end;
}
.layout-justify-flex-end___yk80J {
  justify-content: flex-end;
}
.layout-justify-space-around___JJaA6 {
  justify-content: space-around;
}
.layout-justify-space-between___CYQZj {
  justify-content: space-between;
}
.layout-justify-space-evenly___CugGI {
  justify-content: space-evenly;
}

.layout-align-start___sdoee {
  align-items: start;
}
.layout-align-flex-start___NfQgB {
  align-items: flex-start;
}
.layout-align-center___JuJ0f {
  align-items: center;
}
.layout-align-end___wKZXZ {
  align-items: end;
}
.layout-align-flex-end___NrRaa {
  align-items: flex-end;
}
.layout-align-stretch___B8Noc {
  align-items: stretch;
}

/*.flex-order--8 {
  order: -8;
}
.flex-order--7 {
  order: -7;
}
.flex-order--6 {
  order: -6;
}
.flex-order--5 {
  order: -5;
}
.flex-order--4 {
  order: -4;
}
.flex-order--3 {
  order: -3;
}
.flex-order--2 {
  order: -2;
}
.flex-order--1 {
  order: -1;
}*/
.flex-order-0___rFh2y {
  order: 0;
}
.flex-order-1___RznB0 {
  order: 1;
}
.flex-order-2___gI4hH {
  order: 2;
}
.flex-order-3___bfE5_ {
  order: 3;
}
.flex-order-4___yIj0F {
  order: 4;
}
.flex-order-5___m5jXm {
  order: 5;
}
.flex-order-6___RVZa0 {
  order: 6;
}
.flex-order-7___sTToj {
  order: 7;
}
.flex-order-8___PD9Ao {
  order: 8;
}

:root {
  --color-grey-010: #FFFFFF;
  --color-grey-020: #F5F5F5;
  --color-grey-030: #EDEDED;
  --color-grey-040: #E0E0E0;
  --color-grey-050: #C2C2C2;
  --color-grey-060: #9E9E9E;
  --color-grey-070: #757575;
  --color-grey-080: #616161;
  --color-grey-090: #424242;
  --color-grey-100: #0A0A0A;
  
  --color-red-010: #FCF3F2;
  --color-red-020: #FADCD9;
  --color-red-030: #FABBB4;
  --color-red-040: #FC9086;
  --color-red-050: #FA5343;
  --color-red-060: #D91F11;
  --color-red-070: #A1160A;
  --color-red-080: #75160C;
  --color-red-090: #4F150F;
  --color-red-100: #24120C;
  
  --color-orange-010: #FCF2EB;
  --color-orange-020: #FCDDC7;
  --color-orange-030: #FCBC97;
  --color-orange-040: #FC9162;
  --color-orange-050: #E86427;
  --color-orange-060: #BF4815;
  --color-orange-070: #8F3415;
  --color-orange-080: #632B17;
  --color-orange-090: #402117;
  --color-orange-100: #1F1410;
  
  --color-yellow-010: #FAF6CF;
  --color-yellow-020: #F7E379;
  --color-yellow-030: #F5C518;
  --color-yellow-040: #D9A514;
  --color-yellow-050: #B3870E;
  --color-yellow-060: #946613;
  --color-yellow-070: #70491C;
  --color-yellow-080: #54341F;
  --color-yellow-090: #38251B;
  --color-yellow-100: #1C1613;
  
  --color-lime-010: #EBF7DA;
  --color-lime-020: #D5F0B1;
  --color-lime-030: #AAD971;
  --color-lime-040: #78BF39;
  --color-lime-050: #52A31D;
  --color-lime-060: #3C7D0E;
  --color-lime-070: #2E5C0E;
  --color-lime-080: #254211;
  --color-lime-090: #1C2E10;
  --color-lime-100: #121A0D;
  
  --color-green-010: #EBF7ED;
  --color-green-020: #C7EBD1;
  --color-green-030: #88DBA8;
  --color-green-040: #43C478;
  --color-green-050: #16A163;
  --color-green-060: #077D55;
  --color-green-070: #075E45;
  --color-green-080: #094536;
  --color-green-090: #092E25;
  --color-green-100: #081A15;
  
  --color-teal-010: #EBF5F4;
  --color-teal-020: #BEEBE7;
  --color-teal-030: #86D9D4;
  --color-teal-040: #4EBFB9;
  --color-teal-050: #279C9C;
  --color-teal-060: #167B7D;
  --color-teal-070: #155C5E;
  --color-teal-080: #124241;
  --color-teal-090: #102E2D;
  --color-teal-100: #0C1A19;
  
  --color-torquoise-010: #EBF5F4;
  --color-torquoise-020: #C7E8ED;
  --color-torquoise-030: #81D8E6;
  --color-torquoise-040: #45BCD1;
  --color-torquoise-050: #159AB3;
  --color-torquoise-060: #067A91;
  --color-torquoise-070: #09596B;
  --color-torquoise-080: #0C424D;
  --color-torquoise-090: #102D33;
  --color-torquoise-100: #0F181A;
  
  --color-aqua-010: #EBF3F7;
  --color-aqua-020: #C9E7F5;
  --color-aqua-030: #8BD3F7;
  --color-aqua-040: #48B8F0;
  --color-aqua-050: #1195D6;
  --color-aqua-060: #0073BA;
  --color-aqua-070: #08548A;
  --color-aqua-080: #0E3D66;
  --color-aqua-090: #0C2B45;
  --color-aqua-100: #0B1724;
  
  --color-blue-010: #F0F4FA;
  --color-blue-020: #D4E4FA;
  --color-blue-030: #ADCCF7;
  --color-blue-040: #75B1FF;
  --color-blue-050: #3D8DF5;
  --color-blue-060: #186ADE;
  --color-blue-070: #0D4EA6;
  --color-blue-080: #103A75;
  --color-blue-090: #11294D;
  --color-blue-100: #0D1826;
  
  --color-purple-010: #F7F2FC;
  --color-purple-020: #EADCFC;
  --color-purple-030: #DABEFA;
  --color-purple-040: #C89AFC;
  --color-purple-050: #AC71F0;
  --color-purple-060: #8F49DE;
  --color-purple-070: #6B30AB;
  --color-purple-080: #4C277D;
  --color-purple-090: #331F4D;
  --color-purple-100: #1C1229;
  
  --color-pink-010: #FCF0F8;
  --color-pink-020: #F7DAED;
  --color-pink-030: #F7B7E2;
  --color-pink-040: #FA87D4;
  --color-pink-050: #ED4CB7;
  --color-pink-060: #CC1D92;
  --color-pink-070: #961574;
  --color-pink-080: #6B155A;
  --color-pink-090: #47153F;
  --color-pink-100: #241020;
  
  --color-black-100: #000000;
    /*--color-primary: rgb(54, 182, 180);
    --color-primary-light: rgba(54, 182, 180, 0.23137254901960785);
    --color-primary-extra-light: rgba(54, 182, 180, 0.07058823529411765);
    --color-complementary: rgb(182, 54, 56);
    --color-background-dark: rgba(33, 33, 33, 0.10196078431372549);
    --color-background-light: rgb(250, 250, 250);
    --color-body-overflow: rgb(25, 39, 51);
    --color-white: rgb(255, 255, 255);
    --color-black: rgb(33, 33, 33);
    --color-mute: rgba(33, 33, 33, 0.6);
    --color-dull: rgba(33, 33, 33, 0.12156862745098039);
    --color-red: rgb(213, 0, 0);*/
    /*To be removed*/
    /*--color-analogous: rgb(54, 182, 116);
    --color-triadic1: rgb(54, 56, 182);
    --color-triadic2: rgb(180, 54, 182);*/
    
    
    /* 
      Demo Fedex Styles below
    */
    --color-fedex-010: #f2e9fc;
    --color-fedex-020: #d7bcf5;
    --color-fedex-030: #bd8fef;
    --color-fedex-040: #a263e9;
    --color-fedex-050: #a263e9;
    --color-fedex-060: #4d148c;
    --color-fedex-070: #56169c;
    --color-fedex-080: #3d1070;
    --color-fedex-090: #250a43;
    --color-fedex-100: #0c0316;

  
    --color-fedex-orange-dark:#ff6200;
    --color-fedex-orange-light: #e45528;

    --color-fedex-blue-light: #007AB7;
    --color-fedex-blue-dark: #00689C;
    
  }
  
.alignLeft___LOIEk {
  text-align: left;
  align-self: flex-start;
}
.alignRight___w4YZp {
  text-align: right;
  align-self: flex-end;
}
.alignCenter___TbfWu {
  text-align: center;
  align-self: center;
}

.alignStretch___UjEUj {
  align-self: stretch;
}
/* @font-face {
  font-family: 'FedExSans';
  src: url('../fonts/fx-sans-rg.woff2') format('woff2'),
      url('../fonts/fx-sans-bd.woff2') format('woff2'),
      url('../fonts/fx-sans-it.woff2') format('woff2'),
} */

@font-face {
  font-family: FedExSans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/c1d1193ac51d52cad0e5.woff2) format('woff2')
}
@font-face {
  font-family: FedExSans;
  font-style: italic;
  font-weight: 300;
  src: url(/assets/7d601e26059cf793d2fd.woff2) format('woff2')
}
@font-face {
  font-family: FedExSans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/2bbf5809abc991751fe5.woff2) format('woff2')
}
@font-face {
  font-family: FedExSans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/5b4bea23ce335e2b023b.woff2) format('woff2')
}
@font-face {
  font-family: FedExSans;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/9ee228aaa203a5b57519.woff2) format('woff2')
}
@font-face {
  font-family: FedExSans;
  font-style: italic;
  font-weight: 500;
  src: url(/assets/f6ad0a6e8d7acc839fb2.woff2) format('woff2')
}
@font-face {
  font-family: FedExSans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/118fd1669095138e2a41.woff2) format('woff2')
}
@font-face {
  font-family: FedExSans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/44959a10860aa87efa4b.woff2) format('woff2')
}

body, h1, .h1___jygle, h2, .h2___AhuWy, h3, .h3___fZJUF, h4, .h4___X9gZo, h5, .h5___cFlZf, h6, .h6___YoxxA, button, input, textarea, .small___bJ602, .subtitle___eUzh_, .subtitleSmall___GpO9I, .caption___uaHkk, .overline___dnIKN, .muted___LuqcA {
  font-family: FedExSans, Arial, sans-serif;
}

body, .body___f5wUT {
  font-family: FedExSans, Arial, sans-serif;
  line-height: 20px;
  font-weight: 400;
  font-size: 14px !important; 
  color: var(--color-grey-100);
  background-color: var(--color-grey-010) !important;
}

h1, .h1___jygle {
  /* font-family: "FedExSans", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px; */
  letter-spacing: -0.4px;
  margin-top: 0px;
  margin-bottom: 0px;

  font-family: FedExSans, Arial, sans-serif;
  font-weight: 300;
  font-size: 44px;
  line-height: 64px;;
}

h2, .h2___AhuWy {
  /* font-family: "FedExSans", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px; */
  letter-spacing: -0.4px;
  margin-top: 0px;
  margin-bottom: 0px;

  font-family: FedExSans, Arial, sans-serif;
  font-weight: 300;
  font-size: 40px;
  line-height: 56px;
}

h3, .h3___fZJUF {
  /* font-family: "FedExSans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px; */
  letter-spacing: -0.4px;
  margin-top: 0px;
  margin-bottom: 0px;

  font-family: FedExSans, Arial, sans-serif;
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
}

h4, .h4___X9gZo {
  /* font-family: "FedExSans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px; 
  letter-spacing: 0.16px;*/
  letter-spacing: -0.4px;
  margin-top: -0.4px;
  margin-bottom: 0px;

  font-family: FedExSans, Arial, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
}

h5, .h5___cFlZf {
  font-family: FedExSans, Arial, sans-serif;
  letter-spacing: -0.4px;
  font-weight: 300;
  font-size: 20px;
  /* letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px; */

  font-family: FedExSans, Arial, sans-serif;
  line-height: 24px;
}

h6, .h6___YoxxA {
  font-family: FedExSans, Arial, sans-serif;
  letter-spacing: -0.4px;
  font-weight: 400;
  font-size: 14px;
  /* letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px; */

  font-family: FedExSans, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}


button {
  font-weight: 400;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1;
}

.heading___aUBps{
  font-family: FedExSans, Arial, sans-serif;
  line-height: 20px;
  font-weight: 400 !important;
  font-size: 14px !important; 
}

.smallThin___CIdTi {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  font-family: FedExSans, Arial, sans-serif;
}

.small___bJ602 {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: FedExSans, Arial, sans-serif;
}

.subtitle___eUzh_ {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.15px;
}

.subtitleSmall___GpO9I {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1px;
}

.caption___uaHkk {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.4px;
  
}

.overline___dnIKN {
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.muted___LuqcA {
  color: var(--color-mute, #616e7c);
}

.sidenav___l8jXX{
  font-family: FedExSans, Arial, sans-serif;  
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.16px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.sidenavSubItem___Mt8l8{
  font-family: FedExSans, Arial, sans-serif; 
  font-weight: 500;
  font-size: 12px;
}

.subHeading___mGdLP{
  font-family: FedExSans, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.elevation1Dp___psfsV {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.elevation2Dp___Djw2B {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.elevation3Dp___wQSEW {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.elevation4Dp___ajFSG {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
}
.elevation5Dp____ndiA {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}
/*https://gist.github.com/devinrhode2/2573411*/

.scrollbar___jr6jt {
  scrollbar-base-color: rgb(255, 255, 255); /*IE*/
  scrollbar-face-color: rgb(255, 255, 255);
  scrollbar-track-color: rgb(239, 240, 241);
  scrollbar-arrow-color: rgb(255, 255, 255);
}
.scrollbar___jr6jt::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scrollbar___jr6jt::-webkit-scrollbar:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.scrollbar___jr6jt::-webkit-scrollbar-track {
  -webkit-border-radius: 100px;
}
.scrollbar___jr6jt::-webkit-scrollbar-track:hover {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.scrollbar___jr6jt::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 100px;
}
.scrollbar___jr6jt::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.scrollbar___jr6jt.hideScrollbar___MDQyb::-webkit-scrollbar {
  display: none;
}

.scrollX___Sl97k {
  overflow-x: auto;
}
.scrollY___ssjrS {
  overflow-y: auto;
}

.scroll___bE6i8 {
}

.scrollableContainer___PVhLw {
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
}
.scrollableContainer___PVhLw > * {
  /* position: absolute; */
}

.scrollableContainerX___j50kK {
}
.scrollableContainerX___j50kK > * {
  min-height: 100%;
  min-height: min-content;
}
.scrollableContainerY___mOGjU {
}
.scrollableContainerY___mOGjU > * {
  min-width: 100%;
  min-height: min-content;
}
:root {
  --spacing-00: 0px;
  --spacing-10: 2px;
  --spacing-20: 4px;
  --spacing-30: 8px;
  --spacing-40: 12px;
  --spacing-50: 16px;
  --spacing-60: 20px;
  --spacing-70: 24px;
  --spacing-80: 32px;
  --spacing-90: 48px;
  --spacing-100: 64px;
}

:root {
  --color-background-dark: #3e4c59;
  --color-background-light: #f5f7fa;
  --color-body-overflow: #192733;
  --color-white: var(--color-grey-010);
  --color-black: #1f2933;
  --color-mute: #616e7c;
  --color-dull: #cbd2d9;
  --color-red: var(--color-red-060);
  --color-border: #e4e7eb;
  --color-highlight: #e4e7eb;
  --color-highlight-dark: #cbd2d9;
  --color-placeholder-default: #757575;
  --color-pending:#D97706;
  --color-grey-10: #f5f7fa;
  --color-grey-20: #e4e7eb;
  --color-grey-30: #cbd2d9;
  --color-grey-40: #616e7c;
 

  --color-link: #0079D0;
  --color-gray: #eee;
  --color-dark-gray: #bbb;
  --color-green: var(--color-green-060); 
  --color-badge-red: var(--color-red-060); 
  --color-success: var(--color-green-060);
  --color-success-background: var(--color-green-010);
  --color-warning: var(--color-yellow-040);
  --color-warning-background: var(--color-yellow-010);
  --color-error: var(--color-red-060);
  --color-error-background: var(--color-red-010);



  --color-primary: var(--color-fedex-060);
  --color-primary-light: var(--color-fedex-050);
  --color-primary-extra-light: var(--color-fedex-040);
  --color-primary-background: var(--color-fedex-010);
  --color-primary-active: var(--color-fedex-070); 
  --color-secondary-dark: var(--color-fedex-orange-dark);
  --color-secondary: var(--color-fedex-orange-dark);
  --color-secondary-light: var(--color-fedex-orange-light);
  --color-secondary-extra-light: var(--color-fedex-orange-light);
  --color-secondary-background: var(--color-fedex-orange-light);
}

.row___Q8S02 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.row___Q8S02.reverse___Ube6v {
  flex-direction: row-reverse;
}
.link___fA1hN {
  line-height: 0;
}

.action___bSmKU {
  margin: var(--spacing-00) var(--spacing-20);
  padding: var(--spacing-30);
  border-radius: 100%;
  cursor: pointer;
}
.action___bSmKU.compact___mqtRl {
  padding: var(--spacing-20);
}
.action___bSmKU.negativeVerticalMargin___x66E_ {
  margin-top: calc(-1 * var(--spacing-30));
  margin-bottom: calc(-1 * var(--spacing-30));
}
.action___bSmKU.shiftLeft___aA2LV:first-child {
  margin-left: calc(-1 * var(--spacing-30));
}
.action___bSmKU.shiftRight____gIIq:last-child {
  margin-right: calc(-1 * var(--spacing-30));
}
.action___bSmKU:hover {
  background-color: var(--color-highlight);
}

.action___bSmKU.selected___MGG1L {
  background-color: var(--color-highlight-dark);
}
.action___bSmKU.selected___MGG1L:hover {
}

.action___bSmKU.disabled___qYNpQ {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}
.action___bSmKU.disabled___qYNpQ:hover {
  background-color: transparent;
}

.svg___mra4M {
  color: inherit;
}
.svg___mra4M.primary___NZySp {
  color: var(--color-primary);
}

.disabled___qYNpQ {
  color: var(--color-dull);
}
.container___ufgib {
  position: fixed;
  padding: var(--spacing-30) var(--spacing-50);
  bottom: 0px;
  z-index: 700;
}

.snackbar___r44gl {
  padding: var(--spacing-30) var(--spacing-50);
  border-radius: 0px;
  background-color: var(--color-mute);
  color: var(--color-white);
}

.actionContainer___DEB0s {
  margin-left: var(--spacing-30);
  flex-shrink: 0;
  justify-content: flex-end;
}

html {
  height: 100%;
  background-color: var(--color-grey-010);
  /* background-color: var(--color-primary-extra-light); */
  /*background: var(--color-body-overflow, #192733);*/
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  height: unset !important;
  min-width: 320px;
  min-height: 100%;
  background: white;
  margin: 0;
  overflow-y: auto;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--color-background-light);
  
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  background-color: unset;
}

:focus {
  outline: none;
}

.mainContainer {
  display: flex;
  flex-direction: row;
  padding-top: 64px;
  margin-top: -64px;
  min-height: 100vh;
}

.sideNav {
  flex-grow: 0;
  flex-shrink: 0;
}

#app {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}

#auth {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bodyHeaderContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: stretch;
  background-color: var(--color-grey-010);
}

.header {
  position: relative;
  width: 100%;
}

.bodyContainer {
  /*min-height: 100vh;*/
  /* margin-top: -64px;
  padding-top: 64px; */
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;

}

.body {
  display: flex;
  flex-direction: column;
  padding: 16px;
  flex-grow: 1;
}

/*# sourceMappingURL=root.f8363d8a401f92c20200.css.map*/