.page.mastercrafting info-box menu[buttons] button[toggle-filter],
.page.calendarfolder info-box menu[buttons] button[toggle-filter],
.page.calendar info-box menu[buttons] button[toggle-filter] {
  display: none;
}
.page.mastercrafting info-box menu[buttons] button[toggle-info],
.page.calendarfolder info-box menu[buttons] button[toggle-info],
.page.calendar info-box menu[buttons] button[toggle-info] {
  display: block;
  left: auto;
  right: 10px;
}
@media only screen and (min-width: 769px) {
  info-box.animate-in menu[buttons] button[toggle-info] {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
info-box menu[buttons] {
  position: absolute;
  width: 100%;
  height: auto;
  top: -50px;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
}
@media only screen and (min-width: 769px) {
  info-box menu[buttons] {
    top: -70px;
  }
}
info-box menu[buttons] button {
  position: absolute;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: -ms-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 769px) {
  info-box menu[buttons] button[toggle-info] {
    will-change: top, transform;
    -webkit-transition: top 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: top 1s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: top 1s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: top 1s cubic-bezier(0.19, 1, 0.22, 1), -ms-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 1s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    right: 40px;
    top: 0px;
  }
  info-box menu[buttons] button[reset] {
    right: 40px;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  info-box menu[buttons] button[toggle-filter],
  info-box menu[buttons] button[ok-filter] {
    display: none;
  }
}
@media only screen and (max-width: 769px) {
  info-box menu[buttons] button[toggle-info],
  info-box menu[buttons] button[ok-filter],
  info-box menu[buttons] button[reset] {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  info-box menu[buttons] button[toggle-info] {
    left: 10px;
  }
  info-box menu[buttons] button[toggle-filter] {
    right: 10px;
  }
  info-box menu[buttons] button[reset] {
    right: 60px;
  }
  info-box menu[buttons] button[ok-filter] {
    right: 110px;
  }
}