div#cst-template-type-tags {
  padding: 0;
}

div#cst-sizes-container,
div#cst-template-types-container,
div#cst-color-themes-container,
div#cst-images-container,
div#cst-user-gallery-images-container,
div#cst-passepartout-types-container,
div#cst-text-layout-types-container,
div#cst-text-setups-portrait-container,
div#cst-text-setups-landscape-container {
  background-color: #f5f3ec;
  padding: 0.75rem;
  display: flex;
  flex-wrap: wrap;
}

div#cst-sizes-container {
  column-gap: 2rem;
}

div#cst-template-types-container,
div#cst-color-themes-container,
div#cst-images-container,
div#cst-user-gallery-images-container,
div#cst-passepartout-types-container,
div#cst-text-layout-types-container,
div#cst-text-setups-portrait-container,
div#cst-text-setups-landscape-container {
  column-gap: 1rem;
}

div#cst-sizes-container,
div#cst-template-types-container,
div#cst-color-themes-container,
div#cst-images-container,
div#cst-user-gallery-images-container,
div#cst-passepartout-types-container,
div#cst-text-layout-types-container,
div#cst-text-setups-portrait-container,
div#cst-text-setups-landscape-container {
  row-gap: 1rem;
  justify-content: flex-start;
}

div.cst-size-container,
div.cst-template-type-container,
div.cst-color-theme-container,
div.cst-image-container,
div.cst-user-gallery-image-container,
div.cst-passepartout-type-container,
div.cst-text-layout-type-container,
div.cst-text-setup-container {
  position: relative;
}

div.cst-passepartout-type-container {
  width: 80px;
}

label.cst-size,
label.cst-template-type,
label.cst-color-theme,
label.cst-image,
label.cst-user-gallery-image,
label.cst-passepartout-type,
label.cst-text-layout-type,
label.cst-text-setup-portrait,
label.cst-text-setup-landscape {
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  justify-content: center
}

label.cst-size {
  width: 141px;
  height: 141px;
  background-size: 141px 141px;
}

div.cst-template-type-container.cst-portrait label.cst-template-type {
  width: 100px;
  height: 141px;
  background-size: 100px 141px;
}
div.cst-template-type-container.cst-landscape label.cst-template-type {
  width: 141px;
  height: 100px;
  background-size: 141px 100px;
}

label.cst-passepartout-type,
label.cst-text-layout-type {
  width: 80px;
  height: 113px;
  background-size: 80px 113px;
}

label.cst-text-setup-portrait {
  width: 75px;
  height: 100px;
  background-size: 75px 100px;
}

label.cst-text-setup-landscape {
  width: 100px;
  height: 75px;
  background-size: 100px 75px;
}

label.cst-color-theme {
  width: 30px;
  height: 30px;
}

div.cst-size-button-container,
div.cst-template-type-button-container {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

div.cst-size-name,
div.cst-template-type-name,
div.cst-image-name,
div.cst-user-gallery-image-name,
div.cst-passepartout-type-name,
div.cst-text-layout-type-name,
div.cst-text-setup-name-portrait,
div.cst-text-setup-name-landscape {
  padding-top: 7px;
  text-align: center;
  white-space: pre-wrap;
}

div.cst-text-setup-name-portrait {
  width: 75px;
}

div.cst-text-setup-name-landscape {
  width: 100px;
}

div.cst-size-container:has(.cpr-hidden-radio:checked),
div.cst-template-type-container:has(.cpr-hidden-radio:checked),
div.cst-image-container:has(.cpr-hidden-radio:checked),
div.cst-user-gallery-image-container:has(.cpr-hidden-radio:checked),
div.cst-passepartout-type-container:has(.cpr-hidden-radio:checked),
div.cst-text-layout-type-container:has(.cpr-hidden-radio:checked),
div.cst-text-setup-container:has(.cpr-hidden-radio:checked) {
  font-weight: bold;
  color: #0f8575;
}

.cpr-hidden-radio:checked + label.cst-size,
.cpr-hidden-radio:checked + label.cst-template-type {
  box-shadow: 0 0 10px 5px #0f8575
}

.cpr-hidden-radio:checked + label.cst-color-theme,
.cpr-hidden-radio:checked + label.cst-image,
.cpr-hidden-radio:checked + label.cst-user-gallery-image,
.cpr-hidden-radio:checked + label.cst-user-image,
.cpr-hidden-radio:checked + label.cst-passepartout-type,
.cpr-hidden-radio:checked + label.cst-text-layout-type,
.cpr-hidden-radio:checked + label.cst-text-setup-portrait,
.cpr-hidden-radio:checked + label.cst-text-setup-landscape {
  box-shadow: 0 0 8px 4px #0f8575
}

.cpr-hidden-radio + label.has-border { border: 1px solid #d0d0d0 }

div#cst-user-image-low-dpi,
div#cst-user-gallery-image-low-dpi {
  color: #f00
}
span#cst-overview-image-missing { color: #f00; text-transform: uppercase }
span#cst-overview-low-dpi { color: #f00 }

.cst-text-header { font-size: 10pt; margin-bottom: 2px; display: block }