#root {
  --mdc-theme-primary: var(--primary-main);
  --mdc-theme-accent: var(--primary-main);
  --mdc-theme-secondary: var(--primary-main);

  .mdc-textfield__input {
    padding: 8px 0 0 !important;
  }

  .mdc-textfield__label--float-above-fixed {
    transform: translateY(-100%) scale(0.75, 0.75);
    cursor: auto;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mdc-fab {
    background-color: var(--primary-main);
  }
}

html {
  height: 100%;
  overflow: hidden;
}

div,
span,
p,
input,
label,
button,
h1,
h2,
h3,
table,
td,
th {
  font-family: 'Open Sans', sans-serif;
}

a {
  text-decoration: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.fade-enter {
  opacity: 0;
}

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 250ms ease-in;
}

.right-enter {
  transform: translateX(100%);
}

.right-enter.right-enter-active {
  transform: translateX(0);
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.175, 0.665, 0.32, 1);
}
.right-leave {
  transform: translateX(0);
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.175, 0.665, 0.32, 1);
}
.right-leave.right-leave-active {
  transform: translateX(100%);
}

.fade-enter {
  opacity: 0.01;
}
.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

#launchpad-overlay .mdc-dialog__surface {
  width: 100%;
}