header.fixed *[disabled="disabled"] {
  opacity: 0.8;
  pointer-events: none;
}

#drawer {
  height: 5rem ! important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101 !important;
}

#index {
  position: absolute;
  width: 100%;
}


#back:not(.folder) {
  visibility: hidden;
}

#back.folder {
  display: none;
}

#close.pick {
  display: none;
}

#drawer > header:first-child > menu:first-child > a[data-action="hide"] {
  display: none;
}
#drawer:target > header:first-child > menu:first-child > a[data-action="hide"] {
  display: block;
}
#drawer > header:first-child > menu:first-child > a[data-action="show"] {
  display: block;
}
#drawer:target > header:first-child > menu:first-child > a[data-action="show"] {
  display: none;
}

#drawer:target {
  height: 100% !important;
  transition: transform 0.4s ease;
  transform: translateX(-80%) !important;
}

#drawer:target + .left-to-current, #drawer:target + .current, #drawer:target + section + .current, #drawer:target + section + .left-to-current, #drawer:target + section + section + .current, #drawer:target + section + section + .left-to-current {
  transition: all 0.4s ease;
  transform: translateX(-80%) !important;
}

#refresh {
  padding: 0;
}

#refresh::-moz-focus-inner {
  border: 0;
}

[data-loading="true"] #refresh,
#refresh[data-state="executing"] {
  animation: 0.9s msg-rotate infinite steps(30);
  pointer-events: none;
}

[data-loading="true"] #drawer > header a {
  opacity: .2;
  pointer-events: none;
}

#logo {
  margin: auto;
}

section[role="region"] {
  z-index: 100 !important;
}

#file-action > form[role="dialog"][data-type="action"] > menu.center-menu {
  left: 0;
}

#file-action > form[role="dialog"][data-type="action"] > menu.right-menu {
  left: 100%;
}

#file-action > form[role="dialog"][data-type="action"] > menu.left-menu {
  left: -100%;
}

#file-action > form[role="dialog"][data-type="action"] > menu:last-of-type > button {
  text-transform: uppercase;
  width: calc(50% - 3rem);
  width: -moz-calc(50% - 3rem);
  text-align: center;
}

#about-us {
  z-index: 102 !important;
  position: absolute;
  width: 100%;
  transform: translateY(100%);
}

#about-us > header {
  z-index: 102;
}

#about-us > header:first-child h1 {
	text-align: center;
	padding-right: 5rem;
}

#about-us > article {
  background-color: #FCFCFC;
  height: calc(100% - 5rem);
  border-top: 0.2rem solid transparent;
  top: 5rem;
  z-index: 101;
}

#about-us ul > li > aside.pack-start {
  background-image: url(images/avatar.png);
  background-repeat: no-repeat;
  background-position: center center;
}

#about-us ul > li > aside.pack-start > img {
  border-radius: 3rem;
  width: 4rem;
  height: 4rem;
  margin: 1rem;
}

#about-us ul > li > aside.pack-start:not(.fixed-avatar) > img {
  transform: scale(0);
  transition: transform .2s ease-in;
}

section[role="region"].hide-to-bottom {
  animation: hide .3s forwards;
  -webkit-animation: hide .3s forwards;
}

section[role="region"].show-from-bottom {
  animation: show .3s forwards;
  -webkit-animation: show .3s forwards;
}


@keyframes msg-rotate {
  from {
    transform: rotate(1deg);
  }
  to {
    transform: rotate(360deg);
  }
}