.mdc-fab--menu {
  list-style: none; }

.mdc-fab--main {
  list-style: none; }
  .mdc-fab--main *,
  .mdc-fab--main *:before,
  .mdc-fab--main *:after {
    box-sizing: inherit; }

.mdc-fab--list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .mdc-fab--list > li {
    display: block;
    position: absolute;
    top: 0; }

/**
 * These are the basic styles for all the icons inside the main button
 */
.mdc-component__icon, .mdc-fab--main-icon--active,
.mdc-fab--main-icon--resting {
  position: absolute;
  text-align: center;
  width: 100%; }

[data-mdc-fab-state="open"] .mdc-component__icon, [data-mdc-fab-state="open"] .mdc-fab--main-icon--active,
[data-mdc-fab-state="open"] .mdc-fab--main-icon--resting {
  -webkit-transform: scale(1) rotate(360deg);
  transform: scale(1) rotate(360deg); }

.mdc-fab--main-icon--active,
.mdc-fab--main-icon--resting {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms; }

.mdc-fab--main-icon--active {
  opacity: 0; }

[data-mdc-fab-state="open"] .mdc-fab--main-icon--resting {
  opacity: 0; }
[data-mdc-fab-state="open"] .mdc-fab--main-icon--active {
  opacity: 1; }

.mdc-fab--child {
  z-index: 1; }

.mdc-fab--main {
  z-index: 10; }

.mdc-fab--menu li:nth-child(1) {
  top: -70px; }
.mdc-fab--menu li:nth-child(2) {
  top: -140px; }
.mdc-fab--menu .mdc-fab--list li {
  opacity: 0;
  transition: all 400ms ease-in-out; }
.mdc-fab--menu[data-mdc-fab-state="open"] .mdc-fab--list li {
  opacity: 1; }
.mdc-fab--menu[data-mdc-fab-state="closed"] .mdc-fab--list li:nth-child(1)[data-mdc-fab-active="true"] {
  opacity: 1;
  transition: all 600ms;
  -webkit-transform: translateY(70px);
  transform: translateY(70px); }
.mdc-fab--menu[data-mdc-fab-state="closed"] .mdc-fab--list li:nth-child(2)[data-mdc-fab-active="true"] {
  opacity: 1;
  transition: all 600ms;
  -webkit-transform: translateY(140px);
  transform: translateY(140px); }

/*# sourceMappingURL=mdc-fab-menu.css.map */