@use 'mixins/mixins' as *;
@use 'mixins/function' as *;
@use 'mixins/var' as *;
@use 'common/var' as *;

@include b(contacts-select) {
  @include set-component-css-var('contacts', $contacts);
  @include set-component-css-var('contacts-select', $contacts-select);

  width: min(875px, 100%);

  .ant-modal-content {
    padding: 0;
  }
  .ant-modal-header {
    height: 60px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    border-bottom: getCssVar('contacts', 'divider');
    margin-bottom: 0;
  }

  .ant-modal-footer {
    height: 50px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: end;
    border-top: getCssVar('contacts', 'divider');
    margin-top: 0;
  }

  .ant-modal-title {
    font-weight: getCssVar('font-weight', 'semi-bold');
    font-size: getCssVar('font-size', 'medium');
  }
  .ant-modal-body {
    min-height: 100px;
  }
}