.Button {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
}
.Button:focus:before {
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
}
#view-thumbnail:checked ~ .Root .Gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 4px 0 0 4px;
}
#view-thumbnail:checked ~ .Root .Gallery label {
  height: 192px;
  background-size: auto 192px;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#view-thumbnail:checked ~ .Root .Gallery label:after {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  font-weight: bold;
  position: absolute;
  display: block;
  height: 32px;
  font-size: 16px;
  line-height: 1;
  padding: 8px;
  bottom: -32px;
  left: 8px;
  right: 8px;
  -webkit-transition: bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#view-thumbnail:checked ~ .Root .Gallery label:hover {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.7) inset;
}
#view-thumbnail:checked ~ .Root .Gallery label:hover:after {
  bottom: 8px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-1"] {
  background-image: url("../photos/Charles Babbage.jpg");
  width: 150.86556169px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-1"]:after {
  content: 'Charles Babbage';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-2"] {
  background-image: url("../photos/Tim Berners-Lee.jpg");
  width: 288.18011257px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-2"]:after {
  content: 'Tim Berners-Lee';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-3"] {
  background-image: url("../photos/Sergey Brin.jpg");
  width: 288.45070423px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-3"]:after {
  content: 'Sergey Brin';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-4"] {
  background-image: url("../photos/Vint Cerf.jpg");
  width: 191.87508133px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-4"]:after {
  content: 'Vint Cerf';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-5"] {
  background-image: url("../photos/Douglas Engelbart.jpg");
  width: 149.43216413px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-5"]:after {
  content: 'Douglas Engelbart';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-6"] {
  background-image: url("../photos/Shafi Goldwasser.jpg");
  width: 192px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-6"]:after {
  content: 'Shafi Goldwasser';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-7"] {
  background-image: url("../photos/Grace Hopper.jpg");
  width: 153.6px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-7"]:after {
  content: 'Grace Hopper';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-8"] {
  background-image: url("../photos/Steve Jobs.jpg");
  width: 288.28152493px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-8"]:after {
  content: 'Steve Jobs';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-9"] {
  background-image: url("../photos/Brian Kernighan.jpg");
  width: 288.11254396px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-9"]:after {
  content: 'Brian Kernighan';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-10"] {
  background-image: url("../photos/Barbara Liskov.jpg");
  width: 128.064px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-10"]:after {
  content: 'Barbara Liskov';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-11"] {
  background-image: url("../photos/Ada Lovelace.jpg");
  width: 133.63784666px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-11"]:after {
  content: 'Ada Lovelace';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-12"] {
  background-image: url("../photos/Dennis Ritchie.jpg");
  width: 141.16872428px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-12"]:after {
  content: 'Dennis Ritchie';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-13"] {
  background-image: url("../photos/Richard Stallman.jpg");
  width: 256px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-13"]:after {
  content: 'Richard Stallman';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-14"] {
  background-image: url("../photos/Bjarne Stroustrup.jpg");
  width: 341.33333333px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-14"]:after {
  content: 'Bjarne Stroustrup';
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-15"] {
  background-image: url("../photos/Linus Torvalds.jpg");
  width: 125.2173913px;
}
#view-thumbnail:checked ~ .Root .Gallery label[for="photo-15"]:after {
  content: 'Linus Torvalds';
}

/*# sourceMappingURL=gallery-thumbnails.css.map */