#login {
  background-image: url(/static/img/lp2.png);
  background-repeat: no-repeat;
  background-position: center;
}
#login form { max-width: 24em; }
#login form h1 { color: var(--iconTertiary); } 
#login form img { display: none; }
#login p {
	text-align: center;
	padding: .5em 1em;
  	border-radius: .1em;
  	cursor: pointer;
  	background: var(--dark-blue);
  	color: #fff;
  	border: 1px solid var(--divider);
  	box-shadow: 0 0 5px var(--divider);
	transition: .1s ease all;
	text-transform: initial;
	font-size: 100%;
	font-weight: initial;
	line-height: 1.15em;
}

header {
  padding-left: 0.5em;
}
header > img {
  display: none;
}
header > title {
  display: none;
}
header #upload-button.action {
  padding-right: 0.4em;
  animation: pulse 2.5s ease-in infinite;
}
header #upload-button.action span {
  display: inline-block;
  padding-right: 0.8em;
}
#dropdown .action > * {
  vertical-align: middle;
}
.action {
  border-radius: 0.3em;
}
.action i {
  padding: 0.25em;
}
/* .action.menu-button { display: none; } */
.action[title='Info'], .action[title='Download'], .action[title='New folder'], .action[title='New file'], .action[title='Copy file'], .action[title='Move file'] {
  display:none;
}
.material-icons {
  font-size: 2rem;
}
#search {
  display: none;
  margin-right: 0.5em;
}
div.credits {
  width: initial !important;
}
p.credits {
  display: none;
}
.action[tabindex='2'] {
  display: none;
}

@media (max-width: 736px) {
  #dropdown {
    transform: initial;
    position: initial;
    top: initial;
    right: initial;
    /* margin-left: 1em; */
    background-color: inherit;
    box-shadow: initial;
  }
  #dropdown .action {
    width: initial;
    display: inline-block;
    align-items: initial;
    border-radius: 0.3em;
  }
  #dropdown .action[title='Info'], .action[title='Download'] {
    display:none !important;
  }
  #dropdown .action span {
    display: none;
  }
  #dropdown .action span:not(.counter) {
    display: none;
  }
  #dropdown #upload-button.action span {
    display: inline-block;
    padding-left: 0;
  }
  #more {
    display: none;
  }
  header .search-button {
    display: none;
  }
}

@keyframes pulse {
  0% { }
  40% {
    background-color: rgba(210,210,210,0.4);
  }
  100% { }
}

@keyframes pulse-surface {
  100% {
    background-color: rgba(250,250,250,0.4);
  }
}

@keyframes rainbow {
  0% {
    background-color: var(--icon-red);
  }
  20% {
    background-color: var(--icon-orange);
  }
  40% {
    background-color: var(--icon-yellow);
  }
  60% {
    background-color: var(--icon-green);
  }
  80% {
    background-color: var(--icon-blue);
  }
  100% {
    background-color: var(--icon-violet);
  }
}