/*!
 *  Material Design Hierarchical Display by Sergey Kupletsky (@zavoloklom) - https://github.com/zavoloklom/material-design-hierarchical-display/
 *  License - https://github.com/zavoloklom/material-design-hierarchical-display/blob/master/LICENSE (MIT License)
 */
 .zmd-hierarchical-display {
  visibility: hidden; }
  .zmd-hierarchical-display.in {
    visibility: visible; }

.zmd-hierarchical-displaying {
  visibility: visible; }

.animation {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animation.zoomedIn,
.animation.zoomedOut {
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1); }

@-webkit-keyframes zoomedIn {
  from {
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes zoomedIn {
  from {
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes zoomedOut {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes zoomedOut {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(0);
    transform: scale(0); } }

.zoomedIn {
  -webkit-animation-name: zoomedIn;
  animation-name: zoomedIn; }

.zoomedOut {
  -webkit-animation-name: zoomedOut;
  animation-name: zoomedOut; }