.region {
  position: absolute;
  pointer-events: auto;

  &__item {
    height: 100%;
    width: 100%;
    outline: 8px solid #FFF;
    background-color: rgba(255, 255, 255, .3);

    &--selected {
      outline-width: 16px;
    }

    &--focused {
      outline-color: indigo;
    }

    &--editing {
      outline: 16px solid #4285F4;
    }
  }
}