.select__arrow{transition:all .2s ease-in-out}.select--active .select__arrow,.select--active .select__btn-title svg{transform:rotate(180deg);transition:all .2s ease-in-out}.select--active .select__case{opacity:1;transition:visible .2s ease-in-out,opacity .2s ease-in-out;visibility:visible}.select__btn-title{align-items:center;display:flex;font-family:Inter,Arial;gap:8px}.select__case{opacity:0;transition:visible .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;z-index:3}.select__case--hover{opacity:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden}@media (hover:hover) and (pointer:fine){.select:hover .select__case--hover{opacity:1;visibility:visible}.select__btn:hover~.select__case{opacity:1;transition:visible .2s ease-in-out,opacity .2s ease-in-out;visibility:visible}}