.float {
  margin-bottom: 20px;
  max-width: 50%;
}

.float > * {
  margin: 0 !important;
}

.float:not([data-flip]) {
  float: left;
  margin-right: 40px;
}

.float[data-flip] {
  float: right;
  margin-left: 40px;
}

.float[data-clear] {
  float: unset;
  clear: both;
  margin: 0;
}

/* Ensure content next to floated sidebar starts as a clean column
   and does not wrap underneath the avatar/float. */
.float + *,
.float ~ p,
.float ~ ul,
.float ~ ol,
.float ~ div,
.float ~ section,
.float ~ article {
  overflow: auto; /* creates new block formatting context to avoid wrap under float */
}

@media (max-width: 600px) {
  .float {
    float: unset !important;
    clear: both !important;
    margin: auto !important;
    max-width: unset;
  }
}

/*# sourceMappingURL=float.css.map */