/*====css params=====*/
/*:root{*/
/*    --ga-select-border: ;*/
/*    --ga-select-list-border: ;*/
/*    --ga-select-list-background: ;*/
/*    --ga-select-option-border: ;*/
/*    --ga-select-option-active-background: ;*/
/*    --ga-select-option-active-color: ;*/
/*    --ga-select-option-hover-background: ;*/
/*    --ga-select-option-hover-color: ;*/
/*    --ga-select-option-transition: ;*/
/*    --ga-select-icon-transform: ;*/
/*    --ga-select-icon-transition: ;*/
/*}*/

.gaSelect, .gaSelect *{box-sizing: border-box;margin: 0;padding: 0;}
.gaSelect select{display: none;}
.gaSelect{position: relative}
.gaSelect-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: var(--ga-select-border, 1px solid #cacaca);
    cursor: pointer;
}
.gaSelect-options{
    display: none;
    position: absolute;
    border: var(--ga-select-list-border, 1px solid #cacaca);
    background: var(--ga-select-list-background, #FFFFFF);
    top: 100%;
    left: 0;
    width: 100%;
}
.gaSelect-icon{
    transition: var(--ga-select-icon-transition, .2s linear);
}

/*==active===*/
.gaSelect.active .gaSelect-icon{transform: var(--ga-select-icon-transform, rotate(180deg));}
.gaSelect.active .gaSelect-options{
    display: flex;
    flex-direction: column;
}
.gaSelect-options > *{
    cursor: pointer;
    border-top: var(--ga-select-option-border, 1px solid #cacaca);
    border-bottom: var(--ga-select-option-border, 1px solid #cacaca);
    transition: var(--ga-select-option-transition, .2s linear);
}
.gaSelect-options > *:first-child{border-top: none;}
.gaSelect-options > *:last-child{border-top: none;}

.gaSelect-options > *.active{
    background: var(--ga-select-option-active-background, #cacaca);
    color: var(--ga-select-option-active-color, #000);
}

@media (hover:hover) {
    .gaSelect-options > *:not(.active):hover{
        background: var(--ga-select-option-hover-background, #cacaca);
        color: var(--ga-select-option-hover-color, #000);
    }
}