body {
  margin: 0;
  overflow-x: hidden;
  text-align: center;
}

div#root {
  box-sizing: border-box;
  height: calc(100vh - 2px);
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  text-align: left;
  width: 560px;
}

:root {
  /* general items */
  --borderRadius: 4px;
  --boxLineHeight: 1rem;
  --boxMargin: 0.75rem 0;
  --boxPadding: 0 0.25rem;
  --fontFamily: Ubuntu, sans-serif;
  --fontSize: 16px;
  --inputLabelFontSize: 10px;
  --labelFontSize: 13px;
  --labelLineHeight: 18px;
  --lineHeight: 26px;
  /* shared colors */
  --accountDotsIconColor: #fff;
  --buttonBackground: #F2E370;
  --buttonBackgroundDangerHover: #CD4548;
  --buttonBackgroundHover: #FFF49C;
  --buttonTextColor: #1f4671;
  --connectedDotColor: #60C45B;
  --errorColor: #AB2528;
  --iconWarningColor: #ED6C02;
  --identiconBackground: #F4F5F8;
  --primaryColor: #F2E370;
}

input::placeholder {
  color: #9AADC3;
}

[data-theme="dark"] {
    --addAccountImageBackground: #1A1B20;
    --backButtonBackground: #3A3B41;
    --backButtonBackgroundHover: #1F4671cc;
    --backButtonTextColor: #FFFFFF;
    --background: #50759E;
    --bodyColor: #1F4671;
    --boxBackground: #1F4671;
    --boxBorderColor: #7A99BD;
    --boxShadow: rgba(0, 0, 0, 0.86);
    --buttonBackgroundDanger: #AB2528;
    --errorBorderColor: #AB2528;
    --highlightedAreaBackground: #345B87;
    --iconDangerColor: #AF1111;
    --iconNeutralColor: #fff;
    --inputBackground: #345B87;
    --inputBorderColor: #7A99BD;
    --labelColor: #AEC4DD;
    --parentLabelColor: #3EA838;
    --popupBackground: #345B87;
    --readonlyInputBackground: #1F4671;
    --subTextColor: #DDD;
    --textColor: #fff;
    --textColorDanger: #F06F73;
    --primaryColorLabel: #1f4671;
}

[data-theme="light"] {
  --addAccountImageBackground: #FFF;
  --backButtonBackground: #D7D7D7;
  --backButtonBackgroundHover: #d7d7d7ad;
  --backButtonTextColor: #454545;
  --background: #FAFAFA;
  --bodyColor: #FFFFFF;
  --boxBackground: #FFFFFF;
  --boxBorderColor: #DADFEA;
  --boxShadow: rgba(0, 0, 0, 0.3);
  --buttonBackgroundDanger: #DC2222;
  --errorBorderColor: #E42F2F;
  --highlightedAreaBackground: #EFEFEF;
  --iconDangerColor: #DC2222;
  --iconNeutralColor: #939CB1;
  --inputBackground: #FFFFFF;
  --inputBorderColor: #DDE1EB;
  --labelColor: #333333;
  --parentLabelColor: #215B4F;
  --popupBackground: #FFFFFF;
  --readonlyInputBackground: #FFF;
  --subTextColor: #454545;
  --textColor: #242529;
  --textColorDanger: #F24A4A;
}