.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-list:checked ~ .Root .Gallery {
  display: table;
  width: 100%;
}
#view-list:checked ~ .Root .Gallery label {
  display: table-row;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#view-list:checked ~ .Root .Gallery label span {
  display: table-cell;
  vertical-align: middle;
}
#view-list:checked ~ .Root .Gallery label span:first-child {
  width: 48px;
}
#view-list:checked ~ .Root .Gallery label span:first-child:after {
  content: '';
  display: block;
  height: 48px;
  width: 48px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.87);
}
#view-list:checked ~ .Root .Gallery label:hover {
  background-color: #D1C4E9;
}
#view-list:checked ~ .Root .Gallery label[for="photo-1"] span:first-child:after {
  background-image: url("../photos/Charles Babbage.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-1"] span:first-child + span:after {
  content: 'Charles Babbage';
}
#view-list:checked ~ .Root .Gallery label[for="photo-1"] span:first-child + span + span:after {
  content: "1280 × 1629";
}
#view-list:checked ~ .Root .Gallery label[for="photo-1"] span:first-child + span + span + span:after {
  content: '250.5 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-2"] span:first-child:after {
  background-image: url("../photos/Tim Berners-Lee.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-2"] span:first-child + span:after {
  content: 'Tim Berners-Lee';
}
#view-list:checked ~ .Root .Gallery label[for="photo-2"] span:first-child + span + span:after {
  content: "1600 × 1066";
}
#view-list:checked ~ .Root .Gallery label[for="photo-2"] span:first-child + span + span + span:after {
  content: '497.1 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-3"] span:first-child:after {
  background-image: url("../photos/Sergey Brin.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-3"] span:first-child + span:after {
  content: 'Sergey Brin';
}
#view-list:checked ~ .Root .Gallery label[for="photo-3"] span:first-child + span + span:after {
  content: "1920 × 1278";
}
#view-list:checked ~ .Root .Gallery label[for="photo-3"] span:first-child + span + span + span:after {
  content: '902.1 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-4"] span:first-child:after {
  background-image: url("../photos/Vint Cerf.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-4"] span:first-child + span:after {
  content: 'Vint Cerf';
}
#view-list:checked ~ .Root .Gallery label[for="photo-4"] span:first-child + span + span:after {
  content: "1536 × 1537";
}
#view-list:checked ~ .Root .Gallery label[for="photo-4"] span:first-child + span + span + span:after {
  content: '278.8 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-5"] span:first-child:after {
  background-image: url("../photos/Douglas Engelbart.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-5"] span:first-child + span:after {
  content: 'Douglas Engelbart';
}
#view-list:checked ~ .Root .Gallery label[for="photo-5"] span:first-child + span + span:after {
  content: "1176 × 1511";
}
#view-list:checked ~ .Root .Gallery label[for="photo-5"] span:first-child + span + span + span:after {
  content: '1.3 MB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-6"] span:first-child:after {
  background-image: url("../photos/Shafi Goldwasser.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-6"] span:first-child + span:after {
  content: 'Shafi Goldwasser';
}
#view-list:checked ~ .Root .Gallery label[for="photo-6"] span:first-child + span + span:after {
  content: "945 × 945";
}
#view-list:checked ~ .Root .Gallery label[for="photo-6"] span:first-child + span + span + span:after {
  content: '1.1 MB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-7"] span:first-child:after {
  background-image: url("../photos/Grace Hopper.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-7"] span:first-child + span:after {
  content: 'Grace Hopper';
}
#view-list:checked ~ .Root .Gallery label[for="photo-7"] span:first-child + span + span:after {
  content: "1280 × 1600";
}
#view-list:checked ~ .Root .Gallery label[for="photo-7"] span:first-child + span + span + span:after {
  content: '305 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-8"] span:first-child:after {
  background-image: url("../photos/Steve Jobs.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-8"] span:first-child + span:after {
  content: 'Steve Jobs';
}
#view-list:checked ~ .Root .Gallery label[for="photo-8"] span:first-child + span + span:after {
  content: "1024 × 682";
}
#view-list:checked ~ .Root .Gallery label[for="photo-8"] span:first-child + span + span + span:after {
  content: '158.6 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-9"] span:first-child:after {
  background-image: url("../photos/Brian Kernighan.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-9"] span:first-child + span:after {
  content: 'Brian Kernighan';
}
#view-list:checked ~ .Root .Gallery label[for="photo-9"] span:first-child + span + span:after {
  content: "1280 × 853";
}
#view-list:checked ~ .Root .Gallery label[for="photo-9"] span:first-child + span + span + span:after {
  content: '150.6 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-10"] span:first-child:after {
  background-image: url("../photos/Barbara Liskov.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-10"] span:first-child + span:after {
  content: 'Barbara Liskov';
}
#view-list:checked ~ .Root .Gallery label[for="photo-10"] span:first-child + span + span:after {
  content: "667 × 1000";
}
#view-list:checked ~ .Root .Gallery label[for="photo-10"] span:first-child + span + span + span:after {
  content: '291.6 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-11"] span:first-child:after {
  background-image: url("../photos/Ada Lovelace.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-11"] span:first-child + span:after {
  content: 'Ada Lovelace';
}
#view-list:checked ~ .Root .Gallery label[for="photo-11"] span:first-child + span + span:after {
  content: "1280 × 1839";
}
#view-list:checked ~ .Root .Gallery label[for="photo-11"] span:first-child + span + span + span:after {
  content: '850.8 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-12"] span:first-child:after {
  background-image: url("../photos/Dennis Ritchie.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-12"] span:first-child + span:after {
  content: 'Dennis Ritchie';
}
#view-list:checked ~ .Root .Gallery label[for="photo-12"] span:first-child + span + span:after {
  content: "536 × 729";
}
#view-list:checked ~ .Root .Gallery label[for="photo-12"] span:first-child + span + span + span:after {
  content: '305 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-13"] span:first-child:after {
  background-image: url("../photos/Richard Stallman.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-13"] span:first-child + span:after {
  content: 'Richard Stallman';
}
#view-list:checked ~ .Root .Gallery label[for="photo-13"] span:first-child + span + span:after {
  content: "1920 × 1440";
}
#view-list:checked ~ .Root .Gallery label[for="photo-13"] span:first-child + span + span + span:after {
  content: '647.5 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-14"] span:first-child:after {
  background-image: url("../photos/Bjarne Stroustrup.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-14"] span:first-child + span:after {
  content: 'Bjarne Stroustrup';
}
#view-list:checked ~ .Root .Gallery label[for="photo-14"] span:first-child + span + span:after {
  content: "1920 × 1080";
}
#view-list:checked ~ .Root .Gallery label[for="photo-14"] span:first-child + span + span + span:after {
  content: '97.3 KB';
}
#view-list:checked ~ .Root .Gallery label[for="photo-15"] span:first-child:after {
  background-image: url("../photos/Linus Torvalds.jpg");
}
#view-list:checked ~ .Root .Gallery label[for="photo-15"] span:first-child + span:after {
  content: 'Linus Torvalds';
}
#view-list:checked ~ .Root .Gallery label[for="photo-15"] span:first-child + span + span:after {
  content: "600 × 920";
}
#view-list:checked ~ .Root .Gallery label[for="photo-15"] span:first-child + span + span + span:after {
  content: '95.3 KB';
}

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