/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-bottom-bar {
  width: 100%;
  min-width: 100%;
  height: 56px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-bottom-bar-item {
  max-width: 168px;
  min-width: 80px;
  height: 100%;
  padding: 8px 12px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  cursor: pointer;
  border: none;
  background: transparent;
  transform: translate3d(0, 0, 0);
  color: currentColor;
  font-family: inherit;
  font-size: 14px;
  line-height: 1em;
  text-decoration: none;
}
.md-bottom-bar-item.md-active {
    padding-top: 6px;
}
.md-bottom-bar-item.md-active .md-text {
      transform: scale(1) translate3d(0, 0, 0);
}
.md-bottom-bar-item.md-active .md-text,
    .md-bottom-bar-item.md-active .md-icon {
      color: currentColor;
}
.md-bottom-bar-item[disabled] {
    opacity: .38;
}
.md-bottom-bar.md-shift .md-bottom-bar-item {
    min-width: 56px;
    max-width: 96px;
    position: static;
    -ms-flex: 1 1 32px;
        flex: 1 1 32px;
    transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: flex, min-width, max-width;
    transition-property: flex, min-width, max-width, -ms-flex;
}
.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon {
      transform: translate3d(0, 8px, 0);
}
.md-bottom-bar.md-shift .md-bottom-bar-item .md-text {
      opacity: 0;
      transform: scale(1) translate3d(0, 6px, 0);
}
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {
      min-width: 96px;
      max-width: 168px;
      -ms-flex: 1 1 72px;
          flex: 1 1 72px;
}
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,
      .md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
        opacity: 1;
}
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon {
        transform: scale(1) translate3d(0, 0, 0);
}
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
        transform: scale(1) translate3d(0, 2px, 0);
}
.md-bottom-bar-item .md-text {
    transform: scale(0.8571) translateY(2px);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.15s linear, opacity 0.15s linear;
}
.md-bottom-bar-item .md-icon {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.15s linear;
}

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