@import '../../mixins';
@import '../../vars.less';

.modal {
  .screen-bg('modal_bg');
  background-color: @color-modal-bg;
  padding: 20px;
  color: #ffffff;
  position: relative;
  border: 2px solid #087c77;
  pointer-events: all;
  :global {
    .ant-modal-header {
      padding: 0;
      background: transparent;
      border: none;
    }
    .ant-modal-title {
      color: @color-active;
      font-size: 16px;
      font-weight: normal;
    }
    .ant-modal-content {
      background-color: transparent;
      display: flex;
      flex-direction: column;
      height: 100%;
    }
    .ant-modal-body {
      padding: 0;
      flex: 1;
    }
    .ant-modal-close {
      top: -20px;
      right: -20px;
      color: @color-active;
    }
  }
}

.close {
  text-align: right;
  cursor: pointer;
  color: @color-active;
  position: absolute;
  right: 16px;
  top: 5px;
}
