@import '~@od/global-resources/scss/settings/index';

.debug {
  position: fixed;
  z-index: 9999;
  border: 1px solid $red;
  bottom: 40px;
  right: 40px;
  background: $white;
  padding: 20px;
  text-align:center;
  @include font-size($base-font-size);

  &-breakpoint {
    font-weight: $font-weight-bold;
  }
}

.visual-grid {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;

  .visual-container {
    margin: 0 auto;
    max-width: 1658px;
    float: none;
    padding: 6px 12px 0 12px;
  }

  * {
    background-color: rgba($red, 0.2);
    box-sizing: border-box;
    height: 100%;
  }
}