/* Shared ebook and free-learning embedded module dimensions. */
:is(.content_box,body#tinymce) iframe.content-module-iframe {
    display: block !important;
    position: relative !important;
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    vertical-align: top;
}

:is(.content_box,body#tinymce) .drag-drop-game-embed {
    display: block;
    clear: both;
    max-width: 100%;
    margin-bottom: 24px;
}

:is(.content_box,body#tinymce) .drag-drop-game-embed.is-left { margin-left: 0; margin-right: auto; }
:is(.content_box,body#tinymce) .drag-drop-game-embed.is-center { margin-left: auto; margin-right: auto; }
:is(.content_box,body#tinymce) .drag-drop-game-embed.is-right { margin-left: auto; margin-right: 0; }
:is(.content_box,body#tinymce) .drag-drop-game-embed iframe.content-module-iframe { margin: 0; }

:is(.content_box,body#tinymce) .contain-class-embed {
    display: block;
    clear: both;
    max-width: 100%;
    margin-bottom: 24px;
}
:is(.content_box,body#tinymce) .contain-class-embed.is-left { margin-left: 0; margin-right: auto; }
:is(.content_box,body#tinymce) .contain-class-embed.is-center { margin-left: auto; margin-right: auto; }
:is(.content_box,body#tinymce) .contain-class-embed.is-right { margin-left: auto; margin-right: 0; }
:is(.content_box,body#tinymce) .contain-class-embed iframe.content-module-iframe { margin: 0; }

@media (max-width: 768px) {
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-30 { width: 30% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-35 { width: 35% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-40 { width: 40% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-45 { width: 45% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-50 { width: 50% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-55 { width: 55% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-60 { width: 60% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-65 { width: 65% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-70 { width: 70% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-75 { width: 75% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-80 { width: 80% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-85 { width: 85% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-90 { width: 90% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-95 { width: 95% !important; }
    :is(.content_box,body#tinymce) .drag-drop-game-embed.ddg-mobile-width-100 { width: 100% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-30 { width: 30% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-35 { width: 35% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-40 { width: 40% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-45 { width: 45% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-50 { width: 50% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-55 { width: 55% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-60 { width: 60% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-65 { width: 65% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-70 { width: 70% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-75 { width: 75% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-80 { width: 80% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-85 { width: 85% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-90 { width: 90% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-95 { width: 95% !important; }
    :is(.content_box,body#tinymce) .contain-class-embed.cc-mobile-width-100 { width: 100% !important; }
}