{"version":3,"sources":["css/thumbs.scss","css/thumbs.css"],"names":[],"mappings":"AAKA,iBAQE,kBAAA,CACA,wBAAA,CARA,SAAA,CAGA,YAAA,CACA,aAAA,CAEA,eAAA,CADA,YAAA,CAJA,iBAAA,CACA,WCMF,CDEE,wBACE,eAAA,CACA,oBCAJ,CDGE,wBAIE,kBAAA,CAHA,YAAA,CACA,YAAA,CAGA,sBAAA,CAFA,WCCJ,CDGI,4BAGE,WAAA,CAFA,eAAA,CACA,cAAA,CAEA,UCDN,CDKE,0BAKE,iCAAA,CAFA,WAAA,CAGA,aAAA,CAEA,gBAAA,CANA,SAAA,CAKA,WAAA,CANA,iBAAA,CAGA,UCCJ,CDKI,4BACE,aAAA,CAEA,eAAA,CADA,sBCFN,CDKM,iCACE,eCHR","file":"thumbs.css","sourcesContent":["@charset \"utf-8\";\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 scss/dollar-variable-empty-line-before */\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 hsl(0, 0%, 48%);\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: rgba(0, 0, 0, 0.5607843137);\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}"]}