.dropdown {
    position: relative;
}

.dropdown .dropdown-selected {
    padding: 10px 15px;
    border-radius: 5px;
    background-color: var(--bg-color2);
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right 1px center;
    background-size: 20px 20px;
    cursor: pointer;
    color: #929292;
    font-size: 12px;
    border: 1px solid var(--lightgray);
    background-color: #f9f9f9;
}

.dropdown-elements {
    display: none;
}

.dropdown-elements.show {
    display: block;
    background-color: var(--bg-color2);
    border-radius: 5px;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid var(--lightgray);
    border-top: none;
    width: calc(100% - 2px);
}

.dropdown.show .dropdown-selected {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.dropdown-elements .dropdown-element {
    
    padding: 0 7px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid var(--lightgray);
}

.dropdown-elements .dropdown-element:last-child {
    border-bottom: none;
}

.dropdown-elements .dropdown-element label {
    width: 100%;
    padding: 10px 0;
}