/* file: /assets/css/mdlite-media-variants.css
   Optional variants for image alignment + style tokens.
   Loads after mdlite-media.css
*/

/* Align (exclusive) */
.md--rendered img.md-img.is-left{
    margin-left: 0;
    margin-right: auto;
}
.md--rendered img.md-img.is-right{
    margin-left: auto;
    margin-right: 0;
}
.md--rendered img.md-img.is-center{
    margin-left: auto;
    margin-right: auto;
}

/* Style: plain/framed */
.md--rendered img.md-img.is-plain{
    border-color: transparent;
    background: transparent;
}
.md--rendered img.md-img.is-framed{
    border-width: 1px; /* baseline already frames; keep as explicit hook */
}

/* Style: shape */
.md--rendered img.md-img.is-square{ border-radius: 0; }
.md--rendered img.md-img.is-rounded{ border-radius: var(--md-img-radius); }
.md--rendered img.md-img.is-circle{ border-radius: 9999px; }

/* Style: shadow */
.md--rendered img.md-img.is-shadow{
    box-shadow: 0 10px 26px rgba(0,0,0,0.12);
}