/*
Django CMS Picture

Classes from [Django CMS Picture](https://github.com/django-cms/djangocms-picture#readme).

Reference:

- [Django CMS Picture `.align-` Classes](https://github.com/django-cms/djangocms-picture/blob/2.3.0/djangocms_picture/models.py#L24-L34)

Styleguide Components.DjangoCMS.Picture
*/



/* Default Values */

/* Support default alignment classes */
.align-right,
.align-left {
  margin-bottom: var(--global-space--grid-gap);
}
.align-right {
  float: right;
  margin-left: var(--global-space--grid-gap);
}
.align-left {
  float: left;
  margin-right: var(--global-space--grid-gap);
}
.align-center {
  display: block;
  margin-inline: auto;
}

/* Try to auto clear image floats */
.align-right + *:not(img) { clear: right }
.align-left + *:not(img) { clear: left }
