.select{position:relative}.select__current{align-items:center;background:var(--white);border:1px solid #c2ccdf;border-radius:16px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:12px 16px;transition:var(--base-ease);width:100%}.select__current--active{background:var(--dark-blue-4)}.select__current-label{color:var(--dark-blue-9);font-size:16px}.select__current-icon{transition:var(--base-ease)}[dir=ltr] .select__current-icon--active{transform:rotate(180deg)}[dir=rtl] .select__current-icon--active{transform:rotate(-180deg)}.select__overlay{background:var(--white);border-radius:16px;box-shadow:0 2px 8px #8093cb3d;opacity:0;overflow:hidden;padding-top:10px;position:absolute;top:calc(100% + 5px);transition:var(--base-ease);visibility:hidden;width:100%;z-index:0}.select__overlay--active{opacity:1;visibility:visible;z-index:501}.select__overlay--above{bottom:calc(100% + 5px);top:unset}.select__filter-wrapper{padding:0 10px 5px}.select__filter{border:none;border-bottom:1px solid var(--dark-blue-4);font-family:var(--montserrat);font-size:14px;outline:none;padding:5px;width:100%}.select__options{display:flex;flex-direction:column;max-height:650px;overflow:auto;padding-bottom:10px;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.select__option{color:var(--dark-blue-9);cursor:pointer;font-size:14px;line-height:21px;padding:10px 15px;transition:var(--base-ease)}[dir=ltr] .select__option{text-align:left}[dir=rtl] .select__option{text-align:right}.select__option:focus,.select__option:focus-visible,.select__option:hover{background:#e8eef7}.fade-enter-active,.fade-leave-active{transition:var(--base-ease)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}
