/*====================================
          dropdown
=====================================*/

.sa-plans-dropDown {
  .Dropdown-control {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    width: max-content;
    max-width: max-content;
    padding: 0 mvwDivide(60px) 0 0;
  }

  .Dropdown-control:hover {
    box-shadow: 0 0 0;
  }

  .Dropdown-menu {
    width: mvwDivide(310px);
    // width: max-content;
    max-width: max-content;
    height: mvwDivide(280px);
    max-height: mvwDivide(280px);
    padding: mvwDivide(20px) mvwDivide(10px) mvwDivide(20px) mvwDivide(16px);
    border: 0;
    border-radius: mvwDivide(10px);
    // box-shadow: mvwDivide(3px) mvwDivide(3px) mvwDivide(6px) rgba(0, 0, 0, 0.16);
    margin-top: mvwDivide(25px);
    margin-left: mvwDivide(-10px);

    .Dropdown-option:last-child {
      border-bottom: 0;
    }
  }

  .Dropdown-option {
    font-size: mvwDivide(21px);
    line-height: mvwDivide(31px);
    @include fontRegular400;
    color: $theme-text-color-1;
    padding: mvwDivide(9px);
    border-bottom: vw(1px) solid rgba(112, 112, 112, 0.25);
  }

  .Dropdown-option:hover,
  .Dropdown-option.is-selected {
    background: $theme-bg-color-1;
    color: #000;
  }

  .Dropdown-arrow {
    top: 41%;
    border-color: #303030 transparent transparent;
    border-width: mvwDivide(8px) mvwDivide(8px) 0;
  }
}

.is-open .Dropdown-arrow {
  border-color: transparent transparent $theme-dropdown-arrow-color !important;
  border-width: 0 mvwDivide(8px) mvwDivide(8px) !important;
}
