.content-page-body .content-page-media,
body.cke_editable .content-page-media {
    box-sizing: border-box;
    background: transparent;
    clear: both;
    display: block;
    margin-block: 1rem;
    max-width: 100%;
    padding: 0;
    text-align: start;
}

.content-page-body .content-page-media-image img,
.content-page-body .content-page-media-video video,
body.cke_editable .content-page-media-image img,
body.cke_editable .content-page-media-video video {
    display: block;
    height: auto;
    max-width: 100%;
}

.content-page-body .content-page-media-image-natural:not(.content-page-media-wide),
.content-page-body .content-page-media-image:not(.content-page-media-wide):not(.content-page-media-image-sm):not(.content-page-media-image-md):not(.content-page-media-image-lg),
body.cke_editable .content-page-media-image-natural:not(.content-page-media-wide),
body.cke_editable .content-page-media-image:not(.content-page-media-wide):not(.content-page-media-image-sm):not(.content-page-media-image-md):not(.content-page-media-image-lg) {
    inline-size: fit-content;
    max-inline-size: 100%;
}

.content-page-body .content-page-media-image-sm:not(.content-page-media-wide),
body.cke_editable .content-page-media-image-sm:not(.content-page-media-wide) {
    inline-size: min(100%, 20rem);
}

.content-page-body .content-page-media-image-md:not(.content-page-media-wide),
body.cke_editable .content-page-media-image-md:not(.content-page-media-wide) {
    inline-size: min(100%, 32rem);
}

.content-page-body .content-page-media-image-lg:not(.content-page-media-wide),
body.cke_editable .content-page-media-image-lg:not(.content-page-media-wide) {
    inline-size: min(100%, 48rem);
}

.content-page-body .content-page-media-image-sm img,
.content-page-body .content-page-media-image-md img,
.content-page-body .content-page-media-image-lg img,
body.cke_editable .content-page-media-image-sm img,
body.cke_editable .content-page-media-image-md img,
body.cke_editable .content-page-media-image-lg img {
    inline-size: 100%;
}

.content-page-body .content-page-media-audio:not(.content-page-media-wide),
body.cke_editable .content-page-media-audio:not(.content-page-media-wide) {
    inline-size: min(100%, 32rem);
}

.content-page-body .content-page-media-video:not(.content-page-media-wide),
body.cke_editable .content-page-media-video:not(.content-page-media-wide) {
    inline-size: min(100%, 48rem);
}

.content-page-body .content-page-media-audio audio,
body.cke_editable .content-page-media-audio audio {
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
}

.content-page-body .content-page-media-center,
body.cke_editable .content-page-media-center,
body.cke_editable .content-page-media:not(.content-page-media-start):not(.content-page-media-end):not(.content-page-media-wide) {
    margin-inline: auto;
}

.content-page-body .content-page-media-start,
body.cke_editable .content-page-media-start {
    margin-inline-start: 0;
    margin-inline-end: auto;
}

.content-page-body .content-page-media-end,
body.cke_editable .content-page-media-end {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

.content-page-body .content-page-media-wide,
body.cke_editable .content-page-media-wide {
    inline-size: 100%;
    margin-inline: 0;
}

.content-page-body .content-page-media-wide video,
.content-page-body .content-page-media-wide audio,
.content-page-body .content-page-media-wide img,
body.cke_editable .content-page-media-wide video,
body.cke_editable .content-page-media-wide audio,
body.cke_editable .content-page-media-wide img {
    inline-size: 100%;
}