.coordinate-field-input {
  margin-bottom: 20px;
  display: flex;

  &__map {
    width: 66%;
    display: inline-block;
  }

  &__values {
    overflow: auto;
    align-self: flex-end;
    display: inline-block;
    background-color: $tooltip-background-color;
    width: 32%;
    height: 30vh;
    border: 1px solid $gradient-highlight-color;
    margin-left: 10px;
    padding: 10px;
  }

  &__selected-region {
    padding: 5px;
    border: 1px solid $panel-border-color;
    display: inline-block;
    margin-bottom: 2px;
  }

  .close {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px;

    &__icon {
      height: 17px;
      width: 17px;
    }
  }
}