@use "./mixins" as *;

// adduse

@include dx-popover-arrow-size(20px);

.dx-popover-arrow {
  position: absolute;
  z-index: 2000;
  overflow: hidden;

  &::after {
    position: absolute;
    display: block;
    overflow: hidden;
    content: " ";
    transform: rotate(-45deg);
  }
}

.dx-popover-wrapper {
  &.dx-position-top .dx-popover-arrow::after {
    top: 0;
    left: 0;
    transform-origin: top left;
  }

  &.dx-position-bottom .dx-popover-arrow::after {
    right: 0;
    bottom: 0;
    transform-origin: bottom right;
  }

  &.dx-position-left .dx-popover-arrow::after {
    bottom: 0;
    left: 0;
    transform-origin: bottom left;
  }

  &.dx-position-right .dx-popover-arrow::after {
    top: 0;
    right: 0;
    transform-origin: top right;
  }

  .dx-overlay-content {
    overflow: visible;
  }

  .dx-popup-content {
    overflow: hidden;
  }

  .dx-popup-content-scrollable {
    overflow: auto;
  }
}