////
///
/// Graphic Classes
/// ===========================================================================
///
/// @group Classes.BodyMolecules.Content.Graphic
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "../../../mixins/body_molecules/content/graphic" as *;

// ============================================================================
// Graphic Classes
// ============================================================================

.graphic {
    @include graphic--base;
}

.graphic-elevate {
    @include graphic--elevate;
}

@media screen and (min-width: q(1280)) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .graphic-elevate {
        @include graphic--elevate-responsive;
    }
}

.html-embed img,
.image,
.image__dam-img,
.image__img,
.image__picture {
    @include graphic-image--base;
}

.graphic_no-margins {
    @include graphic--no-margins;
}