.custom-select-css {
  position: relative;
  background-color: #000000;
  width: 8rem;
  text-align: left;
  line-height: 2rem; }
  .custom-select-css .selected {
    color: #ffffff;
    padding-left: 8px;
    cursor: pointer;
    user-select: none; }
    .custom-select-css .selected:after {
      position: absolute;
      content: "";
      top: 14px;
      width: 0;
      height: 0;
      border: 4px solid white;
      border-color: #ffffff transparent transparent transparent; }

.items {
  color: #ffffff;
  overflow: hidden;
  height: 72px;
  border-top: 1.1px solid #323032;
  border-bottom: 2px solid #323032;
  position: absolute;
  background-color: #1D1C1D;
  padding-left: 10px;
  z-index: 1; }
  .items-edit-char {
    width: 14rem;
    height: 10rem; }
  .items-edit-char-merge {
    left: 0 !important;
    width: 13rem; }
  .items-cast {
    width: 16rem;
    left: -6rem; }

.items-character {
  width: 15rem;
  left: -8rem; }

.item {
  color: #ffffff;
  align-items: center;
  padding-left: 8px;
  cursor: pointer;
  border-bottom: 1.1px solid #323032;
  user-select: none;
  height: 36px;
  margin-bottom: 5px; }

.item:hover {
  background-color: #5c430d; }

.selectHide {
  display: none; }

@media screen and (max-width: 430px) {
  .items-character {
    left: 0 !important; }
  .items-cast {
    left: 0 !important; } }