@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons&style=outline);
:root {
  --color-primary: #36b6b4;
  --color-primary-light: #36b6b43b;
  --color-primary-extra-light: #36b6b412;
  --color-complementary: #b63638;
  --color-analogous: #36b674;
  --color-triadic1: #3638b6;
  --color-triadic2: #b436b6;
  --color-background-dark: #2121211a;
  --color-background-light: #21212108;
  --color-body-overflow: #192733;
  --color-white: white;
  --color-black: #212121;
  /*--color-mute: #212121ad;*/
  /*--color-dull: #21212152;*/
  --color-mute: #21212199;
  --color-dull: #2121211f;
  --color-red: #d50000;
}
.alignLeft___cqajS {
  text-align: left;
}
.alignRight___iPNan {
  text-align: right;
}
.alignCenter___Ha4n4 {
  text-align: center;
}
body {
  font-family: 'Roboto', sans-serif;
  line-height: 2;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: var(--color-black, #212121);
}

h1 {
  font-weight: 300;
  font-size: 96px;
  letter-spacing: -1.5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h2 {
  font-weight: 300;
  font-size: 60px;
  letter-spacing: -0.5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h3 {
  font-weight: 400;
  font-size: 48px;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h4 {
  font-weight: 400;
  font-size: 34px;
  letter-spacing: 0.25px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h5 {
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h6 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.15px;
  margin-top: 0px;
  margin-bottom: 0px;
}

button {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 0px;
}

.small___Mbv0r {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.25px;
}

.subtitle___z57La {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.15px;
}

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

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

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

.muted___9ZBs2 {
  color: var(--color-mute, #212121ad);
}
.elevation0dp___Q4fGT {
  box-shadow:  none;
}
.elevation1dp___ez7EP {
  box-shadow:  0px 1px 3px 0px #00000033, 0px 1px 1px 0px #00000024, 0px 2px 1px -1px #0000001f;
}
.elevation2dp___U8tIh {
  box-shadow:  0px 1px 5px 0px #00000033, 0px 2px 2px 0px #00000024, 0px 3px 1px -2px #0000001f;
}
.elevation3dp___AQ0UD {
  box-shadow:0px 1px 8px 0px #00000033, 0px 3px 4px 0px #00000024, 0px 3px 3px -2px #0000001f;
}
.elevation4dp___gK5d1 {
  box-shadow: 0px 2px 4px -1px #00000033, 0px 4px 5px 0px #00000024, 0px 1px 10px 0px #0000001f;
}
.elevation5dp___IKo31 {
  box-shadow: 0px 3px 5px -1px #00000033, 0px 5px 8px 0px #00000024, 0px 1px 14px 0px #0000001f;
}
.elevation6dp___pbpkJ {
  box-shadow: 0px 3px 5px -1px #00000033, 0px 6px 10px 0px #00000024, 0px 1px 18px 0px #0000001f;
}
.elevation7dp___GKL3r {
  box-shadow: 0px 4px 5px -2px #00000033, 0px 7px 10px 1px #00000024, 0px 2px 16px 1px #0000001f;
}
.elevation8dp___j39Ku {
  box-shadow: 0px 5px 5px -3px #00000033, 0px 8px 10px 1px #00000024, 0px 3px 14px 2px #0000001f;
}
.elevation9dp___uBo_3 {
  box-shadow: 0px 5px 6px -3px #00000033, 0px 9px 12px 1px #00000024, 0px 3px 16px 2px #0000001f;
}
.elevation10dp___Qxpy2 {
  box-shadow: 0px 6px 6px -3px #00000033, 0px 10px 14px 1px #00000024, 0px 4px 18px 3px #0000001f;
}
.elevation11dp___cGx0R {
  box-shadow: 0px 6px 7px -4px #00000033, 0px 11px 15px 1px #00000024, 0px 4px 20px 3px #0000001f;
}
.elevation12dp___F9Y_Y {
  box-shadow: 0px 7px 8px -4px #00000033, 0px 12px 17px 2px #00000024, 0px 5px 22px 4px #0000001f;
}
.elevation13dp___oAqsd {
  box-shadow: 0px 7px 8px -4px #00000033, 0px 13px 19px 2px #00000024, 0px 5px 24px 4px #0000001f;
}
.elevation14dp___mqzSv {
  box-shadow: 0px 7px 9px -4px #00000033, 0px 14px 21px 2px #00000024, 0px 5px 26px 4px #0000001f;
}
.elevation15dp___wAnrb {
  box-shadow: 0px 8px 9px -5px #00000033, 0px 15px 22px 2px #00000024, 0px 6px 28px 5px #0000001f;
}
.elevation16dp___gKiJt {
  box-shadow: 0px 8px 10px -5px #00000033, 0px 16px 24px 2px #00000024, 0px 6px 30px 5px #0000001f;
}
.elevation17dp___czZ7A {
  box-shadow: 0px 8px 11px -5px #00000033, 0px 17px 26px 2px #00000024, 0px 6px 32px 5px #0000001f;
}
.elevation18dp___hk2ux {
  box-shadow: 0px 9px 11px -5px #00000033, 0px 18px 28px 2px #00000024, 0px 7px 34px 6px #0000001f;
}
.elevation19dp___OCdJD {
  box-shadow: 0px 9px 12px -6px #00000033, 0px 19px 29px 2px #00000024, 0px 7px 36px 6px #0000001f;
}
.elevation20dp___ijE4R {
  box-shadow: 0px 10px 13px -6px #00000033, 0px 20px 31px 3px #00000024, 0px 8px 38px 7px #0000001f;
}
.elevation21dp___b7g3q {
  box-shadow: 0px 10px 13px -6px #00000033, 0px 21px 33px 3px #00000024, 0px 8px 40px 7px #0000001f;
}
.elevation22dp___nS4tx {
  box-shadow: 0px 10px 14px -6px #00000033, 0px 22px 35px 3px #00000024, 0px 8px 42px 7px #0000001f;
}
.elevation23dp___eVtHs {
  box-shadow: 0px 11px 14px -7px #00000033, 0px 23px 36px 3px #00000024, 0px 9px 44px 8px #0000001f;
}
.elevation24dp___BS6ql {
  box-shadow: 0px 11px 15px -7px #00000033, 0px 24px 38px 3px #00000024, 0px 9px 46px 8px #0000001f;
}
.container___yYy2c {
  border-radius: 4px;
}

button {
  cursor: pointer;
  border: none;
  padding: 12px 16px;
  width: 100%;
  border-radius: 4px;
}
button:focus {
  outline: none;
}

.text___vY_6T {
  color: var(--color-primary);
  background-color: transparent;
}
.text___vY_6T:hover {
  background-color: var(--color-primary-extra-light);
}
.text___vY_6T:focus {
  background-color: var(--color-primary-light);
}

.outline___gkosL {
  border: solid 1px var(--color-dull);
  color: var(--color-primary);
}
.outline___gkosL:hover {
  background-color: var(--color-primary-extra-light);
  border-color: var(--color-primary);
}
.outline___gkosL:focus {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary);
}

.contained___lohQo {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.pushTop___QvXoC {
  margin-top: -16px;
}
.pushRight___KNTNR {
  margin-right: -16px;
}
.pushBottom___mOQ4C {
  margin-bottom: -16px;
}
.pushLeft___O5Az5 {
  margin-left: -16px;
}
.container___OaznE {
  position: fixed;
  padding: 8px 16px;
  bottom: 0px;
}

.snackbar___NcrT4 {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: var(--color-mute);
  color: var(--color-white);
}

.actionContainer___HtOZT {
  flex-shrink: 0;
  justify-content: flex-end;
}
.image___oYaxD {
  width: inherit;
  height: inherit;
}
.fill___BGT2D {
  object-fit: fill;
}
.contain___Mswys {
  object-fit: contain;
}
.cover___pGeBw {
  object-fit: cover;
}
.none___rDt5e {
  object-fit: none;
}
.scaleDown___p6X95 {
  object-fit: scale-down;
}
.container___WHOfk {
  border-radius: 4px;
}

.header___yINiC {
  padding: 16px 24px;
}
.headerTitle___aD3oJ {
  font-size: 20px;
}
.headerSubtitle___j2nKb {
  color: var(--color-mute);
}
.headerThumbnail___PHMz8 {
  padding-right: 16px;
}

.footer___p9S8I {
  padding: 16px 24px;
}

.action___LGlbw {
  margin: 0px 4px;
  padding: 8px;
  border-radius: 20px;
  cursor: pointer;
}
.action___LGlbw:last-child {
  margin-right: -8px;
}
.action___LGlbw:hover {
  background-color: var(--color-background-light); 
}
.action___LGlbw.active___zUmKK {
  background-color: var(--color-background-dark); 
}

.body___b0JE2 {
  padding: 16px 24px;
}
.container___Nd8qA {
  display: inline-block;
  height: 32px;
  border-radius: 16px;
  padding: 0px 12px;
  font-size: 14px;
}
.container___Nd8qA.contained___BM_9C {
  background-color: var(--color-background-light);
}
.container___Nd8qA.outline___D1xdC {
  border: solid 1px var(--color-dull);
}
.container___Nd8qA.contained___BM_9C.selected___qJ_K_ {
  /*background-color: var(--color-primary-light);*/
}
.container___Nd8qA.outline___D1xdC.selected___qJ_K_ {
  /*TODO: Implement selected class*/
  /*color: var(--color-primary);
  border-color: var(--color-primary);*/
}

.icon___SChAs {
  margin-left: -12px;
  margin-right: 8px;
  padding: 4px;
  border-radius: 16px;
  background-color: var(--color-background-light);
}

.cancel___FehEq {
  margin-left: 8px;
  margin-right: -4px;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: var(--color-background-light);
  color: var(--color-mute);
  cursor: pointer;
}

.container___Nd8qA.contained___BM_9C:hover, .container___Nd8qA.contained___BM_9C:hover .icon___SChAs, .container___Nd8qA.contained___BM_9C:hover .cancel___FehEq {
  background-color: var(--color-background-dark);
}
.container___Nd8qA.outline___D1xdC:hover, .container___Nd8qA.outline___D1xdC:hover .icon___SChAs, .container___Nd8qA.outline___D1xdC:hover .cancel___FehEq {
  background-color: var(--color-background-light);
}
.sheet___Uug9i {
  z-index: 400;
  position: absolute;
  min-width: 112px;
  /*max-width: 280px;*/
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--color-white);
  overflow: scroll;
}

.list___vYSsT {
  margin: 8px 0px;
  font-size: 14px;
  color: var(--color-mute);
}

.listItem___Qwnaf {
  min-height: 32px;
  padding: 0px 16px;
  align-items: center;
  cursor: pointer;
}
.listItem___Qwnaf:hover {
  background-color: var(--color-background-light); 
}
.listItem___Qwnaf.keyboardSelected___B9WtH {
  background-color: var(--color-background-light); 
  color: var(--color-primary);
}
.listItem___Qwnaf.inactive___kn_vC {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}
.formError___GCouh {
  border: 1px solid var(--color-red);
  padding: 8px 12px 8px 12px;
  border-radius: 4px;
  color: var(--color-red);
  margin-top: 8px;
  margin-bottom: 24px;
}

.container___ZxjCC {
  align-self: stretch;
  position: relative;
  margin-top: 8px;
}

.inputContainer___BRRth {
  /*flex-wrap: wrap;*/
  align-items: center;
}

.inputContentContainer___A0qK1 {
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
}

.iconContainer___s9owC {
  align-self: center;
  padding: 0px 12px;
}
.iconContainer___s9owC.leadingIconContainer___weWoV {
  margin-left: -12px;
}
.iconContainer___s9owC.trailingIconContainer___U6KAB {
  margin-right: -12px;
}
.inputContainer___BRRth:focus-within .iconContainer___s9owC {
  color: var(--color-primary);
}

input {
  border: none;
  width: 120px;
  flex-grow: 1;
  background-color: transparent;
}
input:focus {
  outline: none;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

label {
  position: absolute;
  display: none;
  top: 0px;
}
input:focus ~ label {
  display: block;
}

.selectedValues____f8nH {
  order: -1;
  margin-bottom: 2px;
  margin-right: 8px;
}

.outline___GPfBO .inputContainer___BRRth {
  border: solid 1px;
  border-color: var(--color-dull, #21212152);
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
  align-items: flex-start;
}
.outline___GPfBO .selectedValues____f8nH:first-of-type {
  /*margin-top: 18px;*/
}
/*.outline .inputContentContainer {
  padding-left: 12px;
  align-items: center;
}*/
.outline___GPfBO input {
  padding: 18px 0px;
}
.outline___GPfBO label {
  top: -12px;
  margin-left: 8px;
  padding: 0px 4px;
  background: white;
}
.outline___GPfBO .inputContainer___BRRth:focus-within {
  border-color: var(--color-primary);
}
.outline___GPfBO .inputContentContainer___A0qK1.hasValues___JOQJk {
  padding: 18px 0px;
}
.outline___GPfBO input:focus ~ label {
  color: var(--color-primary);
}
.outline___GPfBO input.hasValues___JOQJk {
  padding: 6px 0px 8px 0px;
  /*margin-bottom: 12px;*/
}

.fill___a_9WW .inputContainer___BRRth {
  align-items: flex-end;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 1px;
  border-bottom: solid 1px;
  border-color: var(--color-dull, #21212152);
  border-radius: 4px 4px 0px 0px;
  background-color: var(--color-background-light);
}
.fill___a_9WW input {
  padding: 18px 0px;
}
.fill___a_9WW.underline___dHujo .inputContainer___BRRth {  
  background-color: var(--color-white);
  padding-left: 0px;
  padding-right: 0px;
}
.fill___a_9WW.underline___dHujo .iconContainer___s9owC {
  align-self: flex-end;
}
.fill___a_9WW .selectedValues____f8nH:first-of-type {
  /*margin-top: 20px;*/
}
.fill___a_9WW.underline___dHujo input {
  padding: 28px 0px 8px 0px;
}
.fill___a_9WW.underline___dHujo label {
  margin-left: 0px;
}
.fill___a_9WW input.alwaysShowLabel___aLYvw {
  padding-top: 32px;
  padding-bottom: 4px;
}
.fill___a_9WW .inputContainer___BRRth:focus-within {
  border-color: var(--color-primary);
  border-width: 2px;
  padding-bottom: 0px;
}
/*.fill input:focus ~ .inputContentContainer {
  align-items: flex-end;
  padding-bottom: 4px;
}*/
.fill___a_9WW .inputContentContainer___A0qK1.hasValues___JOQJk {
  padding-top: 20px;
}
.fill___a_9WW input:focus {
  padding-top: 32px;
  padding-bottom: 4px;
}
.fill___a_9WW input:focus ~ label {
  color: var(--color-primary);
}
.fill___a_9WW input.hasValues___JOQJk {
  padding: 6px 0px 8px 0px;
}
/*.fill.underline input.hasValues {
  padding: 6px 0px 8px 0px;
}*/

.helperText___kvsKa {
  margin-left: 12px;
}
.fill___a_9WW.underline___dHujo .helperText___kvsKa {
  margin-left: 0px;
}

.error___py8GB .inputContainer___BRRth, .error___py8GB .inputContainer___BRRth:focus-within {
  border-color: var(--color-red);
}
.error___py8GB .inputContainer___BRRth:focus-within .iconContainer___s9owC {
  color: var(--color-red);
}
.error___py8GB input:focus ~ label {
  color: var(--color-red);
}
.error___py8GB .helperText___kvsKa {
  color: var(--color-red);
}

.dropdownSheet___MYKQF {
  z-index: 400;
  position: absolute;
  min-width: 112px;
  max-width: 280px;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--color-white);
  overflow: scroll;
}

.dropdownList___tobjT {
  margin: 8px 0px;
  font-size: 14px;
  color: var(--color-mute);
}

.dropdownListItem___yfkXz {
  height: 32px;
  padding: 0px 16px;
  align-items: center;
  cursor: pointer;
}
.dropdownListItem___yfkXz:hover {
  background-color: var(--color-background-light); 
}
.dropdownListItem___yfkXz.active___FPaZX {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}

.readonlyLabel___IBDH4 {
  margin-right: 16px;
  width: 160px;
}

.inputListRow___WEgi8 {
  /*border-bottom: solid 1px var(--color-dull);*/
  padding: 8px 0px;
}
.inputListRow___WEgi8:first-child {
  padding-top: 0px; 
}
.inputListRow___WEgi8:last-child {
  /*border-bottom: none;*/
  padding-bottom: 0px; 
}

.cursorPointer___165bl {
  cursor: pointer;
}
.buttonContainer___GjGH2 {
  cursor: pointer;
  padding: 8px;
  margin-right: 16px;
  border-radius: 18px;
  background-color: transparent;
}
.buttonContainer___GjGH2:hover {
  background-color: var(--color-background-light); 
}
.buttonContainer___GjGH2.disabled____z2yJ {
  pointer-events: none;
  color: var(--color-dull);
}
.buttonContainer___b9OiM {
  cursor: pointer;
  padding: 8px;
  margin-right: 16px;
  border-radius: 18px;
  background-color: transparent;
}
.buttonContainer___b9OiM:hover {
  background-color: var(--color-background-light); 
}
.buttonContainer___b9OiM.disabled____gn4Y {
  pointer-events: none;
  color: var(--color-dull);
}
.buttonContainer___JRk3u {
  cursor: pointer;
  padding: 8px;
  margin-right: 16px;
  border-radius: 18px;
  background-color: transparent;
}
.buttonContainer___JRk3u:hover {
  background-color: var(--color-background-light); 
}
.buttonContainer___JRk3u.disabled___zKOY2 {
  pointer-events: none;
  color: var(--color-dull);
}
.table___YmsQ3 {
}

.header___pqN9G {
  height: 64px;
  padding: 0px 24px;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  background-color: var(--color-background-light);
}

.action___pcwsc {
  margin: 0px 4px;
  padding: 8px;
  border-radius: 20px;
  cursor: pointer;
}
.action___pcwsc:last-child {
  margin-right: -8px;
}
.action___pcwsc:hover {
  background-color: var(--color-background-light); 
}
.action___pcwsc.active___Cp_Hv {
  background-color: var(--color-background-dark); 
}

.footer___APtPI {
  height: 48px;
  padding: 0px 24px;
  color: var(--color-mute);
  align-items: center;
  justify-content: flex-end;
  border-top: solid 1px var(--color-dull);
}
.footer___APtPI .action___pcwsc {
  margin: 0px;
  padding: 4px;
  border-radius: 16px;
}

.sideSheet___MZ_eL {
  border-left: solid 1px var(--color-dull);
  width: 320px;
  flex-shrink: 0;
}

.rowContainer___ARoZs {
  padding: 0px 24px;
  border-top: solid 1px var(--color-dull);
}
.rowContainer___ARoZs:hover {
  background-color: var(--color-background-light);
}
.rowContainer___ARoZs.disableHover___aDcKj {
  background-color: transparent;
}
.rowContainer___ARoZs.headerRow___kCXJ1 {
  color: var(--color-mute);
  border-top: none;
  background-color: transparent;
}

.row___fNplR {
  /*height: 48px;*/
  margin-right: -12px;
  margin-left: -12px;
}

.cell___iObuY {
  justify-content: center;
  overflow: hidden;
}

.cellData____kNkT {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 8px 12px;
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.container___NoFkj {
  border-radius: 12px;
  padding: 40px 36px 32px;
  width: 400px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.logo___T0WDc {
  margin-bottom: 12px;
}

.header___qJMRq {
  margin-bottom: 24px;
}

.appName___vKXnT {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #1a1a1a;
}

.scopeSection___kfUQO {
  margin-bottom: 28px;
}

.scopeLabel___XYpet {
  font-size: 13px;
  font-weight: 500;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}

.scopeGrid___GxIS6 {
  gap: 8px;
}

.scopeCard___EiCQk {
  padding: 12px 14px;
  border-radius: 8px;
  background: #f8f9fa;
  gap: 12px;
}

.scopeIcon___zyqYa {
  font-size: 20px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.scopeText___LpIwm {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  line-height: 1.3;
}

.scopeDescription___VRA2Q {
  font-size: 12px;
  color: #888;
  line-height: 1.3;
  margin-top: 1px;
}

.actions___wMIbB {
  gap: 8px;
  margin-top: 4px;
}

.denyButton___tqIX8 {
  color: #666 !important;
}

.container____JwKz {
  border-radius: 8px;
  padding: 48px 40px 36px 40px;
  width: 370px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.logo___b6irM {
  margin-bottom: 8px;
}

.form___QQ2Al {
  margin-top: 32px;
  margin-bottom: 24px;
}

.actionContainer___VJ2lI {
  margin-top: 48px;
}
.container___P1z8K {
  border-radius: 8px;
  padding: 16px 20px;
  margin: 16px 0px;
}
.item___VvCEs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}
.item___VvCEs.active___WS7Vn {
  padding-top: 4px;
  border-bottom: solid 4px var(--color-primary);
}
.item___VvCEs:hover {
  background-color: var(--color-primary-extra-light);
  border-left: solid 1px var(--color-primary-extra-light);
  border-right: solid 1px var(--color-primary-extra-light);
  padding-left: 15px;
  padding-right: 15px;
}
.item___VvCEs.active___WS7Vn:hover {
  background-color: transparent;
  border-left: none;
  border-right: none;
  padding-left: 16px;
  padding-right: 16px;
}

.disableLink___imnvX {
  cursor: default;
  pointer-events: none;
}
.icon___XxINV {
  cursor: pointer;
}

.dropdownContainer___z0A_A {
  padding: 16px 24px;
}

.name___aBQGI {
  font-size: 16px;
}

.email___A4Mag {
  font-weight: 400;
}

.logout___R7r1a {
  margin-top: 16px;
}
.toggleIcon___GKDKE {
  cursor: pointer;
  padding-right: 16px;
}

.container___cmYt1 {
  position: fixed;
  height: 100%;
  background-color: white;
  /*margin-top: -65px;*/
  overflow: scroll;
}

.menu___S2MXB {
  color: var(--color-primary, #36b6b4);
  background-color: white;
  padding: 65px 0px 16px; 
  min-width: 200px;
}

.item___e85Qc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 16px;
}
.item___e85Qc.active___TLi1g {
  background-color: var(--color-primary-extra-light);
  border-top: solid 1px var(--color-primary-extra-light);
  border-bottom: solid 1px var(--color-primary-extra-light);
  border-right: solid 4px var(--color-primary);
  padding: 7px 16px;
}

.disableLink___ewPae {
  cursor: default;
  pointer-events: none;
}
.header___mioX2 {
  color: var(--color-primary, #36b6b4);
  z-index: 20;
  background-color: var(--color-white);
  border-bottom: solid 1px var(--color-dull);
  width: 100%;
  position: absolute;
}

.topBar___I2JFN {
  margin: 0px 16px;
  height: 64px;
}

.logo___QnnEy {
  margin-right: 8px;
}

.brand___uP6rz {
  /*width: 208px;*/
  padding-right: 16px;
}

.logout___OmvT4 {
  margin-left: 40px;
}
.logout___OmvT4 > div {
  cursor: pointer;
}
.bodyContainer___kTGuH {
  min-height: 100vh;
  margin-top: -64px;
  flex-grow: 1;
}

.body___fPNpG {
  padding-top: 64px;
  flex-grow: 1;
  margin: 24px 16px 40px 16px;
}

.menuSideSheet___o2IPn {
  position: fixed;
  height: 100%;
  background-color: white;
  margin-top: -65px;
  /*padding-top: 65px;*/
  overflow: scroll;
}
.footer___EfZdO {
  background: #192733;
  color: #ffffffa8;
  padding: 16px;
  text-align: center;
}
html {
  height: 100%;
  background: var(--color-body-overflow, #192733);
  margin: 0;
}

body {
  min-width: 320px;
  min-height: 100%;
  background: white;
  margin: 0;
  display: flex;
  flex-direction: column;
}

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

button {
  background-color: unset;
}

:focus {
  outline: none;
}

#app {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.bodyHeaderContainer___UfJq9 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.bodyContainer___CyFzi {
  height: 100vh;
  padding-top: 64px;
  margin-top: -64px;
}