@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../overlay/colors" as *;
@use "../toolbar/mixins" as *;
@use "../toolbar/sizes" as *;
@use "../typography/sizes" as *;
@use "../../base/popup";

// adduse
@use "../overlay";

$material-popup-toolbar-label-font-size: $material-m-font-size;

.dx-popup-wrapper {
  & > .dx-overlay-content {
    background: $overlay-content-bg;
    box-shadow: $material-popup-overlay-content-shadow;
    border-radius: $popup-border-radius;
  }

  & > .dx-popup-fullscreen {
    border-radius: 0;
  }

  .dx-state-focused {
    &.dx-overlay-content {
      box-shadow: $material-popup-focused-content-shadow;
    }
  }
}

.dx-popup-title {
  position: relative;
  min-height: 28px;
  border-bottom: 1px solid $popup-title-border-color;
  background: $popup-title-bg;
  color: $popup-title-color;

  &.dx-toolbar {
    @include dx-toolbar-sizing(
      $material-popup-toolbar-height,
      0 $material-popup-toolbar-horizontal-padding,
      $material-popup-toolbar-label-font-size,
      $material-popup-toolbar-item-spacing
    );

    box-shadow: none;
  }
}

.dx-popup-content {
  padding: $material-popup-content-padding;

  & > .dx-button {
    margin: $material-popup-button-margin;
  }
}

.dx-popup-bottom {
  background: $popup-bottom-bg;
  color: $popup-bottom-color;

  &.dx-toolbar {
    @include dx-toolbar-sizing(
      $material-popup-bottom-toolbar-height,
      0 $material-popup-content-withtitle-top-padding,
      $material-popup-toolbar-label-font-size,
      $material-popup-toolbar-item-spacing
    );
  }
}

.dx-popup-content.dx-dialog-content {
  min-width: 220px - 2 * $material-popup-content-padding;
  padding: $material-popup-content-padding;
}

.dx-dialog-message {
  padding: 0;
}