/* Shared Image List styles for the four verified pages only. */
.cm-image-list, .cm-image-list * { box-sizing: border-box; }
.cm-image-list {
  width: min(var(--cil-section-width), calc(100% - min(var(--cil-section-margin-left), 20%) - min(var(--cil-section-margin-right), 20%)));
  min-height: var(--cil-section-min-height);
  margin: var(--cil-section-margin-top) min(var(--cil-section-margin-right), 20%) var(--cil-section-margin-bottom) min(var(--cil-section-margin-left), 20%);
  padding: var(--cil-section-padding-top) min(var(--cil-section-padding-right), max(0px, calc((var(--cil-section-width) - 20px) / 5))) var(--cil-section-padding-bottom) min(var(--cil-section-padding-left), max(0px, calc((var(--cil-section-width) - 20px) / 5)));
  border: var(--cil-section-border-width) solid var(--cil-outer-border);
  border-radius: var(--cil-section-radius);
  background: var(--cil-background);
  color: var(--cil-foreground);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(min-content, 1fr);
}
.cm-image-list__inner { container-type: inline-size; width: 100%; max-width: var(--cil-section-max-width); min-width: 0; margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr); row-gap: var(--cil-tile-gap); align-content: start; }
.cm-image-list__cell { min-width: 0; margin: var(--cil-tile-margin-top) min(var(--cil-tile-margin-right), 20%) var(--cil-tile-margin-bottom) min(var(--cil-tile-margin-left), 20%); }
.cm-image-list__tile {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: var(--cil-tile-height);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  padding: min(var(--cil-tile-padding-top), var(--cil-padding-cap)) min(var(--cil-tile-padding-right), 20%) min(var(--cil-tile-padding-bottom), var(--cil-padding-cap)) min(var(--cil-tile-padding-left), 20%);
  border: min(calc(var(--cil-tile-border-width) * var(--cil-border-show)), 10cqw) solid var(--cil-normal-border);
  border-radius: var(--cil-tile-radius);
  background: var(--cil-tile-background);
  transition: transform var(--cil-duration) ease, border-color var(--cil-duration) ease, box-shadow var(--cil-duration) ease;
}
.cm-image-list__media {
  position: relative;
  min-width: 0; min-height: 0;
  width: 100%; height: var(--cil-media-height);
  aspect-ratio: var(--cil-ratio);
  border-radius: max(0px, calc(var(--cil-tile-radius) - var(--cil-tile-border-width)));
  overflow: hidden;
}
.cm-image-list__picture { position: absolute; inset: 0; display: block; }
.cm-image-list__image { display: block; width: 100%; height: 100%; object-fit: var(--cil-fit); object-position: var(--cil-position); opacity: var(--cil-opacity); transition: transform var(--cil-duration) ease; }
.cm-image-list__image-link { position: absolute; inset: 0; border-radius: inherit; z-index: 1; }
.cm-image-list__caret-bounds { position: absolute; inset: 0; z-index: 2; pointer-events: none; container-type: size; }
.cm-image-list__caret {
  --cil-size: max(0px, min(var(--cil-caret-size), calc(100cqw - 8px), calc(100cqh - 8px)));
  position: absolute;
  left: clamp(4px, calc((100cqw - var(--cil-size)) * var(--cil-anchor-x) + var(--cil-caret-inset) * (1 - 2 * var(--cil-anchor-x)) + var(--cil-caret-x)), max(4px, calc(100cqw - var(--cil-size) - 4px)));
  top: clamp(4px, calc((100cqh - var(--cil-size)) * var(--cil-anchor-y) + var(--cil-caret-inset) * (1 - 2 * var(--cil-anchor-y)) - var(--cil-caret-y)), max(4px, calc(100cqh - var(--cil-size) - 4px)));
  width: var(--cil-size); height: var(--cil-size);
  display: grid; place-items: center;
  border-radius: 50%;
  border: min(var(--cil-caret-outline-width), 2cqw) solid var(--cil-caret-outline-color);
  background: var(--cil-caret-background); color: var(--cil-caret-color);
  text-decoration: none;
  transition: background-color var(--cil-duration) ease, color var(--cil-duration) ease;
}
a.cm-image-list__caret { pointer-events: auto; }
a.cm-image-list__caret::after { content: ''; position: absolute; inset: min(0px, calc((var(--cil-size) - 44px) / 2)); border-radius: 50%; }
.cm-image-list__icon { grid-area: 1 / 1; width: 100%; height: 100%; padding: min(var(--cil-caret-padding), 30%); display: grid; place-items: center; }
.cm-image-list__icon img, .cm-image-list__icon svg { display: block; width: 100%; height: 100%; object-fit: contain; }
.cm-image-list__icon--hover { visibility: hidden; }
.cm-image-list__image-link:focus-visible, a.cm-image-list__caret:focus-visible { outline: 3px solid var(--cil-accent); outline-offset: -4px; }
a.cm-image-list__caret:focus-visible { outline-offset: 3px; box-shadow: 0 0 0 3px #000; }
.cm-image-list__tile:focus-within { border-color: var(--cil-hover-border); }
.cm-image-list__tile:focus-within .cm-image-list__caret { background: var(--cil-caret-hover-background); color: var(--cil-caret-hover-color); }
.cm-image-list__tile:focus-within .cm-image-list__caret--hover-art .cm-image-list__icon--normal { visibility: hidden; }
.cm-image-list__tile:focus-within .cm-image-list__icon--hover { visibility: visible; }
.cm-image-list--lift .cm-image-list__tile:focus-within { transform: translateY(calc(-1 * min(3px, var(--cil-tile-gap) / 4))); }
.cm-image-list--zoom .cm-image-list__tile:focus-within .cm-image-list__image { transform: scale(1.025); }
.cm-image-list--glow .cm-image-list__tile:focus-within { box-shadow: inset 0 0 var(--cil-glow) var(--cil-hover-border); }
@media (hover: hover) and (pointer: fine) {
  .cm-image-list__tile:has(a):hover { border-color: var(--cil-hover-border); }
  .cm-image-list__tile:has(a):hover .cm-image-list__caret { background: var(--cil-caret-hover-background); color: var(--cil-caret-hover-color); }
  .cm-image-list__tile:has(a):hover .cm-image-list__caret--hover-art .cm-image-list__icon--normal { visibility: hidden; }
  .cm-image-list__tile:has(a):hover .cm-image-list__icon--hover { visibility: visible; }
  .cm-image-list--lift .cm-image-list__tile:has(a):hover { transform: translateY(calc(-1 * min(3px, var(--cil-tile-gap) / 4))); }
  .cm-image-list--zoom .cm-image-list__tile:has(a):hover .cm-image-list__image { transform: scale(1.025); }
  .cm-image-list--glow .cm-image-list__tile:has(a):hover { box-shadow: inset 0 0 var(--cil-glow) var(--cil-hover-border); }
}
@container (max-width: 48px) { .cm-image-list__caret { display: none; } }
@media (min-width: 768px) { .cm-image-list--desktop-hidden, .cm-image-list__cell--desktop-hidden, .cm-image-list__mobile { display: none; } }
@media (max-width: 767px) { .cm-image-list--mobile-hidden, .cm-image-list__cell--mobile-hidden, .cm-image-list__desktop { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .cm-image-list .cm-image-list__tile, .cm-image-list .cm-image-list__image, .cm-image-list .cm-image-list__caret { transition: none; }
  .cm-image-list .cm-image-list__tile, .cm-image-list .cm-image-list__image { transform: none !important; }
}