@charset "UTF-8";

.section__qms3__image_sizes {
  display: flex;
}

.section__qms3__image_sizes > div {
  flex-grow: 1;

  padding: 0 16px 16px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.section__qms3__image_sizes > div:not(:first-child) {
  margin-left: 16px;
}

.section__qms3__image_sizes > div.selected {
  border-color: #dd7;
  background-color: #ffe;
}

.section__qms3__image_sizes table {
  width: 100%;
  border-collapse: collapse;

  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

.section__qms3__image_sizes th,
.section__qms3__image_sizes td {
  padding: .5em;

  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}

.section__qms3__image_sizes td:nth-child(2) { text-align: right; }
.section__qms3__image_sizes td:nth-child(3) { text-align: right; }
.section__qms3__image_sizes td:nth-child(4) { text-align: center; }


@media (max-width: 1200px) {
  .section__qms3__image_sizes {
    flex-direction: column;
  }

  .section__qms3__image_sizes > div:not(:first-child) {
    margin-left: 0;
    margin-top: 16px;
  }
}