/*@keyframes clockwise { to { @include transform(rotate(360deg) translateZ(0)) } }*/
/* Font smoothing */
/** @file Map Bootstrap breakpoints to nice mixins. */
.tile-group { list-style: none; padding: 0; display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 20px 0; }

@media (min-width: 768px) { .tile-group { flex-direction: row; } }

.tile-group + * { margin-top: 2em; }

.tile-group + .tile-group { margin-top: 12px; }

#content .tile-group { max-width: inherit; }

.tile-group > li { flex: 1; height: 100%; width: 100%; }

.tile-group > li + li { margin-top: 10px; }

@media (min-width: 768px) { .tile-group > li + li { margin-left: 12px; margin-top: 0; }
  .tile-group > li + li .tile { height: 100%; } }

.tile-group > li::before { content: none !important; }

@media (min-width: 768px) { @supports (grid-gap: 12px) { .tile-group { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; grid-gap: 12px; }
    .tile-group > li + li { margin-left: 0; } } }

.cke_editable .tile-group { border: 1px dotted blue; margin: 5px; padding: 5px; max-width: 50vw; }

.cke_editable .tile-group > li { list-style: none; border: 1px hotpink dotted; }