@import "common/var";

@include b(location-picker) {

  @include e(tool) {
    height: 40px;
    width: 40px;
    border-radius: 100% !important;
    cursor: pointer;
    img {
      width: 100%;
      height: 100%;
    }
    @include when(active) {
      background: $--color-primary !important;
    }
  }
  @include e(tip) {
    background: $--background;
    font-size: 12px;
    padding: 1px 5px;
    border-radius: 2px;
    box-shadow: $--box-shadow-base;
    color: $--color;
  }
  @include e(tooltip) {
    background: $--background;
    font-size: 14px;
    padding: 3px 5px;
    border-radius: 2px;
    box-shadow: $--box-shadow-base;
    color: $--color;
    &:before {
      border-top: 6px solid $--background;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      content: "";
      position: absolute;
      bottom: -6px;
      margin-left: -7px;
      left: 50%;
    }
  }
  @include e(delete) {
    color: $--color-warning;
    margin-left: 10px;
    cursor: pointer;
    &:hover {
      opacity: 0.8;
    }
  }

  @include e(dialog) {
    .my-dialog-panel__main {
      padding: 0 1px;
    }
    .my-layout__south {
      position: absolute;
      width: 100%;
      bottom: 0;
      background: rgba(255, 255, 255, 0.6);
    }
  }

  @include e(form) {
    .el-form-item:last-child {
      margin-bottom: 0;
    }
  }
}