.form-select-options {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0 0 1rem 1rem;
    padding: .5rem;
    z-index: 10;
}

.invert-toggle .form-select-options {
    top: 0;
    transform: translateY(-100%);
    border-radius: 1rem 1rem 0 0;
}


.form-select-selected {
    display: block;
    padding: 10px 0;
    width: 100%;
    border: none;
    background: none;
    text-align: left;
    outline: none;
    position: relative;
    cursor: pointer;
}

.form-select-option {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    color: var(--primary-font-menu-color);
    padding: .2rem .5rem;
    transition-duration: 200ms;
    border-radius: 5px;
    cursor: pointer;
    min-height: 30px;
}

    .form-select-option:hover {
        background: var(--primary-hover-color);
    }

    .form-select-selected i {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--primary-font-color-lighter-1);
        font-size: 18px;
    }

.form-select-selected:focus {
    outline: none;
}


.form-select-options .form-select-option.form-select-option-placeholder {
    display: none;
}

button.form-select-selected .form-select-option {
    display: flex !important;
}