/*
  Place your custom style overrides here.
  Checkout /src/assets/global.scss for an overview of all globally available css variables you
    can override

  NOTE: The main application's styling is included through JavaScript. Therefore, it gets added to
    the head _after_ this file. If you want to override the globally used CSS variables, you can either
    use !important, or increase the specificity from :root
*/

.input-single-file .header.big-image img {
  min-width: 50vw !important;
}

@media (min-width: 800px) {
  .input-single-file .header.big-image img {
    min-width: 350px !important;
  }
}

@media (min-width: 900px) {
  .input-single-file .header.big-image img {
    min-width: 500px !important;
  }
}

.v-modal .body .v-card img,
.v-card.link.selectable .header img {
  width: 160px !important;
}