/* Legacy CSS from Breakdance UI code snippet */
/* TODO: need to be refactored */

/* choices */
.choices{
    width:100%;
    margin:0 !important;
    font-size:inherit;
}

.choices::after{
    display:none;
}

.choices__inner{
    padding:0rem !important;
    min-height:0rem;
    background:none;
    border:none;
    border-radius:0;
}

.choices__inner .choices__list{
    padding:0.75rem 1.5rem !important;
    color: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b);
    font-size: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-font-size);
    font-weight: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-font-weight);
    line-height: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-line-height);
    border:1px solid var(--bde-palette-color-1-d2e8aeb7-2563-420c-bf3e-3932d00e3054);
    background:var(--bde-palette-color-1-90be4f65-887e-4eb3-a5ca-25b2b785963f);
    border-radius: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9265 10.2319L13.1935 16.093C12.9976 16.3039 12.7641 16.4019 12.5004 16.4019C12.2367 16.4019 11.9957 16.2964 11.7998 16.093L6.07436 10.2319C5.90862 10.0662 5.81822 9.85526 5.81822 9.60665C5.81822 9.10191 6.20996 8.71017 6.70717 8.71017C6.94824 8.71017 7.18178 8.80057 7.35505 8.98137L12.4929 14.2623L17.6458 8.98138C17.8115 8.80811 18.0451 8.71017 18.2937 8.71017C18.7909 8.71017 19.1826 9.10191 19.1826 9.60665C19.1826 9.84773 19.0922 10.0662 18.9265 10.2319Z' fill='%23554F4A'/%3E%3C/svg%3E%0A");
    background-size:1.5rem;
    background-repeat:no-repeat;
    background-position:calc(100% - 1.5rem) 50%;
    transition:var(--transition);
}

.choices.is-open .choices__inner .choices__list{
    border:1px solid var(--bde-palette-color-1-8242e65b-bd36-43fc-b409-0b1007b9f61f) !important;
}

.choices__list--dropdown{
    border-radius:0.5rem !important;
    border:1px solid var(--bde-palette-color-1-8242e65b-bd36-43fc-b409-0b1007b9f61f) !important;
    margin-top:0.25rem !important;
}

.is-flipped .choices__list--dropdown{
    margin-bottom:0.25rem !important;
    margin-top:0 !important;
}

.choices__list--dropdown .choices__list{
    max-height:15rem;
}

.choices__list--dropdown .choices__list::-webkit-scrollbar {
    width: 4px;
}

.choices__list--dropdown .choices__list::-webkit-scrollbar-track {
    background:transparent;
}

.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
    background-color: var(--bde-palette-color-1-d2e8aeb7-2563-420c-bf3e-3932d00e3054);
}

.choices__list--dropdown .choices__list .choices__placeholder{
    display:none;
}

.choices__list--dropdown .choices__list .choices__item{
    border-bottom:1px solid var(--bde-palette-color-1-8242e65b-bd36-43fc-b409-0b1007b9f61f) !important;
    padding:0.875rem 1.5rem !important;
    color: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b) !important;
    font-size: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-font-size) !important;
    font-weight: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-font-weight) !important;
    line-height: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-line-height) !important;
    transition:background-color var(--transition) !important;
    background-color:#ffffff !important;
}

.choices__list--dropdown .choices__list .choices__item.is-selected{
    padding-right:3.5rem !important;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 8.75L6.25 12.25L13.25 4.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position:calc(100% - 1.5rem) 50%;
    background-size:1rem;
    background-repeat:no-repeat;
}

.choices__list--dropdown .choices__list .choices__item:hover{
    background-color: #EBF2F9 !important;
}

.choices__list--dropdown .choices__list .choices__item::after{
    display:none !important;
}

.choices__list--dropdown .choices__list .choices__item:last-child{
    border:none !important;
}