.ph-dropdown-wrap {
  position: relative;
  cursor: pointer;
  user-select: none;

  a {
    color: inherit;
    text-decoration: none;
  }

  .ph-dropdown-inner {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: relative;
  }

  &.ph-right-arrow .ph-dropdown {
    left: 0;
  }

  .ph-dropdown {
    max-width: 200px;
    position: absolute;
    left: -15px;
    top: 0;
    padding: 30px 0 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, -10px);
    transition: 0.35s ease;

    &.ph-limit-height.ph-dropdown-inner {
      max-height: 100px;
      width: 100%;
      overflow: auto;
      @include scrollbar-min();
    }
  }

  &.ph-right-dropdown {
    .ph-dropdown {
      left: auto;
      right: -15px;
    }
  }
  &.ph-has-arrow {
    .ph-dropdown-inner {
      &:before,
      &:after {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }

      &:before {
        border-color: rgba(35, 40, 45, 0);
        border-bottom-color: rgba(35, 40, 45, 0.06);
        border-width: 9px;
        left: 14px;
        z-index: 71;
        top: -18px;
      }

      &:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 8px;
        left: 15px;
        z-index: 72;
        top: -16px
      }
    }

    &.ph-right-arrow {
      .ph-dropdown-inner {
        &:before {
          left: auto;
          right: 14px;
        }
        &:after {
          left: auto;
          right: 15px;
        }
      }
    }
  }

  &:hover:not(.ph-click-open) .ph-dropdown,
  &.ph-open .ph-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
  }
}