@import "./../../../styles/global.scss";


.dropdown-menu__menu {
  &-container {
  margin-top: 10px;
	z-index: 1;
	&[x-placement*="bottom"] .dropdown-menu__menu-arrow {
			top: 0;
			left: 0;
			margin-top: -0.9em;
			width: 3em;
			height: 1em;
			&:before {
				border-bottom-color: #0A091A;
				border-width: 0 1em 1em 1em;
				border-color: transparent transparent #0A091A transparent;
			}
}
  }
&-arrow {
  position: absolute;
  font-size: 7px;
  width: 3em;
  height: 3em;
  &:before {
    content: "''";
    margin: auto;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
}
&-items {
  width: 180px;
  background-color: rgba(10, 9, 26, 0.95);
  color: #fff;
  cursor: pointer;
}

}

.dropdown-action {
  & i {
    margin-right: 0.75rem;
  }
  &:hover {
    background-color: hsl(243, 20%, 15%);
  }
}