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: .5;
	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 > article {
	background-color: #F4F4F4;
	border-top: 5rem solid transparent;
	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 {
	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);
	}
}