.cjsNoPages {font-size: 1.2rem; color: #CCC; display: flex; justify-content: center; align-items: center; height: 5rem}
.cjsImageCropBox {width: 100%}
#_cjsImageBox {border: 1px solid #CCC; aspect-ratio: 1/1}
.cjsButtonsCropBox {display: flex; justify-content: space-between; align-items: center; margin-top: 3rem}
.cjsImageLevelsBox {text-align: center}
.cjsImageLevels {width: 85%; margin: 0 auto; border: 1px solid #CCC}
.cjsButtonsLevelsBox {display: flex; justify-content: space-between; align-items: center}
.cjsButtonsLevelsBox > label {cursor: pointer; display: flex; justify-content: left; align-items: center; gap: 0.5rem} 
.cjsRangeBox {display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem}
.cjsRangeBox > p {font-size: 1.5rem}
#_cjsLevelsRange {padding: 0; margin: 0}
.cjsList {position: relative; display: flex; justify-content: left; align-items: stretch; gap: 2%; flex-wrap: wrap; margin-top: 1rem}
.cjsList > li {width: 27%; display: flex; justify-content: center; align-items: center; position: relative; padding: 2%; border: 1px solid #CCC; aspect-ratio: 1/1; margin-bottom: 2%    }
.cjsList > li > img {width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain}
.cjsList > li > p {position: absolute; top: -3%; right: 2%; font-size: 1.5rem}
.cjsSaveDocBox {display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1rem}
.cjsIconClose {color: red; font-size: 1.5rem; cursor: pointer}
.cjsIconClose::after {content: '×'}

@media only screen AND (max-width: 500px) {
}