/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */
[data-gbmp-type] {
  border: 10px solid transparent; }
  [data-gbmp-type] .ml-auto {
    margin-left: auto; }
  [data-gbmp-type] .ml1e {
    margin-left: 16px; }
  [data-gbmp-type] .wp-block {
    max-width: none; }

[data-gbmp-type="mobile"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch; }
  [data-gbmp-type="mobile"]:after, [data-gbmp-type="mobile"]:before {
    content: '';
    display: block;
    background: transparent;
    -ms-flex: 1;
        flex: 1;
    max-width: none; }
  [data-gbmp-type="mobile"] > * {
    width: 100%;
    max-width: 500px; }

[data-gbmp-type] ul.gbmp-tabs {
  margin: 0; }
  [data-gbmp-type] ul.gbmp-tabs li {
    display: block; }

[data-gbmp-active] {
  border: 1px solid #ddd; }
  [data-gbmp-active] [data-type*='gbmp'] {
    margin: 0;
    border-top-width: 50px; }
    [data-gbmp-active] [data-type*='gbmp'] [data-gbmp-type] {
      margin: 0; }

[data-gbmp-active="mobile"] [data-type="gbmp/desktop"], [data-gbmp-active="desktop"] [data-type="gbmp/mobile"] {
  display: none; }