.js-Dropdown {
  display: inline-block;
  position: relative;
}
.js-Dropdown-title {
    outline: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    display: flex;
    font-size: 1.1rem;
    line-height: 1.3rem;
    background: #a0a0a0;
    color: #000;
    font-family: 'Playfair Display';
    padding: 5px 20px;
    padding-right: 30px;
    transition: 0.3s;
    border-radius: 6px;
}
    .js-Dropdown-title:after {
        content: "\e810";
        font-family: fontello;
        right: 15px;
        position: absolute;
        transform: translate(0,-50%) rotate(90deg);
        top: 52%;
        transition: 0.3s;
        font-size:0.8rem;
    }
.js-Dropdown-list {
    background: #a0a0a0;
    color: #000;
    margin-top: 10px;
    z-index: 2;
    font-family: 'Playfair Display';
    padding: 20px 10px;
    border-radius: 4px;
    display: none;
    position: absolute;
    list-style: none;
    width: max-content;
    z-index: 999;
}
.js-Dropdown-list.is-open {
  display: block;
  height: auto;
  opacity: 1;
}
    .js-Dropdown-list li {
        cursor: pointer;
        padding: 2px 10px;
        margin:3px 0;
        border-radius: 6px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: max-content;
    }
        .js-Dropdown-list li:hover {
            background-color: var(--accent-color);
            color: #fff;
        }
        .js-Dropdown-list li.is-selected {
            background: var(--accent-color);
            color: #fff;
        }
.js-Dropdown-optgroup {
  border-bottom: 1px solid #a5a5a5;
  color: #a5a5a5;
  cursor: default;
  padding: 1em 0.5em;
  text-align: center;
}