@use 'ej2-base/styles/common/mixin' as *;
@use '../material-dark-definition' as *;
@include export-module('dialog-bootstrap-icons') {
  .e-dialog {
    .e-icon-dlg-close::before {
      content: '\e7fc';
      position: relative;
    }

    .e-icon-dlg-close {
      opacity: $dialog-close-icon-normal-opacity;
    }

    .e-icon-dlg-close:active {
      opacity: $dialog-close-icon-active-opacity;
    }

    .e-icon-dlg-close:hover {
      opacity: $dialog-close-icon-active-opacity;
    }

    .e-south-east::before,
    .e-south-west::before,
    .e-north-east::before,
    .e-north-west::before {
      content: '\eb05';
    }
  }
}