.ui-dropdown-container .ui-dropdown{padding:1rem;border:.1rem solid var(--border);border-radius:var(--radius);min-width:15rem;display:flex;flex-grow:1;justify-content:center;position:relative;color:var(--title)}@media screen and (min-width: 768px){.ui-dropdown-container .ui-dropdown{border-radius:10rem;padding:0}}.ui-dropdown-container .ui-dropdown.open .ui-dropdown__menu{display:block;box-shadow:0 0 1rem 0 rgba(0,0,0,.2509803922);background:var(--koersen-detail);border-radius:var(--radius-l);overflow:hidden;position:absolute;z-index:5;top:calc(100% + 1rem);left:0;opacity:1;transform:translateY(0);transition:.33s ease}@media screen and (min-width: 768px){.ui-dropdown-container .ui-dropdown.open .ui-dropdown__menu{top:calc(100% + .5rem)}}@starting-style{.ui-dropdown-container .ui-dropdown.open .ui-dropdown__menu{opacity:0;transform:translateY(2rem);transition:.33s ease}}.ui-dropdown-container .ui-dropdown__selected{cursor:pointer;width:100%;line-height:1}@media screen and (min-width: 768px){.ui-dropdown-container .ui-dropdown__selected{padding:1.5rem 2.5rem 1.5rem 2rem;display:flex;align-items:center}}.ui-dropdown-container .ui-dropdown__selected .before-label svg{margin-block:-0.5rem}.ui-dropdown-container .ui-dropdown__selected .icon:not(.default-sort){margin-right:.5rem;margin-top:-0.5rem}.ui-dropdown-container .ui-dropdown__selected .default-sort svg{top:50%;transform:translateY(-50%);right:.7rem}.ui-dropdown-container .ui-dropdown__selected span{--icon-color: var(--title);font-size:1.4rem}@media screen and (min-width: 768px){.ui-dropdown-container .ui-dropdown__selected span{font-size:1.6rem;font-weight:700}}.ui-dropdown-container .ui-dropdown__menu{padding-left:0;margin:0;list-style:none;display:none;top:3.2em}.ui-dropdown-container .ui-dropdown__menu .active{background:var(--primary-bg)}.ui-dropdown-container .ui-dropdown__menu .active svg{--icon-color: var(--primary);fill:var(--primary)}.ui-dropdown-container .ui-dropdown__menu .active span.active-check{display:block}.ui-dropdown-container .ui-dropdown__menu .active span.active-check svg{--icon-color: var(--primary)}.ui-dropdown-container .ui-dropdown__menu .active span.active-check svg path{stroke-width:.2rem}.ui-dropdown-container .ui-dropdown__menu .active-check{display:none}.ui-dropdown-container .ui-dropdown__option{background:var(--background);min-width:20rem;display:flex;padding:1rem;gap:1rem;align-items:center;font-size:1.2rem;position:relative}@media screen and (min-width: 768px){.ui-dropdown-container .ui-dropdown__option{min-height:5rem;padding:1.1rem 1.5rem}.ui-dropdown-container .ui-dropdown__option:hover{background:var(--primary-light);cursor:pointer}}.ui-dropdown-container .ui-dropdown__option div{display:flex;flex-direction:column;gap:.4rem}.ui-dropdown-container .ui-dropdown__option .label{line-height:1;font-size:1.4rem;font-weight:600;color:var(--title)}.ui-dropdown-container .ui-dropdown__option .desc{line-height:1;font-size:1.2rem;color:var(--text-grey_accent)}.ui-dropdown-container .ui-dropdown__option span{display:flex}.ui-dropdown-container .ui-dropdown__option span>svg{right:unset;position:relative}.ui-dropdown-container .ui-dropdown__option span.active-check{align-self:center;margin-left:auto}.filter-search-container{flex-direction:row;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.filter-search-container:has(.button) .filtering{width:100%}@media screen and (min-width: 768px){.filter-search-container:has(.button) .filtering{margin-left:auto;width:fit-content}}.filter-search-container:has(.button) .filtering label.filter-label{display:block}.filter-search-container .filtering{width:fit-content;min-width:50%}@media screen and (min-width: 992px){.filter-search-container .filtering{width:unset;min-width:24rem}}.filter-heading{font-size:1rem;font-weight:700;color:var(--secondary);display:block}@media screen and (min-width: 768px){.filter-heading{display:none}}/*# sourceMappingURL=ui-dropdown.css.map */