/*!
 * This file is part of the "A-artik" Theme
 * ----------------------------------------
 * Copyright (c) 2021 The Education University of Hong Kong. All rights reserved.
 * Developed by Nick Lai (https://www.github.com/nixklai/).
 */
div.custom-file-list {
  --gradient-start: rgba(255, 255, 255, 0.5);
  --gradient-end: rgba(22, 22, 22, 0.2);
  --gradient-hover-start: rgba(20, 20, 20, 0.7);
  --gradient-hover-end: rgba(200, 200, 200, 0.3);
  --dark: rgb(25, 25, 25);
  overflow: hidden;
}
div.custom-file-list a.file {
  --gradient-start: rgba(255, 255, 255, 0.5);
  --gradient-end: rgba(22, 22, 22, 0.2);
  --gradient-hover-start: rgba(20, 20, 20, 0.7);
  --gradient-hover-end: rgba(200, 200, 200, 0.3);
  display: block;
  position: relative;
  aspect-ratio: 3/2;
  padding: var(--padding) var(--padding) 0;
  text-decoration: none;
}
div.custom-file-list a.file * {
  transition: 0.25s ease;
}
div.custom-file-list a.file > *, div.custom-file-list a.file:after {
  position: absolute;
}
div.custom-file-list a.file > span {
  z-index: 3;
  color: black;
  text-shadow: 0px 0px 1px white, 0px 0px 1rem rgba(255, 255, 255, 0.7);
}
div.custom-file-list a.file:hover > span {
  color: white;
  font-size: 1.1rem;
  text-shadow: 0px 0px 1px black, 0px 0px 1rem rgba(0, 0, 0, 0.7);
}
div.custom-file-list a.file:after {
  content: " ";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to bottom, var(--gradient-start), var(--gradient-end));
  /* Non-hover box-shadow */
  box-shadow: 0px 0px 5px #191919;
}
div.custom-file-list a.file:hover:after {
  background: linear-gradient(to bottom, var(--gradient-hover-start), var(--gradient-hover-end));
  /* Hover box-shadow */
  box-shadow: 0px 0px 20px white;
}
div.custom-file-list a.file > img {
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  aspect-ratio: 3/2;
}

/*# sourceMappingURL=custom-file-list.common.css.map */