{"version":3,"sources":["css/thumbs.scss","css/thumbs.css"],"names":[],"mappings":"AAMA,iBACE,SAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CACA,aAAA,CACA,YAAA,CACA,eAAA,CACA,kBAAA,CACA,wBCFF,CDIE,wBACE,eAAA,CACA,oBCFJ,CDKE,wBACE,YAAA,CACA,YAAA,CACA,WAAA,CACA,kBAAA,CACA,sBCHJ,CDKI,4BACE,eAAA,CACA,cAAA,CACA,WAAA,CACA,UCHN,CDOE,0BACE,iBAAA,CACA,SAAA,CACA,WAAA,CACA,UAAA,CACA,mCAAA,CACA,aAAA,CACA,WAAA,CACA,gBCLJ,CDOI,4BACE,aAAA,CACA,sBAAA,CACA,eCLN,CDOM,iCACE,eCLR","file":"thumbs.css","sourcesContent":["@charset \"utf-8\";\n\n@import \"_variables\";\n\n/** Main **/\n\n.image-container {\n  flex: none;\n  position: relative;\n  width: 224px;\n  height: 224px;\n  margin: 0.75rem;\n  padding: 11px;\n  overflow: hidden;\n  align-items: center;\n  border: 1px solid $grey;\n\n  .title {\n    font-weight: normal;\n    word-break: break-all\n  }\n\n  .image {\n    display: flex;\n    height: 200px;\n    width: 200px;\n    align-items: center;\n    justify-content: center;\n\n    img {\n      max-height: 100%;\n      max-width: 100%;\n      height: auto;\n      width: auto\n    }\n  }\n\n  .details {\n    position: absolute;\n    left: 11px;\n    bottom: 11px;\n    right: 11px;\n    background-color: #0000008f;\n    color: #eff0f1;\n    padding: 3px;\n    font-size: 0.75rem;\n\n    p {\n      display: block;\n      text-overflow: ellipsis;\n      overflow: hidden;\n\n      &.name {\n        font-weight: bold\n      }\n    }\n  }\n}\n","/* stylelint-disable-next-line value-keyword-case */\n/** Bulma: Variables **/\n/** Main **/\n.image-container {\n  flex: none;\n  position: relative;\n  width: 224px;\n  height: 224px;\n  margin: 0.75rem;\n  padding: 11px;\n  overflow: hidden;\n  align-items: center;\n  border: 1px solid #7a7a7a;\n}\n.image-container .title {\n  font-weight: normal;\n  word-break: break-all;\n}\n.image-container .image {\n  display: flex;\n  height: 200px;\n  width: 200px;\n  align-items: center;\n  justify-content: center;\n}\n.image-container .image img {\n  max-height: 100%;\n  max-width: 100%;\n  height: auto;\n  width: auto;\n}\n.image-container .details {\n  position: absolute;\n  left: 11px;\n  bottom: 11px;\n  right: 11px;\n  background-color: #0000008f;\n  color: #eff0f1;\n  padding: 3px;\n  font-size: 0.75rem;\n}\n.image-container .details p {\n  display: block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.image-container .details p.name {\n  font-weight: bold;\n}"]}