:root {
  --white: #fff;
  --black: #222;
  --grey: #6f7787;
  --dark-grey: #575e6b;
  --light-grey: #eee;
  --light-grey-hover: #ddd;
  --red: #cf0a2c;
  --red-hover: #cf0a2c;
  --yellow: #ffe36d;
  --yellow: #fcc200;
  --blue: #0071ce;
  --blue-hover: #0071ce;
  --teal: #accde7;
  --teal-hover: #accde7;
  --purple: #7466bf;
  --purple-hover: #7466bf;
  --green: #34ac69;
  --text-shadow: 1px 1px #fff;
  --app-max-width: 1920px;
  --active-tab-background: var(--grey);
  --active-tab-hover: var(--dark-grey);
  --active-tab-color: var(--white);
  --background: #eee;
  --hover: rgba(0, 0, 0, 0.04);
  --disabled: #a1aeb8;
  --dashed-border: 1px dashed #767676;
  --primary: #2673b3;
  --primary-logo: #2673b3;
  --primary-hover: #125f9f;
  --primary-active: #0c4c81;
  --warning: var(--yellow);
  --danger: var(--red);
  --success: var(--green);
  --space-nano: 4px;
  --space-micro: 8px;
  --space-small: 16px;
  --space-default: 24px;
  --space-large: 32px;
  --space-mega: 56px;
  --radius-small: 2px;
  --radius-default: 4px;
  --radius-big: 6px;
  --tile: #fff;
  --tile-shadow: 0 4px 40px rgba(0, 0, 0, 0.17);
  --hard-shadow: 0 4px 40px rgba(0, 0, 0, 0.5);
  --tile-border-radius: 6px;
  --tile-margin: var(--space-default);
  --tile-padding: var(--space-large);
  --default-text: #222222;
  --meta-text: var(--grey);
  --disabled-text: var(--grey);
  --size-default: 14px;
  --size-big: 15px;
  --icon-small: 1px;
  --icon-mid: 28px;
  --icon-big: 1px;
  --input-background: #fff;
  --input-radius: 2px;
  --input-border: 1px solid #ddd;
  --input-label-color: var(--black);
  --input-label-size: 14px;
  --button-radius: 3px;
  --button-background-primary: var(--primary);
  --button-hover-primary: var(--primary-hover);
  --button-active-primary: var(--primary-active);
  --button-disabled-primary: #92b9d9;
  --button-border-primary: 1px solid transparent;
  --button-color-primary: var(--white);
  --button-background-secondary: var(--white);
  --button-hover-secondary: #f8f8f8;
  --button-active-secondary: #eeeeee;
  --button-disabled-secondary: 1px solid #6f7787;
  --button-border-secondary: 1px solid #6f7787;
  --button-color-secondary: var(--black);
  --button-background-danger: var(--red);
  --button-hover-danger: #b80826;
  --button-active-danger: #a40621;
  --button-disabled-danger: #e78495;
  --button-border-danger: 1px solid transparent;
  --button-color-danger: var(--white);
  --button-background-warning: var(--warning);
  --button-hover-warning: #ce9e00;
  --button-active-warning: #bc9000;
  --button-disabled-warning: #ffdd6f;
  --button-border-warning: 1px solid transparent;
  --button-color-warning: var(--black);
  --toast-radius: 6px;
  --toast-info: #accde7;
  --toast-color-info: var(--default-text);
  --toast-warning: var(--yellow);
  --toast-color-warning: var(--default-text);
  --toast-success: #99d5b4;
  --toast-color-success: var(--default-text);
  --toast-danger: #cf0a2c;
  --toast-color-danger: var(--white);
  --list-border: 1px solid #ddd;
  --tag-violet-background: #dfdbf5;
  --tag-violet-hover: #e4e2f2;
  --tag-violet-text: #39345d;
  --tag-violet-importance: 10;
  --tag-pink-background: #efdaee;
  --tag-pink-hover: #d4c0d3;
  --tag-pink-text: #502b4e;
  --tag-pink-importance: 10;
  --tag-green-background: #c2e6d2;
  --tag-green-hover: #c6dfd1;
  --tag-green-text: #502b4e;
  --tag-green-importance: 10;
  --tag-blue-background: #cbe8ff;
  --tag-blue-hover: #d5ecff;
  --tag-blue-text: #14344d;
  --tag-blue-importance: 4;
  --tag-purple-background: #b2c0f2;
  --tag-purple-hover: #bfc9ed;
  --tag-purple-text: #372b43;
  --tag-purple-importance: 3;
  --tag-brown-background: #ece1ca;
  --tag-brown-hover: #e4ded0;
  --tag-brown-text: #433a2b;
  --tag-brown-importance: 10;
  --tag-turquoise-background: #c3fcf4;
  --tag-turquoise-hover: #d2f8f3;
  --tag-turquoise-text: #204a65;
  --tag-turquoise-importance: 2;
  --tag-grey-background: #eeeeee;
  --tag-grey-hover: #dedede;
  --tag-grey-text: #222222;
  --tag-grey-importance: 10;
  --tag-orange-background: #ffd2a8;
  --tag-orange-hover: #ffe0c3;
  --tag-orange-text: #543c25;
  --tag-orange-importance: 10;
  --tag-rose-background: #fcaac5;
  --tag-rose-hover: #ffc3d7;
  --tag-rose-text: #3b1824;
  --tag-rose-importance: 1;
}

@media screen {
  [data-theme=dark] {
    --background: #0d1d2b;
    --tile: #0f2c44;
    --default-text: #fff;
    --input-background: #0d1d2b;
    --hover: #0d1d2b;
    --dashed-border: 1px dashed #fff;
    --list-border: 1px solid #3d4b61;
    --input-border: 1px solid #3d4b61;
    --active-tab-background: var(--white);
    --active-tab-color: var(--black);
    --active-tab-hover: var(--light-grey);
    --button-background-secondary: var(--tile);
    --button-hover-secondary: #123653;
    --button-active-secondary: #174367;
    --button-disabled-secondary: 1px solid #6f7787;
    --button-border-secondary: 1px solid #6f7787;
    --button-color-secondary: var(--white);
    --primary-logo: #6895ba;
    --text-shadow: 1px 1px #000;
  }
}
#login .button-bar {
  margin-top: var(--space-default);
}
#login .login-actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: var(--space-default);
}
#login .login-actions .divider {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--default-text);
  margin: 8px var(--space-small);
}

/*# sourceMappingURL=login.css.map */