:root {
  --color--xpress-blue: rgba(53, 228, 234, 1);
  --color--xpress-blue-70: rgba(53, 228, 234, 0.7);
  --color--xpress-blue-40: rgba(53, 228, 234, 0.4);
  --color--xpress-blue-20: rgba(53, 228, 234, 0.2);

  --color--xpress-dark-blue: rgba(11, 113, 134, 1);

  --color--xpress-black: rgba(10, 80, 95, 1);


  --color--white: rgba(255, 255, 255, 1);
  --color--white-90: rgba(255, 255, 255, 0.9);

  --color--black: rgba(0, 0, 0, 1);
  --color--black-50: rgba(0, 0, 0, 0.5);
  --color--black-30: rgba(0, 0, 0, 0.3);

  --width--toggle-btn: 48px;

  --padding-right--xpress-container: 10px;
  --padding-top--xpress-container: 4px;

  --border-radius--xpress-container: 16px;

  --box-shadow--twitter-btn--light: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
  --box-shadow--twitter-btn--dim:rgba(136, 153, 166, 0.2) 0px 0px 15px, rgba(136, 153, 166, 0.15) 0px 0px 3px 1px;
  --box-shadow--twitter-btn--dark: rgba(255, 255, 255, 0.2) 0px 0px 15px, rgba(255, 255, 255, 0.15) 0px 0px 3px 1px;

  --border-color--light: rgb(159, 181, 195);
  --border-color--dim: rgb(108, 126, 143);
  --border-color--dark: rgb(76, 78, 82);

  --background-color--light: rgba(255, 255, 255, 1);
  --background-color--dim: rgba(21, 32, 44, 1);
  --background-color--dark: rgba(0, 0, 0, 1);

  --background-color--light--opaque: rgba(255, 255, 255, 0.5);
  --background-color--dim--opaque: rgba(21, 32, 44, 0.5);
  --background-color--dark--opaque: rgba(0, 0, 0, 0.5);

  --color--outlines--dark: rgb(231, 233, 234);
  --color--outlines--dim: rgb(231, 233, 234);
  --color--outlines--light: rgb(29, 34, 38);

  --color--green: rgba(19, 185, 129, 1);
  --color--green-20: rgba(19, 185, 129, 0.2);
  

  --border-width--container: 1px;

  --transition--hover: all 0.2s ease;

}